区块链节点发现节点认证_节点和护照js facebook认证

最新推荐文章于 2022-06-17 14:11:18 发布

weixin_26724171

最新推荐文章于 2022-06-17 14:11:18 发布

阅读量369

点赞数

文章标签：区块链 zookeeper leetcode 比特币分布式

原文链接：https://medium.com/swlh/node-and-passport-js-facebook-authentication-76cbfa903ff3

版权

区块链节点发现节点认证

As a user, It’s very often we would have used Facebook accounts to login to a web application. The process would have been so simple. This blog will explain to you how to implement Facebook authentication with Node and Express JS. To implement this, we will be using a third-party library called Passport JS. Passport JS is authentication middleware for Node and Express JS. Passport JS can be used with any Express JS applications. Passport JS provides 500 + strategies.

作为用户，通常我们会使用Facebook帐户登录Web应用程序。这个过程是如此简单。该博客将向您介绍如何使用Node和Express JS实现Facebook身份验证。为了实现这一点，我们将使用一个名为Passport JS的第三方库。 Passport JS是Node和Express JS的身份验证中间件。 Passport JS可以与任何Express JS应用程序一起使用。 Passport JS提供500多种策略。

Table of Content

表中的内容

Initializing a Node JS Project
初始化Node JS项目

Initially let’s create a new Node js Project. The below commands create a new folder and then initializes the node to our project.

首先，让我们创建一个新的Node js项目。以下命令创建一个新文件夹，然后将节点初始化为我们的项目。

mkdir facebook_passport
cd facebook_passport/
npm init -y
touch index.js

Now install the required packages.

现在安装所需的软件包。

npm install express cookie-session passport

After installing, copy the below code to your index.js file.

安装后，将以下代码复制到index.js文件中。

index.js

const express = require('express')
const app = express()app.get('/',(req,res)=>{
  res.send('Hello world')
})app.listen(8000,()=>{
  console.log('Serve is up and running at the port 8000')
})

Now start the server using node index.js. Then navigate to http://localhost:8000/. You should see Hello world getting displayed in the browser.

现在，使用node index.js启动服务器。然后导航到http：// localhost：8000 / 。您应该看到Hello world正在浏览器中显示。

2. Creating OAuth client ID

2.创建OAuth客户端ID

Before using the passport’s Facebook Authentication strategy, you should have registered your app or web application with Facebook. To do that, follow the steps below.

在使用护照的Facebook身份验证策略之前，您应该已经在Facebook中注册了您的应用程序或Web应用程序。为此，请按照以下步骤操作。

a. Login to Facebook developers dashboard.

一种。登录到Facebook开发人员仪表板。

b. Navigate to MyApps page.

b。导航到MyApps页面。

https://developers.facebook.com/apps

c. Hit the Create App button.

C。点击创建应用程序按钮。

d. Now a Model dialog box will open. Choose the type of app you want to create. After choosing, give a name for your app and hit the Create App ID button.

d。现在将打开“模型”对话框。选择您要创建的应用程序类型。选择后，为您的应用命名，然后点击“创建应用ID”按钮。

e. Now, a new app would have been created. Navigate to Settings -> Basics.

e。现在，将创建一个新的应用程序。导航至Settings -> Basics 。

f. At the top, you will see the App ID and App secret displayed. Make a note of it.

F。在顶部，您将看到显示的应用程序ID和应用程序密钥。记下它。

3. Configuring Facebook OAuth

3.配置Facebook OAuth

Now let’s start integrating Facebook Authentication with our project. To do that I am creating a new file named passport.js which holds the credentials that we created from the Facebook developer’s Dashboard.

现在，让我们开始将Facebook身份验证与我们的项目集成在一起。为此，我要创建一个名为passport.js的新文件，其中包含我们从Facebook开发人员的仪表板创建的凭据。

passport.js

const passport = require('passport');
const FacebookStrategy = require('passport-facebook').Strategy;passport.serializeUser(function(user, done) {
  done(null, user);
});passport.deserializeUser(function(user, done) {
  done(null, user);
});passport.use(new FacebookStrategy({
  clientID: "611015742909469",
  clientSecret: "757**********************bed",
  callbackURL: "http://localhost:8000/auth/facebook/callback"
},
function(accessToken, refreshToken, profile, done) {
  return done(null, profile);
}
));

