npm 包 nodebb-plugin-sso-wechat2 使用教程

最近,越来越多的网站开始使用微信作为登录方式,这不仅提高了用户的便利度,也为网站的用户增长带来了新的契机。在 Node.js 中,有一个非常好用的社区软件 NodeBB,同时也有一个可以帮助我们实现微信单点登录的 npm 包,就是 nodebb-plugin-sso-wechat2 。本篇文章主要介绍该 npm 包的使用方法及相关注意事项。

什么是 nodebb-plugin-sso-wechat2

nodebb-plugin-sso-wechat2 是一个 NodeBB 的第三方插件,它可以让用户通过扫描微信的二维码、关注微信公众号等方式进行免密码登录。nodebb-plugin-sso-wechat2 会将微信公众号中用户的基本信息同步到 NodeBB 中。这个插件需要用到微信公众平台开发者账号以及NodeBB的管理权限。

如何使用 nodebb-plugin-sso-wechat2

1. 注册微信公众平台开发者账号

要使用 nodebb-plugin-sso-wechat2 ,我们需要首先登陆 微信公众平台开发者中心 创建一个开发者账号。在注册完成后,需要申请开通“网页授权获取用户基本信息”接口权限和“公众号登录”接口权限。也需要绑定域名和填写开发者信息。

2. 安装 nodebb-plugin-sso-wechat2

在 NodeBB 根目录中,运行以下命令来安装 nodebb-plugin-sso-wechat2

--- ------- -------------------------

安装完成后,在 NodeBB 后台管理页面的插件界面中启用 nodebb-plugin-sso-wechat2

3. 配置 nodebb-plugin-sso-wechat2

运行下面的命令:

-- --------------------------------------

拷贝config.json.example 为 config.json 。

-- -------------------  ----------- 

修改config.json 文件,将appid和appsecret修改为公众平台创建应用后获得的id、secret字段。

配置项解释:

  • scope :snsapi_base 或 snsapi_userinfo。snsapi_base:只能获取到openid;snsapi_userinfo:获取到openid和微信用户的基本信息
  • snsapi_base :是第二部分分别定义的目录
  • snsapi_userinfo:是第二部分分别定义的目录
  • controllerName :是第二部分中定义的controller的名字
  • plugins:server : NodeBB 的域名。如果 NodeBB 没有配置 SSL,就需要使用 http 协议;否则需要使用 https 协议。
  • wechat :是公众平台申请的名字,这个可以填任何

4. 重新启动 NodeBB

输入以下命令来重启 NodeBB :

-------- -------

5. 进行微信公众平台配置

在开发者中心,找到“基本配置”界面,在“公众号设置”一栏中,将服务器设置中的URL和Token设置为NodeBB访问URL。

比如NodeBB访问地址为:http://127.0.0.1:4567。那么URL就是http://127.0.0.1:4567/wechat-sso/login,并将Token设置为nodebbsso。这里的wechat-sso/login就是在config.json中进行配置的routerPath。

6. 客户端网站应用微信登录

NodeBB 后台的微信授权登录功能配置完成后,客户端网站需要根据微信开发文档实现相应的微信登录功能。

可以使用 npm 包 wechat-oauth

--- ----- - ------------------------

-- --------------------
--- ------ - --- ------------ -----------

-- -------------------------
--------------------------- -------- ----- ------- -
    --- ----- - -------------------------
    --- ------ - -------------------

    -- ---------------------------
    ---------------------- -------- ----- ------- -
        -- --------
        --------------------

        -- ----------
        --------
            ----- -------
            ---- --------------------
            ----- -
                ------- --------------
                --------- ----------------
                ---- -----------
                ----------- -----------------
            -
        ---------------- ------ -
            ------------------
            ------------------
        ---------------- -- -
            -------------------
        ---
    ---
---

总结

nodebb-plugin-sso-wechat2 让 NodeBB 网站支持微信单点登录变得十分容易,并且可以通过微信公众号将用户的基本信息同步到 NodeBB。通过本篇文章的介绍,我们了解了 nodebb-plugin-sso-wechat2 的安装、配置和使用步骤。希望这篇文章对大家有所帮助!

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60055a2281e8991b448d7c65


