天天看點

微信小程式:實作微信登入微信小程式:實作微信登入

微信小程式:實作微信登入

1.wx.getUserInfo(Object object)

由于小程式更新,新版本可能會擷取不到資訊,此時需要用wx.getUserProfile

官方文檔:wx.getUserInfo官方文檔

2.wx.getUserProfile(Object object)

基礎庫 2.10.4 開始支援,低版本需做相容處理。

官方文檔:wx.getUserProfile官方文檔

以下以wx.getUserProfile為例擷取微信使用者資訊

wxml

js

Page({
    data: {
        userinfo: []
    },
    login() {
        var that = this;
        wx.getUserProfile({
            desc: '微信登入小程式',
            success(res) {
                console.log(res.userInfo);
                var user = res.userInfo;
                that.setData({
                    userinfo: user,
                })
            }
        })
    }
})
           

效果圖

登入按鈕

微信小程式:實作微信登入微信小程式:實作微信登入
微信小程式:實作微信登入微信小程式:實作微信登入

允許之後:能夠擷取到微信使用者頭像和微信名

微信小程式:實作微信登入微信小程式:實作微信登入