A simple to use module for Express that handles authentification (signup and login), sessions and provide an account page you can place in your app.
Requires JQuery and Bootstrap 4 (JS + CSS) on the client side.
- Handles sessions and cookies
- OAuth (Google and Github)
- Drop-in login/signup page
- Drop-in account management page
- Forgot Password / reset link
- Auto redirecting after login/signup
- Logged middleware
- Ability to disable sign ups
- Use Bootstrap
- Magic link login
- Store last logged date for users
|
|
|
|
|
| Nucleus | ElioPay | Backery | Lttrfeed | Musli.io |
👋 Want to be listed there? Contact me.
npm i express-account-blockThen in your express code
// Init express
const express = require('express')
const app = express()
// Add your DB
const mongoose = require('mongoose')
const mongoURI = process.env.MONGO_URL || 'mongodb://localhost:27017/myappdb'
mongoose.connect(mongoURI, { useNewUrlParser: true })
// Your db schmeas
const db = require('./helpers/db')
// Parse from html forms and post payload
app.use(express.json())
app.use(express.urlencoded({ extended: true }))
// For signup and login
require('express-account-block')(app, {
siteName: 'My Web App',
siteUrl: 'example.com',
primaryColor: '#b90577',
// background: 'red',
// logoUrl: '/favicon.png',
mongoose: mongoose,
useAccessToken: true, // Access token management
redirectLogin: '/account',
redirectSignup: '/account',
// disableSignup: true,
// signupMailExtra: 'You can now create your first app.',
mongoUser: db.User,
connectors: {
github: {
clientId: "xxxxxxx",
clientSecret: "xxxxxx",
redirectUri: "https://my.app/auth/github/callback"
},
google: {
clientId: 'xxxxxxx.apps.googleusercontent.com',
clientSecret: 'xxxxxxxxx',
redirectUri: 'https://my.app/auth/google/callback'
}
}
})Will require Bootstrap and jQuery.
In your express route:
app.get("/account", (req, res, next) => {
res.render("my_account_view", { // Where account is your page structure
accountTemplate: require.resolve("express-account-block/account.ejs")
})
})Make sure to have Bootstrap.js and jQuery included.
Then, in your ejs:
<body>
<%- include(accountTemplate) %>
</body>
<script src="/account/account.js" defer></script>Currently the module supports Github and Google oauth.
The redirect URIs are predefined paths:
- /auth/github/callback for Github
- /auth/google/callback for Google
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent