天天看点

微信小程序:实现微信登录微信小程序:实现微信登录

微信小程序:实现微信登录

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,
                })
            }
        })
    }
})
           

效果图

登录按钮

微信小程序:实现微信登录微信小程序:实现微信登录
微信小程序:实现微信登录微信小程序:实现微信登录

允许之后:能够获取到微信用户头像和微信名

微信小程序:实现微信登录微信小程序:实现微信登录