微信小程序登陆流程，微信小程序怎么实现登陆模块 怎么获取头像 昵称

微信小程序登陆的方法有很多种 咱们分开说

第一种

点击登陆按钮登陆

//=============wxml部分================
<button open-type="getUserInfo" bindgetuserinfo="getuser" >获取头像</button>

//open-type 设置事件类型
//bindgetuserinfo  设置时间名


// ============js部分===============


getuser(e){
  console.log(e.detail.userInfo)
},

// 注意 两个事件名 要对应

//=============打印结果========
avatarUrl: 

"https://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTJzkDzxIjZItoorwV0AGDCCd7ib4PMJKzQicHae7CRxz8cUrh9n1xtTAnIibRBl4Me8lyRhhWDaxSAkQ/132"

city: "Xinxiang"
country: "China"
gender: 1
language: "zh_CN"
nickName: "张没楞"
province: "Henan"

第二种

纯JS 获取 一个方法 一步到位

  wx.getUserInfo({
     complete:(res)=>{
       console.log(res)
     }
   })

 

以上两种方法 主要用于获取  头像和 昵称 无法获得 唯一Id  获得唯一Id 要用第三种

第三种

****指你自己的服务器 OpenId是需要有自己的服务器才能拿到  在服务器中 将 code 和 自己的id 和自己的密码 传给微信的服务器  微信的服务器会返回一个 openId 回来 可以将其储存到自己的服务器上用 或者返回给前端进行展示

getOpenId(){
    wx.login({
      complete:(res)=>{
        console.log(res.code)
        // 获取临时的加密Id
          wx.request({
            url: 'https://www.*****.com?code='+res.code,
                //****指你自己的服务器 OpenId是需要有自己的服务器才能拿到 
            success(res){
              console.log(res)
            }
          })
      }
    })
 },