Copy and paste the below code to your index.js file.

将以下代码复制并粘贴到index.js文件中。

The route /auth/facebook redirects the client to Facebook Login Page.

路由/auth/facebook将客户端重定向到Facebook登录页面。

The route /auth/facebook/callback will act as a callback URL which will be called if Facebook Authentication is Successful.

/auth/facebook/callback路由将充当回调URL，如果Facebook身份验证成功，则将调用该URL。

The route /ath/error will be called if any error has occurred during Facebook Authentication.

如果在Facebook身份验证期间发生任何错误，则将调用/ath/error路由。

index.js

const express = require('express')
const app = express()
const cookieSession = require('cookie-session')
const passport = require('passport');
require('./passport')app.use(cookieSession({
  name: 'facebook-auth-session',
  keys: ['key1', 'key2']
}))
app.use(passport.initialize());
app.use(passport.session());app.get('/',(req,res)=>{
  res.send(`Hello world ${req.user.displayName}`)
})app.get('/auth/error', (req, res) => res.send('Unknown Error'))app.get('/auth/facebook',passport.authenticate('facebook'));app.get('/auth/facebook/callback',passport.authenticate('facebook', { failureRedirect: '/login' }),
function(req, res) {
   res.redirect('/');
});app.listen(8000,()=>{
  console.log('Serve is up and running at the port 8000')
})

Now navigate to http://localhost:8000/auth/facebook. You will be redirected to Facebook’s Login page. On logging in to your Facebook account, you will be redirected back to our webpage and you will see your Facebook User name getting displayed on our webpage.

现在导航到http：// localhost：8000 / auth / facebook 。您将被重定向到Facebook的登录页面。登录到您的Facebook帐户后，您将被重定向回我们的网页，并且您会看到您的Facebook用户名显示在我们的网页上。

4. Protecting Route and adding a logout view

4.保护路由并添加注销视图

Now let’s add middleware to find if the user has logged in or not. To do that, I am creating a file named auth.js in the Middleware folder.

现在，让我们添加中间件来查找用户是否已登录。为此，我在Middleware文件夹中创建了一个名为auth.js的文件。

Middleware/auth.js

const isLoggedIn = (req, res, next) => {if (req.user) {
  next();
} else {
    res.status(401).send('Not Logged In');
  }
}module.exports = isLoggedIn

Once done, pass the middleware to the route /. Now navigate to the URL http://localhost:8000/. Automatically you will be redirected to the /auth/facebook route.

完成后，将中间件传递给路由/ 。现在导航到URL http://localhost:8000/ . 自动，您将被重定向到/auth/facebook路由。

Now let’s create a function for logout. Just by calling the function req.logout() you can logout from the Facebook Account.

现在让我们创建一个注销功能。只需调用函数req.logout()即可从Facebook帐户注销。

index.js

const isLoggedIn = require('./Middleware/auth')app.get('/',isLoggedIn,(req,res)=>{
  res.send(`Hello world ${req.user.displayName}`)
})app.get('/logout', (req, res) => {
  req.session = null;
  req.logout();
  res.redirect('/');
})

Just navigate to http://localhost:8000/logout. You will be logged out.

只需浏览至http：// localhost：8000 / logout即可。您将被注销。

Do visit my previous blog where I have implemented Google OAuth Authentication with Passport JS.

请访问我以前的博客，其中我已使用Passport JS实现了Google OAuth身份验证。

Feel free to contact me for any queries.

如有任何疑问，请随时与我联系。

Email: sjlouji10@gmail.com

电子邮件：sjlouji10@gmail.com

Linkedin: https://www.linkedin.com/in/sjlouji/

Linkedin： https : //www.linkedin.com/in/sjlouji/

Complete code on my GitHub:

我的GitHub上的完整代码：

Happy coding…

编码愉快！

翻译自: https://medium.com/swlh/node-and-passport-js-facebook-authentication-76cbfa903ff3

区块链节点发现节点认证

weixin_26724171

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
区块链节点发现节点认证_节点和护照js facebook认证

区块链节点发现节点认证As a user, It’s very often we would have used Facebook accounts to login to a web application. The process would have been so simple. This blog will explain to you how to implement Faceboo...
复制链接

扫一扫