這篇文章將為大家詳細(xì)講解有關(guān)如何用代碼實(shí)現(xiàn)在小程序中接入微信登錄，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

成都創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于做網(wǎng)站、網(wǎng)站建設(shè)、改則網(wǎng)絡(luò)推廣、微信小程序定制開(kāi)發(fā)、改則網(wǎng)絡(luò)營(yíng)銷、改則企業(yè)策劃、改則品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；成都創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供改則建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18982081108，官方網(wǎng)址：www.cdcxhl.com

Authing 通過(guò) SDK 為開(kāi)發(fā)者提供了一種快速在小程序中獲取用戶信息并完成登錄的方法。通過(guò) Authing 的 SDK 可以方便地獲取微信提供的用戶身份標(biāo)識(shí)，快速建立以手機(jī)號(hào)碼為基礎(chǔ)的賬號(hào)體系。

• 應(yīng)用場(chǎng)景：小程序；

• 概述：在微信小程序內(nèi)使用，彈出微信授權(quán)框，用戶授權(quán)之后可以獲取當(dāng)前用戶的信息；

• 查看微信官方文檔。

第一步：在微信公眾平臺(tái)創(chuàng)建一個(gè)小程序

請(qǐng)前往微信公眾平臺(tái)指引創(chuàng)建一個(gè)微信小程序，你需要記錄下該應(yīng)用的App ID和App Secret，后面需要用到。如果你需要獲取用戶手機(jī)號(hào)，需要通過(guò)微信認(rèn)證。并將 core.authing.cn 加入微信的 request 合法域名。

第二步：在 Authing 控制臺(tái)配置微信小程序應(yīng)用

在控制臺(tái)的社會(huì)化登錄配置頁(yè)面，找到微信小程序應(yīng)用，填入以下配置：

• App ID: 小程序應(yīng)用 ID；

• App Secret: 小程序應(yīng)用密鑰。

配置完成后請(qǐng)點(diǎn)擊「確定」保存信息。

第三步：開(kāi)始開(kāi)發(fā)接入

從小程序基礎(chǔ)庫(kù)版本 2.2.1 或以上、及開(kāi)發(fā)者工具 1.02.1808300 或以上開(kāi)始，小程序支持使用 npm 安裝第三方包，詳情請(qǐng)見(jiàn):npm 支持 | 微信開(kāi)放文檔。

安裝 npm 包

使用 npm:

npm install authing-wxapp-sdk

或者使用 yarn:

yarn add authing-wxapp-sdk

點(diǎn)擊開(kāi)發(fā)者工具中的菜單欄：工具 --> 構(gòu)建 npm:

勾選「使用 npm 模塊」選項(xiàng)：

初始化 SDK

AuthenticationClient 初始化需要傳入AppId （應(yīng)用 ID）：

你可以在控制臺(tái)的應(yīng)用中查看自己的應(yīng)用列表。

const { AuthenticationClient } = require("authing-wxapp-sdk");

const authing = new AuthenticationClient({
  appId: "YOUR_APP_ID",
});

調(diào)用登錄方法

const { code } = await wx.login()
// 無(wú)需用戶授權(quán)
const user = await authing.loginByCode(code); // 成功登錄，將 token 寫(xiě)入微信 Storage

// 登錄之后可以進(jìn)行此操作
await authing.updateProfile(
  nickname: 'Bob'
)

在用戶完成登錄之后，SDK 會(huì)將用戶的 token 寫(xiě)入到微信的 Storage 中，后續(xù)請(qǐng)求會(huì)自動(dòng)攜帶 token 訪問(wèn)。

后續(xù)用戶再次打開(kāi)小程序，如果小程序的 Storage 中保存有用戶的 token，訪問(wèn) authing 的請(qǐng)求將會(huì)自動(dòng)帶上該 token。

// 該請(qǐng)求可以成功，因?yàn)樵撚脩舫鲇诘卿洜顟B(tài)。
await authing.updateProfile(
  nickname: 'Mick'
)

接下來(lái)

獲取到用戶信息之后，你可以得到用戶的身份憑證（用戶信息的 token 字段），你可以在客戶端后續(xù)發(fā)送給后端服務(wù)器的請(qǐng)求中攜帶上此 token, 以 axios 為例：

const axios = require("axios");
axios
  .get({
    url: "https://yourdomain.com/api/v1/your/resources",
    headers: {
      Authorization: "Bearer YOUR_JWT_TOKN",
    },
  })
  .then((res) => {
    // custom codes
  });

在后端接口中需要檢驗(yàn)此 token 的合法性，來(lái)驗(yàn)證用戶的身份，驗(yàn)證方式詳情請(qǐng)見(jiàn)文檔「驗(yàn)證用戶身份憑證（token）」。識(shí)別用戶身份之后，你可能還需要對(duì)該用戶進(jìn)行權(quán)限管理，以判斷用戶是否對(duì)此 API 具備操作權(quán)限。

關(guān)于如何用代碼實(shí)現(xiàn)在小程序中接入微信登錄就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。