溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文實例講述了微信小程序學習筆記之登錄API與獲取用戶信息操作。分享給大家供大家參考，具體如下：
前面介紹了微信小程序跳轉頁面、傳遞參數獲得數據，這里來分析一下登錄API與獲取用戶信息操作方法。
【小程序登錄】wx.login()
app.js：
App({
onLaunch: function () {
// 登錄
wx.login({
success: function (res) {
if (res.code) {
//發起網絡請求
wx.request({
url: 'https://www.msllws.top/delcode.php',
data: {
code: res.code
}
})
} else {
console.log('登錄失敗！' + res.errMsg)
}
}
});
}
})
初始化后得到了臨時登錄憑證code，使用wx.request()發送code，請求后臺接口獲取【會話密鑰session_key】和【用戶唯一標識openid】，滿足UnionID下發條件時還可以獲得【用戶在開放平臺的唯一標識符unionid】。
后臺接收code的接口delcode.php：
<?php $code = $_GET['code']; $appid = 'wx1aebd07bdcf596b8'; $secret = '9ee8211007b81efd8c11d7d82d3b8658'; $url = 'https://api.weixin.qq.com/sns/jscode2session?appid='.$appid.'&secret='.$secret.'&js_code='.$code.'&grant_type=authorization_code'; $res = file_get_contents($url); //(省略業務邏輯:保存返回結果中的openid與用戶userid關聯......) echo $res;
請求返回結果：
（unionid需要小程序綁定已認證的微信開放平臺才可以獲得）
【獲取用戶信息】wx.getUserInfo()
首先借助button來授權登錄，login.wxml：
<open-data type="userAvatarUrl"></open-data>
<open-data type="userNickName"></open-data>
<button wx:if="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">授權登錄</button>
<view wx:else>請升級微信版本</view>
login.js如下：
Page({
data: {
//判斷getUserInfo是否在當前版本可用
canIUse: wx.canIUse('button.open-type.getUserInfo')
},
bindGetUserInfo(e) {
console.log(e.detail.userInfo)
}
})
首次點擊button按鈕提示微信授權，允許后調用bindGetUserInfo函數打印獲得的用戶信息
此時修改login.js如下，使用wx.getSetting()獲得用戶信息
（調用wx.getUserInfo()之前需要調用wx.getSetting()獲取用戶當前的授權狀態，返回結果中如果包含【scope.userInfo】，說明用戶已對用戶信息進行授權，可以直接調用wx.getUserInfo()獲取用戶信息）
Page({
data: {
//判斷getUserInfo是否在當前版本可用
canIUse: wx.canIUse('button.open-type.getUserInfo')
},
onLoad: function () {
// 查看是否授權
wx.getSetting({
success(res) {
if (res.authSetting['scope.userInfo']) {
// 已經授權，直接調用getUserInfo獲取用戶信息
wx.getUserInfo({
success: function (res) {
console.log(res.userInfo)
}
})
}
}
})
},
bindGetUserInfo(e) {
console.log(e.detail.userInfo)
}
})
重新編譯，頁面加載獲得同上用戶信息：
此時再點擊button按鈕不再提示授權確認信息。
希望本文所述對大家微信小程序開發有所幫助。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
