首先要先安裝微信登錄插件,先在DouPHP+中安裝“插件模塊”,然后到插件模塊安裝“微信登錄”插件,安裝后進(jìn)行配置。
提醒:微信登錄插件可用的場景包含:PC端網(wǎng)頁(手機(jī)上瀏覽器也是掃碼,但比較不方便,手機(jī)上竟然引導(dǎo)客戶通過公眾號訪問)、微信公眾號,不包含小程序登錄,小程序登錄單獨(dú)在DouPHP小程序模塊中配置小程序的信息即可實(shí)現(xiàn)微信登錄,跟微信登錄插件各自獨(dú)立的。
注意:總的來說微信登錄插件配置比較復(fù)雜,特別第一次配置通常要花掉很多時(shí)間慢慢調(diào)試,因?yàn)檫@類插件是雙向都要通信的,就是說DouPHP這里配置的信息完全對了,微信那有任何一處配置不對都會(huì)造成無法使用,因此需要有足夠的耐心,慢慢調(diào)試。一定要認(rèn)真看好我們系統(tǒng)里做出的提示,特別是“授權(quán)回調(diào)域”和“業(yè)務(wù)域名、JS接口安全域名、網(wǎng)頁授權(quán)域名”這類跟域名相關(guān)的一點(diǎn)點(diǎn)錯(cuò)誤都不行,比如http和https、域名加www和不加都是不一樣的,微信那設(shè)置的域名是加www的,而您訪問您的網(wǎng)站使用的是不加www的,那就會(huì)被判斷為域名不一致,同樣微信那設(shè)置的是https,訪問網(wǎng)站時(shí)使用的是http,也是被認(rèn)為域名不一致。
一,配置插件
配置插件分兩部分,如下圖,紅色部分是負(fù)責(zé)PC端或者手機(jī)端通過二維碼掃碼登錄的,藍(lán)色部分是負(fù)責(zé)公眾號里直接點(diǎn)擊登錄的。這里其實(shí)需要先理解一個(gè)概念,微信登錄如果在PC端,瀏覽器是沒有給有給或者是微信沒有普及PC端情況下沒有開發(fā)這個(gè)功能,所以無法直接喚起微信登錄,而需要用手機(jī)上的微信掃碼登錄。公眾號里就不一樣的,本身就是微信自家的東西,所以可以直接實(shí)現(xiàn)點(diǎn)擊登錄。這個(gè)理解了,您才能理解為啥微信登錄要設(shè)置這么東西。
1,APPID微信開放平臺、APPSECRET微信開放平臺(PC端掃描登錄)
這里輸入“微信開放平臺->管理中心->網(wǎng)站應(yīng)用”然后提交申請(微信那申請的步驟根據(jù)微信那提示操作,這里就不做詳細(xì)說明),設(shè)置“授權(quán)回調(diào)域”的時(shí)候domain.com和www.domain.com被認(rèn)為不是一個(gè)域名(注意:這里不是讓你輸入www.domian.com而是輸入您自己的域名)。
審核通過后再返回到網(wǎng)站應(yīng)用,找到你申請網(wǎng)站應(yīng)用,點(diǎn)擊查看就可以看到APPID和APPSECRET(要先生成)
2,APPID微信公眾號、APPSECRET微信公眾號(公眾號里點(diǎn)擊登錄)
這里輸入微信公眾號(服務(wù)號)申請到的APPID和APPSECRET,在公眾號-》基本配置,里面獲取
另外在“公眾號設(shè)置”->“功能設(shè)置”里要配置“業(yè)務(wù)域名、JS接口安全域名、網(wǎng)頁授權(quán)域名”,這3個(gè)地方設(shè)置的域名不要輸入http,就是單純輸入域名,比如www.domain.com,注意嚴(yán)格區(qū)分有www和沒www,公眾號菜單里設(shè)置的域名如果是包含www的,那這里配置的就要是包含www的(注意:這里不是讓你輸入www.domian.com而是輸入您自己的域名)。
二,關(guān)于微信開放平臺
微信開放平臺的作用:第一是PC端使用微信登錄只能從開放平臺這申請;第二是捆綁網(wǎng)站應(yīng)用、公眾號、小程序。實(shí)際上你如果只是有公眾號,那就沒必要配置開放平臺,只是有小程序也沒必要配置開放平臺。但是如果要網(wǎng)站應(yīng)用、公眾號、小程序3個(gè)終端登錄的會(huì)員統(tǒng)一就必須把公眾號和小程序在開放平臺的“管理中心”中進(jìn)行綁定。然后再代碼中使用unionid作為唯一標(biāo)記,否則就是使用各終端獲取的openid作為唯一標(biāo)記,問題就在于網(wǎng)站應(yīng)用、公眾號、小程序,同一個(gè)微信登錄獲取到的openid都是不一樣的(當(dāng)然這不是您該關(guān)心的問題,是我們開發(fā)程序時(shí)的問題,只是提一下您會(huì)更好理解)。