大前端學習之旅（7）-小程序獲取用戶登陸信息實戰問題及解決方案

在學習大前端的微信小程序課程中，在學習到獲取用戶信息基本信息的時候會發現出現以下錯誤。同時有時候會發現沒有彈出授權彈窗

問題原因：

經過查詢微信官方開發文檔，主要是由于調用函數引起。課程使用的微信開發庫的版本較低，同時在課程發布后，微信對相關的接口調用做出了更改。同時由于近期課程學習的時候，本地安裝的版本為兼容性最高的版本，多重因素的作用下，造成了以上問題

解決方案：

根據問題原因，查詢了官方文檔之后，找到以下兼容性方案：

index.wxml 代碼

獲取頭像昵稱 獲取頭像昵稱 {{userInfo.nickName}}

index.js 代碼

Page({ data: { userInfo: {}, hasUserInfo: false, canIUseGetUserProfile: false, }, onLoad() { if (wx.getUserInfo) { this.setData({ canIUseGetUserProfile: true }) } }, getUserProfile(e) { // 推薦使用wx.getUserProfile獲取用戶信息，開發者每次通過該接口獲取用戶個人信息均需用戶確認 // 開發者妥善保管用戶快速填寫的頭像昵稱，避免重復彈窗 wx.getUserProfile({ desc: '用于完善會員資料', // 聲明獲取用戶個人信息后的用途，后續會展示在彈窗中，請謹慎填寫 success: (res) => { this.setData({ userInfo: res.userInfo, hasUserInfo: true }) } }) }, getUserInfo(e) { // 不推薦使用getUserInfo獲取用戶信息，預計自2021年4月13日起，getUserInfo將不再彈出彈窗，并直接返回匿名的用戶個人信息 this.setData({ userInfo: e.detail.userInfo, hasUserInfo: true }) }, })

主要涉及的代碼信息在圖中已經標注，采用兼容的方案做相關的應對，僅以此文記錄備查。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。