猜你喜欢

  • npm 包 git-blogger 使用教程

    为什么要使用 git-blogger 在今天的互联网时代,写博客已经成为了程序员的一个日常行为,我们经常在各大编程社区、博客平台上分享我们的技术成果、经验心得、思考体会等等,给广大的开发者带来启发和指...

    2 年前
  • npm 包 hey-joe 使用教程

    简介 hey-joe 是一个用于构建 Web 组件化开发的 npm 包。它提供了一些基本的工具和规范,让前端开发者可以更加方便地构建组件化应用。 hey-joe 的功能包括: 组件开发环境的初始化和...

    2 年前
  • npm 包 mqq 使用教程

    简介 mqq 是腾讯 Q 群、QQ 邮箱等平台客户端的 Web 客户端 JavaScript 接口库。npm 包 mqq 为 mqq 库的 Node.js 版本,可以在 Node 环境下使用。

    2 年前
  • npm 包 responsive-slides 使用教程

    在前端开发中,实现网站的轮播图功能是很基础的需求。而现如今收录了大量前端插件库的 npm 非常实用,其中 responsive-slides 是比较常用的插件之一。

    2 年前
  • NPM 包 UI-Description-View 使用教程

    UI-Description-View 是一种轻便而强大的 NPM 包,可以帮助你轻松地创建 UI 描述和文档。UI-Description-View 包括多个基础组件,可以帮助你创建描述和文档,并且...

    2 年前
  • npm 包 lsb-release-fs 使用教程

    引言 在前端开发中,我们经常会遇到需要获取系统信息的情况,比如用户的操作系统版本、内核版本、处理器架构等等。这时候,lsb-release-fs 就能为我们提供很大的便利。

    2 年前
  • npm 包 tilde-bot 使用教程

    简介 tilde-bot 是一款针对 Github 上的 issue 和 pull request 进行自动回复的机器人,基于 Node.js 开发,使用函数式编程和异步编程技术,以及 Github ...

    2 年前
  • npm 包 generator-angularpackage 使用教程

    前言 generator-angularpackage 是一个基于 Yeoman 的 npm 包,旨在帮助开发者快速创建 Angular 单独发布的 npm 包。本篇文章将详细介绍如何使用 gener...

    2 年前
  • npm 包 ember-powered-datepicker 使用教程

    在前端开发中,日期选择器是经常使用的组件之一,而 ember-powered-datepicker 是一个优秀的日期选择器 npm 包,它具有可扩展性、易用性和高度自定义的特点。

    2 年前
  • npm 包 hybrid-kit 使用教程

    简介 Hybrid-kit 是一个 npm 包,可以用于快速开发移动端 Web 应用的混合开发工具。通过 Hybrid-kit,你可以构建出具有原生风格的 Web 页面应用,同时又能够调用 nativ...

    2 年前
  • npm 包 is-mac-address 使用教程

    在前端开发过程中,经常会需要处理 MAC 地址。而 npm 上有一个常用的 is-mac-address 包,可以方便地判断一个字符串是否是合法的 MAC 地址。本文将详细介绍该包的使用方法,以及注意...

    2 年前
  • npm包is-psd-file使用教程

    简介 is-psd-file是一个node.js工具,用于检查文件是否为PSD文件。它使用快速轻量的二进制读取PSD文件头部数据,并通过与PSD文件头部规格进行比较来判断文件是否为PSD文件。

    2 年前
  • npm 包 kii-cordova-plugin 使用教程

    简介 kii-cordova-plugin 是一个 Cordova 插件,为开发者提供了使用 Kii Cloud 的能力。Kii Cloud 是一个云端 BaaS 平台,可以帮助开发者快速搭建云端后端...

    2 年前
  • npm 包 lb-connector-sendcloud 使用教程

    简介 在前端开发中,我们经常需要发送邮件或短信来完成某些功能,而 SendCloud 是实现邮件和短信发送的一种解决方案。npm 包 lb-connector-sendcloud 是 SendClou...

    2 年前
  • NPM 包:webdriver-log-server 使用教程

    在前端开发中,很多时候我们需要进行自动化测试,常常需要用到 Selenium WebDriver 这一工具来完成一些自动化的操作。但是,在使用 Selenium WebDriver 过程中,我们可能会...

    2 年前
  • npm 包 barcode-boleto 使用教程

    barcode-boleto 是一个基于 JavaScript 的 npm 包,主要用来生成巴西银行票据的条形码。本篇文章将会详细介绍它的使用方法,并提供示例代码。

    2 年前
  • npm 包 cssthemes-loader 使用教程

    在前端开发中,无论是 Web 应用还是移动端应用,UI 设计都是至关重要的一环。我们通常使用 CSS 来实现设计效果。但是,当我们需要使用多套主题(如暗黑主题、粉色主题等),每次修改 CSS 文件将会...

    2 年前
  • npm 包 deep-clone-ts 使用教程

    介绍 在前端开发中,经常会遇到需要复制对象的情况。常见的方法是使用 Object.assign 或者展开操作符。然而,这些方法只能进行浅拷贝,如果对象中有嵌套的属性,那么这些属性会被共享。

    2 年前
  • npm 包 fstat-mode 使用教程

    在前端开发中,我们可能需要获取文件的信息和权限,这时候可以使用 fstat-mode 这个 npm 包来达到我们的目的。fstat-mode 是一个基于 Node.js 的 npm 包,能够非常方便地...

    2 年前
  • npm 包 gulp-imageoptim2 使用教程

    在前端开发中,优化图片资源是非常重要的一环。优化图片可以减小网站或应用程序的加载时间,提高用户体验和页面性能。其中,gulp-imageoptim2 是一款非常好用的 npm 包,可以帮助我们对图片进...

    2 年前

相关推荐

    暂无文章