微信小程序登入平台-微信小程序怎么登入

目录

先看小程序的登录流程

使用说明 注意事项：

调用auth.code2Session接口换取用户唯一标识OpenID、微信开放平台账号下的用户唯一标识UnionID（如果当前小程序已经绑定微信开放平台账号）和会话密钥session_key。

之后，开发者服务器可以根据用户ID生成自定义登录状态，用于后续业务逻辑中前后端交互时识别用户身份。

防范措施

会话密钥 session_key 是对用户数据进行加密签名的密钥。 为了保护应用程序自身的数据，开发者服务器不应将会话密钥传递给小程序，也不应将此密钥提供给外界。

临时登录凭证代码只能使用一次

第一步调用微信登录方法wx.login()获取临时登录凭证码回传给开发者服务器。

//微信登录方法 wx.login()
 
//调用微信登录方法 wx.login() 获取临时登录凭证code ，并回传到开发者服务器。
 
login() {
    wx.login({
        success: (ress) => {
            wx.request({
                url: "服务器后端接口",
                data: {
                    code: ress.code
                },
                success: (result) => {
                    console.log(result.data.openId); //获取到openid
                }
            })
        }, fail: (error) => {
            console.log("登录失败！" + error);
        }
    })
}

微信登录的一些参数

第二步获取用户信息微信小程序登入平台微信小程序登入平台，点击事件，获取用户授权，用户同意后返回信息

//利用后端接口获取openid,获取到自己系统账号的id，当前小程序已绑定到微信开放平台帐号,与微信号绑定，使得下次登录微信账号就跟小程序系统的账号绑定。
 
//getUserProfile 方法
 
getUserProfile() {
    var that = this
    wx.getUserProfile({
        desc: "用于获取用户微信个人信息",// 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
        success: (res) => {
            wx.login({
                success: (ress) => {
                    wx.request({
                        url: "服务器后端接口",
                        data:{
                            code:ress.code,
                        },
                        success: (result) => {
                            console.log(result.data.openId); //获取到openid
                            wx.request({
                                url: "服务器后端接口",
                                data:{
                                    openId:result.data.openId,
                                },
                                success: (results) => {
                                    console.log(results.data.session_key);//拿到自己的系统账号
                                },
                                fail: (errors) => {
                                    console.log(errors);
                                }
                            })
 
                        },
                        fail: (error) => {
                            console.log(error);
                        }
                    })
                }
            })
        },
        fail: (err) => {
            console.log(err)
        }
 
    })
}

第三步获取用户手机号

获取用户手机号的过程如下：

wx.Login()方法→获取登录凭证（code）→发送code给后端→后端获取openid和session_key→调用getPhoneNumber方法→将encryptedData和iv传给后端→后端获取json

以下为官方手机号介绍截图

//获取手机号 html代码
 

 
//获取微信用户手机号方法  
 
getPhoneNumber (e) {
    console.log(e.detail.code)
    console.log(e.detail.errMsg)
    console.log(e.detail.iv)
    wx.login({
        success:res =>{
            console.log(res.code);
            wx.request({
                url:"服务器后端接口",
                data:{
                   "encryptedData":e.detail.encryptedData,
                   "iv":e.detail.iv,
                   "codes":e.detail.code
                },
                method:"GET",
                header:{
                    "content-type":"application/json"
                },
                success:function(res){
                    wx.setStorageSync("PhoneNumber",res.data.phoneNumber);
                    console.log("手机号为" + res.data.phoneNumber)
                },
                fail:function(err){
                    console.log(err);
                }
            })
    })
  }

手机号获取方法可选参数

参数类型说明

电话号码

细绳

用户绑定的手机号码（境外手机号码会有区号）

纯电话号码

细绳

没有区号的手机号码

国家代码

细绳

区号

后台返回的数据

获取到的开放数据有如下json结构：

{
    "phoneNumber": "13580006666",
    "purePhoneNumber": "13580006666",
    "countryCode": "86",
    "watermark":
    {
        "appid":"APPID",
        "timestamp": TIMESTAMP
    }
}

结论

微信小程序授权登录方法和获取微信用户手机号的文章到此结束。 更多微信小程序授权登录和获取手机号请搜索云海天教程往期文章或继续浏览下方相关文章，希望大家以后多多支持云海天教程！