欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序開發(fā)之獲取用戶信息的兩種方法

 更新時間：2022年03月23日 15:43:07   作者：一只叮鐺  
小程序可以通過微信官方提供的登錄方法方便地獲取微信提供的用戶身份標識,進而開發(fā)者可以進行下一步操作,下面這篇文章主要給大家介紹了關(guān)于微信小程序開發(fā)之獲取用戶信息的兩種方法,需要的朋友可以參考下

今天介紹兩種微信小程序獲取用戶信息的方法

第一中直接授權(quán)獲取（在同一頁面之中）：

首先在微信程序一個頁面的WXML文件寫入獲取用戶信息的按鈕

<!-- bindTap用于綁定事件 -->
<button type="default"  bindtap="getUserInfor"> 登錄</button>
<!-- 展示獲取到的用戶信息 -->
<image  src="{{userinfor.avatarUrl}}" />
<view> {{userinfor.nickName}}</view>

然后是在js頁面寫具體點擊事件的邏輯結(jié)構(gòu)

 data: {
        userinfor:{},//用戶存放獲取到的用戶信息
    },
    getUserInfor(e){
       wx.getUserProfile({
         desc: '用來完善用戶個人信息',//展示的消息
         success:(res)=>{
             console.log(res.userInfo)//將用戶信息打印至控制臺
            this.setData({ userinfor:res.userInfo})//將信息保存到定義的容器里
         }
       })
    }

第二種方式可以實現(xiàn)不同頁面獲取用戶信息：

第二中的主要思想就是將用戶信息先獲取到，然后將其存放在緩存中，然后再跳轉(zhuǎn)到其他頁面對緩存中的數(shù)據(jù)進行獲取

首先我們要從A頁面進入到B頁面

A頁面WXML代碼

<button bindtap="goto" > 進入登錄頁面</button>
<!-- 展示用戶信息 -->
<image  src="{{userinfor.avatarUrl}}" />
<view> {{userinfor.nickName}}</view>

A頁面JS頁面代碼

//
    data: {
        userinfor:{},
    },

   goto(){
       wx.navigateTo({
         url: '../text/text',
       })
   }

B頁面WXML頁面代碼

<button type="default"  bindtap="getUserInfor"> 登錄</button>

B頁面JS頁面代碼

   data: {
        
    },
    getUserInfor(e){
       wx.getUserProfile({
         desc: '用于獲取用戶信息',
         success:(res)=>{
            const userinfor = res.userInfo
            //將用戶數(shù)據(jù)寫入緩存
           wx.setStorageSync('UserInfo', userinfor);
           //跳回前一個頁面
           wx.navigateBack({
               delta:1
           })
         }
       })
    }

當我們點擊B頁面登錄按鈕并且允許獲取用戶信息時，我們可以發(fā)現(xiàn)控制臺緩存頁面會跳出一個KEY值為UserInfo的鍵值，這就說明我們已經(jīng)把用戶的信息存放入緩存之中，接下來就是如何將緩存中的信息取出來，接下來我們就來到A頁面編寫獲取緩存中數(shù)據(jù)的方法，

A頁面JS頁面中添加onShow方法，或者在原有的onShow方法里添加下列方法中的代碼

 data: {
      userinfor:{},
 },
 onShow(){
       const userinfor = wx.getStorageSync('UserInfo')
       this.setData({ userinfor })
    }

這時就成功將用戶數(shù)據(jù)寫入緩存在從其他頁面讀取數(shù)據(jù)

總結(jié)

其實兩種獲取方式都是一樣的，都是用wx.getUserProfile方法進行獲取，但是只是采取了不同的數(shù)據(jù)處理方式，讓開發(fā)更加的便捷

到此這篇關(guān)于微信小程序開發(fā)之獲取用戶信息的文章就介紹到這了,更多相關(guān)微信小程序獲取用戶信息內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論