簡單介紹手機微信登錄及PC端網(wǎng)頁實現(xiàn)微信掃碼登錄的流程

2023-03-16    分類: 網(wǎng)站建設(shè)

在網(wǎng)上查到很多種微信掃碼的方法,有些思路講的很好,跟我的思路差不多,但沒給出具體操作流程,有些則給出一部分代碼,實際用起來比較困難,下面介紹一種非官方的微信掃碼的方法。
微信網(wǎng)頁授權(quán)
首先需要在微信公眾平臺注冊微信公眾號,然后需要認證后才能獲得開發(fā)者ID(AppID)和開發(fā)者密碼(AppSecret),然后開通 “開發(fā)”->“接口權(quán)限”->“網(wǎng)頁授權(quán)”,如下圖所示:
公眾號設(shè)置
開通這個功能后才能獲得用戶的openid,這樣才可以記錄用戶唯一標識的字符,實現(xiàn)微信登錄的功能。然后在微信公眾平臺里找到“設(shè)置”->“公眾號設(shè)置”->”功能設(shè)置”->”網(wǎng)頁授權(quán)域名”里設(shè)置需要授權(quán)的域名(不能加上http://),這步是必須的,否則微信登錄時無法回調(diào)地址導(dǎo)致出現(xiàn)錯誤,如圖片所示:
手機微信登錄代碼
接下來就可以寫代碼了,先介紹手機微信登錄的代碼,如下圖所示:
$scope='snsapi_userinfo';//需要用戶授權(quán)
$url='https://open.weixin.qq.com/connect/oauth2/authorize?appid='.$APPID.'&redirect_uri='.urlencode($REDIRECT_URI).'&response_type=code&scope='.$scope.'&state=1#wechat_redirect'; 是驗證手機登錄的關(guān)鍵,這個地址也是二維碼的地址,二維碼顯示在PC網(wǎng)頁里,用戶打開微信掃碼后,授權(quán)同意登錄,然后跳轉(zhuǎn)到返回地址:
$REDIRECT_URI='http://online.china-longgong.com/fxlonggong/weixin_login/Weixin/login_return?return_url='.$rand_code;
代碼2
通過下面的代碼:
代碼3
就可以獲得用戶的openid = $info[‘openid’]和隨機字符串$rand_code,然后再根據(jù)openid判斷該用戶是否已經(jīng)登錄過該網(wǎng)站了,如果登錄,則更新$rand_code的字段,如果第一次登錄,則將用戶的信息錄入到數(shù)據(jù)庫的會員表里,包括隨機的字符串$rand_code,然后在掃碼登錄的頁面,即顯示二維碼的頁面里,每隔兩秒判斷一次用戶是否已經(jīng)用手機掃碼登錄,判斷的方法是查找$rand_code的值是否等于會員表的某個rand_code值,JS代碼如果下圖所示:
一旦用戶通過網(wǎng)站掃碼確定登錄,就更新該會員的rand_code值,這樣該值便與JS傳遞過去的值一樣,然后就可以獲取該會員的所有數(shù)據(jù)了。
代碼4 二維碼
關(guān)于生成二維碼的問題,可以使用thinkphp中的phpqrcode類,由于文件有些多,大家可以通過搜索”phpqrcode”就可以下載這個功能類
網(wǎng)上也有人跟我使用差不多的方法,我覺得這個雖然是非官方的微信掃碼登錄方法,但還算是可以用的,因為使用了手機微信的登錄功能,然后加個小調(diào)整,即可完成PC網(wǎng)頁掃碼登錄的方法。
作者:創(chuàng)新互聯(lián)陳應(yīng)信

本文標題:簡單介紹手機微信登錄及PC端網(wǎng)頁實現(xiàn)微信掃碼登錄的流程
當前路徑:http://www.bm7419.com/news33/244833.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)、手機網(wǎng)站建設(shè)、定制開發(fā)、外貿(mào)建站、響應(yīng)式網(wǎng)站網(wǎng)站導(dǎo)航

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

微信小程序開發(fā)