Giter VIP home page Giter VIP logo

loopback-auth-utility-mixin's Introduction

Loopback Reset Password Mixin This module is written for Strongloop Loopback. This module automatically adds reset password and email verification functionality for your loopback project. It implements a loopback mixin object to add reset password and email verification feature.

Loopback Email Verification Feature

This module is developed for email verification for cases where the user can login to the application even when the email is not verified.

This is in contrary to the default email verification feature of loopback, where users cannot login before verifying their email.

Plug And Play

Loopback Reset Password Mixin is a plug and play solution for setting up reset password and email verification with your loopback project. This Module comes with an inbuilt UI and template for reset password, and confirm new password page, so you don't have to write any HTML, CSS, JS code to use this mixin. Whereas, it doesn't require a UI screen for email-verification.

Dependencies

This module uses AWS-SES and nodemailer for sending Emails. Right now only AWS-SES is supported in this module. If you want to use any other transporter, you are welcome to submit a Pull Request for that.

Installation

npm install loopback-reset-password-mixin --save

Reset Password Configuration

  1. Install it ( If using with docker):
docker-compose run builder npm install https://github.com/aquid/loopback-reset-password-mixin
docker-compose run builder npm shrinkwrap
  1. The mixin should be added to any model class which prototypically inherits from loopback's User model
  2. Let's say you decided to name the model Employee
  3. Add common/models/employee.js
module.exports = function(Employee) {
};
  1. Add common/models/employee.json
{
"name": "Employee",
"base": "User",
"idInjection": true,
"options": {
"validateUpsert": true
},
"properties": {
"name": {
"type": "string",
"required": true,
"default": "NA"
}
},
"validations": [],
"relations": {},
"acls": [],
"methods": {}
}
  1. Add the following mixin configuration into the common/models/employee.json file
"mixins": {
"ResetPassword": {}
}
  1. After the changes it will end up looking like:
{
"name": "Employee",
"base": "User",
"idInjection": true,
"options": {
"validateUpsert": true
},
"properties": {
"name": {
"type": "string",
"required": true,
"default": "NA"
}
},
"validations": [],
"relations": {},
"acls": [],
"methods": {},
"mixins": {
"ResetPassword": {}
}
}
  1. Add the employee model at the bottom of server/model-config.json file
, "Employee": {
"dataSource": "mongodb",
"public": true
}
  1. Add the following to server/model-config.json file
'mixins': [
'../node_modules/loopback-reset-password-mixin'
]
  1. Before the changes, server/model-config.json file will look like:
{
"_meta": {
"sources": [
"loopback/common/models",
"loopback/server/models",
"../common/models",
"./models"
],
"mixins": [
"loopback/common/mixins",
"loopback/server/mixins",
"../common/mixins",
"./mixins"
]
},
...
  1. After the changes server/model-config.json will look like:
{
"_meta": {
"sources": [
"loopback/common/models",
"loopback/server/models",
"../common/models",
"./models"
],
"mixins": [
"loopback/common/mixins",
"loopback/server/mixins",
"../common/mixins",
"../node_modules/loopback-reset-password-mixin",
"./mixins"
]
},
...
  1. Please do not copy/paste the ... above like a silly person.
  2. Add body-parser middleware and env vars for AWS into server/middleware.json
  3. Before the changes, file is like:
"parse": {},
  1. After the changes:
"parse": {
"body-parser#json": {},
"body-parser#urlencoded": {"params": { "extended": true }}
},
  1. Add "protocol": "http || https", to the server/config.json file
  2. Check if your config.json file have host and port defined. If not, please add them like
"host": "0.0.0.0",
"port": "3000",
  1. You will need to setup your SES on AWS for yourself.
  2. Then setup the following SES environment variables in your environment
  • AWS_ACCESS_KEY_ID=value
  • AWS_SECRET_ACCESS_KEY=value
  • AWS_DEFAULT_REGION=value
  • RESET_PASSWORD_EMAIL=value (eg: [email protected])
  1. Start your API server
  2. In a separate terminal, make an API request to create an employee:
curl -X POST --header 'Content-Type: application/json' --header 'Accept: application/json' -d '{
"name": "User One",
"username": "user1",
"email": "[email protected]",
"password": "user1"
}' 'http://localhost:3000/api/1.0/Employees'

It should be successful.

  1. Attempt a login:
curl -X POST --header 'Content-Type: application/json' --header 'Accept: application/json' -d '{
"username":"user1",
"password":"user1"
}' 'http://localhost:3000/api/1.0/Employees/login'

It should be successful.

  1. Browse to http://localhost:3000/request-password-reset
  2. Provide the email for password change
  3. Wait and watch to make sure you receive the email
  4. Use the link in the email to reset the password
  5. The previous login should fail:
curl -X POST --header 'Content-Type: application/json' --header 'Accept: application/json' -d '{
"username":"user1",
"password":"user1"
}' 'http://localhost:3000/api/1.0/Employees/login'
  1. But logging in with new password should work
  2. Done!

Email Verification Configuration

The configuration for Email verification remains the same as for reset-password till Step 14. Follow these steps after that:

  1. Setup the following SES environment variables in your environment:
  • VERIFICATION_EMAIL=value (eg: [email protected])
  • AWS_ACCESS_KEY_ID=value
  • AWS_SECRET_ACCESS_KEY=value
  • AWS_DEFAULT_REGION=value
  1. Start your API server
  2. In a separate terminal, make an API request to create an employee:
curl -X POST --header 'Content-Type: application/json' --header 'Accept: application/json' -d '{
"name": "User One",
"username": "user1",
"email": "[email protected]",
"password": "user1"
}' 'http://localhost:3000/api/1.0/Employees'

It should be successful.

  1. A default loopback-generated email is sent to the user's email ID.
  2. User opens the email and clicks on the link sent in email.
  3. The clicked link takes user to loopback's default api /api/User/confirm where the verification token gets confirmed, and updates the user object's emailVerified attribute to (boolean)true. Make sure you emailVerified in User model is set to (boolean)false by default at first.
  4. The user is then successfully redirected to the application root /.

NOTE

To send emails using AWS-SES you need to verify the domain or email that you want to act as a source for your reset password emails. You can see verify email and domains process in the link provided.

loopback-auth-utility-mixin's People

Contributors

aquid avatar kamal0808 avatar pulkitsinghal avatar sachinbreakingthings avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.