1. 程式人生 > >小程式更新後,wx.getUserInfo 介面不再出現授權彈窗,新方法獲取使用者資訊

小程式更新後,wx.getUserInfo 介面不再出現授權彈窗,新方法獲取使用者資訊

看了很多篇教程,感覺有點亂,於是自己封裝了一套方法。僅供大家參考,寫的不好,還請提些寶貴意見!

言歸正傳,就是使用 button 元件,並將 open-type 指定為 getUserInfo 型別,獲取使用者基本資訊。

下面直接上程式碼:

上面圖是使用微信 bindgetuserinfo="getUserInfoFun" 的請求方式!

下面看下js裡是怎麼寫的;

首先授權後,獲取使用者的資訊和code , 呼叫setuserinfo 方法,通過它來實現使用者點選授權後的,註冊,完善資訊等操作!

const tools = require('../../utils/tools.js');url 定義了全域性的變數,server_url(這個不能忽視)!首先要引入這個js檔案,後端的資料請求操作都在這個檔案進行。詳細看下面介紹:

接下來,看一下,tools.js 是怎麼執行操作的 tools.require(url,paramas,callback)

返回的資料就是上面那個callback 呼叫的!

後端的話:api 介面,一個 註冊register類,,,一個 更新使用者資訊update_info類;

下面主要說下,註冊類。這裡用到了curl 方法(百度很多的);


這個方法主要是獲取openid, 然後生成使用者的資訊,返回使用者的uid,然後在前端再根據uid ,去更新使用者的資訊。這樣,一個點選登入授權,儲存使用者資訊的操作就已經完成了。歡迎大家一起探討學習小程式!