UNIAPP中H5微信登錄
UNIapp中自帶封裝好的接口懂鸵,但是在打包成H5中,微信登錄對(duì)于新手來(lái)說(shuō)網(wǎng)上教程比較少痪宰,大部分是分享的教程
H5微信登錄之前你需要先在微信公眾平臺(tái)配置js接口安全域名叼架,切記地址不要帶https或者h(yuǎn)ttp,例如地址https://editor.csdn.net在微信公眾平臺(tái)上配置應(yīng)該是editor.csdn.net
微信登錄有固定的地址衣撬,示例如下:
let local = encode
URIComponent(window.location.href);? //獲取當(dāng)前頁(yè)面地址
window.location.href =
"https://open.weixin.qq.com/connect/oauth2/authorize?appid=" +
Appid +? ///你APP申請(qǐng)的APPId碉碉,每個(gè)app都有個(gè)ID是識(shí)別你app的方式
"&redirect_uri=" +
local +
"&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect";
切記微信的登錄只能在微信內(nèi)置瀏覽器中調(diào)起, 所以想要查看調(diào)起是否成功就需要將文件打包成H5代碼
在“發(fā)行”中選擇 “網(wǎng)頁(yè)-H5手機(jī)版”淮韭,然后上傳到你測(cè)試網(wǎng)中垢粮,
如果查看效果可以直接用手機(jī)或者在微信開發(fā)者工具中選擇公眾號(hào),并輸入你的地址
微信登錄后就會(huì)刷新一次返回上面代碼中l(wèi)ocal地址靠粪,并且?guī)蟘ode碼蜡吧。
getUrlParam() {
let url = window.location.href.split('#')[0]
let serch = url.split('?')[1]
let _this = this;
if (serch) {
let arr = serch.split('&')
let code = arr[0].split('code=')[1]
// 此時(shí)獲取到的code碼需要你傳給后端,因?yàn)槲⑿诺陌踩珯C(jī)制占键,前端不能做處理
} else {
return null
}
},
此時(shí)獲取到的code碼需要你傳給后端昔善,因?yàn)槲⑿诺陌踩珯C(jī)制,前端不能做處理
到此微信登錄就完成了畔乙,可以取到微信登錄的信息了
微信登錄文檔地址?微信H5公眾號(hào)登錄