地 址:上海市靜安66號 電 話(huà):17310736913 網(wǎng)址:www.hunqingrc.com 郵 箱:[email protected]
微信小程序 getUserPo(′?ω?`)rtrait
微信小程序(WeChat Mini Program)是小程序微信公眾平臺推出的一種輕量級應用,可以在微信內直接運??行,微信無(wú)需下載安裝,小程??序getUserPortrait┐(′?`)┌ 是微信微信小程序中獲取用戶(hù)頭像信息的一個(gè)方法,通過(guò)這個(gè)方法,小程序我們可以獲取到用戶(hù)的微信頭像圖片、昵稱(chēng)等??信息,小程序本文將詳細介紹如何使用 getUserPortrait 方法??(fa)獲取用戶(hù)頭像信息。微信
getUserPortrait 方法是小程序微信小程序中的一個(gè) API,用于獲取當前登錄用戶(hù)的微信頭像信息,該方法需要在小程序的頁(yè)面中調用,并且需要傳入一個(gè) callback 函數??作為參數,該回調??函數會(huì )在獲取用戶(hù)頭像??信息成功后被調用,并接收到一個(gè)對象作為參數,該對象包含了用戶(hù)的頭像信息。
1、在小┐(′д`)┌(xiao)程序的頁(yè)面中調用 getUserPortr(╯°□°)╯︵ ┻━┻ait 方法,
wx.getUserPortrait({ success: function (res) { console.log(res); }, fail: function (err) { console.log(err); }});
wx.getUserPortrait({ success: function (res) { console.log(res); // 輸出用戶(hù)頭像信息 var userInfo = res.userInfo; // 獲取用戶(hù)昵稱(chēng)等信息 console.log(user(╥_╥)Info); // 輸出用戶(hù)昵稱(chēng)等信息 }, fail: function (err) { console.log(err); }});
1、getUserPortrait 方法需要在小程(cheng)序的頁(yè)面中調用,不能在 app.js??、app.json、app.wxss 等文件中調用。
2、getUserPortrai(//ω//)t 方法需要在用(?????)戶(hù)授權后才能成功獲取到用戶(hù)的頭像信息,在使用該方法前,需要先引導用戶(hù)進(jìn)行授權操作。
3、如果用戶(hù)拒絕授權或者授權失敗,回調函數中的 err 參數會(huì )包含錯誤信息,可以通過(guò) err.detailMsg 和 err(╬ ò﹏ó).errMsg 屬性獲取到具體的錯誤信息。
以下是一個(gè)簡(jiǎn)單的示例代碼,???演示了如何使用 getUser??Portrait 方法獲取用戶(hù)頭像信息:
// pages/index/index.jsPage({(′ω`) data: { userInfo: null, // 存儲用戶(hù)頭像信息的對象 hasUserInfo: false // 標識用戶(hù)??是否已經(jīng)授權過(guò)信息,默認為 false }, on(/ω\)Load: function () { this.getUserInfo()ヽ(′▽?zhuān)?ノ; // 獲取用戶(hù)頭像信息的方法(fa) }, getUser(???)Info: function () { var that = this; wx.getSetting({ // 獲取用戶(hù)的授權情況 success: function (res) { if (res.authSetting['scope.userInfo']) { // 如果用戶(hù)已經(jīng)授權過(guò)信息 that.s??etData({ // 更新 hasUserInfo 的值,表示用戶(hù)已經(jīng)授權??過(guò)信息 hasUserInfo: true, userInfo: tha??t.data.userInfo || { } //? 如果之前已經(jīng)有用戶(hù)頭像信息,則直接使用之前的值??,否則使用空對象作為初始值 }); } else { // 如果用戶(hù)還沒(méi)有授權過(guò)信息,則引導用戶(hù)進(jìn)行授權操作 wx.authorize({ // 發(fā)起授權請求,請求用戶(hù)授權 access_token、open="open"id、nickname、avatarUrlヽ(′ー`)ノ、gen(???)der、city、province、country、language、email、phoneNumbers、a??ddress、remarks(需用戶(hù)授權)等權限 scope: 'scope.userInfo', // 請求用戶(hù)授權的信息范圍,包括基本信息和詳細信息兩部分,基本信息包括 openid、nickname、avatarUrl、gender,詳細信息包括 city、province、country、lang(╯°□°)╯︵ ┻━┻uage、??email、phon(╯‵□′)╯eNumbers(′?`*)、address、remarks(需用戶(hù)授權)等字段 success: function () { // 如果授權成功,則更新 hasUserInfo 的值,表示用戶(hù)已經(jīng)授權過(guò)信息,并調用 getUserPortrait( ???) 方法獲取用戶(hù)頭像信息 that.setData({ // 更新 hasUserInfo 的值,表示用ヽ(′ー`)ノ戶(hù)已經(jīng)授權過(guò)信息 hasUserInfo: true, userInfo: that.data.userInfo || { } // 如果之ヽ(′ー`)ノ前已經(jīng)有用戶(hù)頭像信息,則直接使用之前的值(zhi),否則使用(yong)空對象作為初始值 }); that.getUserPortrait(); // 調用 getUserPortrait 方法獲取用戶(hù)頭像信息的方法 }, fail: function () { // 如果授權失敗,則提示用戶(hù)無(wú)法獲取頭像信息的原因,無(wú)法獲取您的頭像信息”等文字提示框和錯誤碼(錯誤碼詳??見(jiàn)下表1)以及錯誤信息的詳細描述文本(可選)等