一為主題第三方登錄-網(wǎng)站接入微信公眾號登錄圖文教程

2021-08-27 發(fā)布于OneNav

一為主題網(wǎng)站接入微信公眾號登錄教程,OneNav主題更新之后,帶來了微信公眾號登錄的功能,對于很多已經(jīng)開通了微信公眾號就更加方便了。

使用微信公眾號登錄,可直接免跳轉(zhuǎn)掃碼登錄,在微信APP內(nèi)支持無感登錄,用戶體驗更好,還能幫助公眾號引流,另外也就不用再申請微信開放平臺的網(wǎng)頁授權(quán)了

效果預(yù)覽

首先看一下微信公眾號的登錄頁面預(yù)覽:

一為主題第三方登錄-網(wǎng)站接入微信公眾號登錄圖文教程

特點及功能:

  • 免跳轉(zhuǎn)直接掃碼,用戶體驗更好
  • 微信APP內(nèi)無需掃碼無感登錄
  • 支持設(shè)置用戶首次關(guān)注以及掃碼的自動消息回復(fù)

接入教程

接下來就一步一步的開始接入教程,大致流程為以下6步:

  1. 申請并開通微信公眾號
  2. 認(rèn)證微信公眾號
  3. 獲取AppID和AppSecret并填入主題設(shè)置
  4. 添加微信公眾號IP白名單
  5. 設(shè)置微信公共號的服務(wù)器URL配置
  6. 設(shè)置微信公共號JS接口安全域名

申請微信公眾號以及認(rèn)證請百度找教程,按照流程一步一步來就行了。

獲取AppID和AppSecret

登錄微信公眾號平臺,進(jìn)入設(shè)置與開發(fā)->開發(fā)->基本配置

1.獲取AppID和AppSecret并填入主題設(shè)置->社交登錄->微信登錄(公眾號模式)

2.點擊配置IP白名單,將網(wǎng)站服務(wù)器的IP地址加入到白名單

一為主題第三方登錄-網(wǎng)站接入微信公眾號登錄圖文教程

微信公共號的服務(wù)器URL配置

首先進(jìn)入主題設(shè)置->社交登錄->微信登錄(公眾號模式):復(fù)制服務(wù)器接口URL,并設(shè)置一個Token并保存!
然后進(jìn)入公眾號平臺->設(shè)置與開發(fā)->開發(fā)->基本配置->服務(wù)器配置:點擊修改,填寫復(fù)制的接口URL以及Token
保存成功之后,記得點擊啟用

一為主題第三方登錄-網(wǎng)站接入微信公眾號登錄圖文教程
一為主題第三方登錄-網(wǎng)站接入微信公眾號登錄圖文教程

注意事項:

  • token可以隨意填寫,主題設(shè)置和微信平臺保持一致即可
  • 必須先設(shè)置主題設(shè)置的token并保存,然后再去微信公眾號平臺提交服務(wù)器配置,順序反了則會失敗
  • 消息加解密方式必須選擇明文模式
  • 提交成功之后記得啟用服務(wù)器配置

設(shè)置JS接口安全域名

首先進(jìn)入主題設(shè)置->社交登錄->微信登錄(公眾號模式):復(fù)制JS接口安全域名
然后進(jìn)入公眾號平臺->公眾號設(shè)置->功能設(shè)置->JS接口安全域名和網(wǎng)頁授權(quán)域名:點擊設(shè)置,根據(jù)流程設(shè)置好剛剛復(fù)制的域名

注意:如果未設(shè)置好[JS接口安全域名]和[網(wǎng)頁授權(quán)域名],仍然可以使用掃碼登錄,但是在微信APP內(nèi)會提示redirect_uri錯誤

一為主題第三方登錄-網(wǎng)站接入微信公眾號登錄圖文教程
仍然有問題? 我們要如何幫助您?
One Nav 導(dǎo)航主題