微信小程序的登录——用户信息

这次的分享，还是基于微信小程序来说
首先奉献上api链接(点击即可)
https://developers.weixin.qq.com/miniprogram/dev/framework/
说明一下：我这里使用的接口文档来自api工厂

开始

一，如何去注册用户

看到api工厂的注册接口要求我们需要给这个api接口传递三个必须的参数（code,encryptedData,iv）
这个三个参数怎么在小程序中获取

//wx.login 是小程序中获取code的api
//wx.getUserInfo 则是获取encrypedData和iv的api
getinfo(){
 wx.login({
        success:(res)=>{
          wx.getUserInfo({
            success:(data)=>{
              let {code}=res
              let {encryptedData,iv}=data
              //这里使用的是wx.request的二次封装(可以看我上一篇博客)
              setUser(code,encryptedData,iv).then(res=>{
              	console.log("这里会返回我们接口响应code===0,表示注册成功"，res)
              })
            }
          })
        }
    })
}
 //如何去触发这个获取看大家的了，要注意的是页面中我们去使用button获取信息时
   <button open-type="getUserInfo" bindgetuserinfo="getinfo">注册</button>
   它的语法是这样的（详情看微信文档中button组件）

来到api工厂的后台管理，可以看到我们的用户是空的

但是当我们触发这个方法的时候

用户就注册到了我们的后台管理

二，如何实现登录

注意：如果没注册直接先登录的话，这个后台管理会告诉我们未注册

根据登录所给的接口，看到我们只需要传递code,这就简单多了

//还是这个wx.login api去获取我们的code
	 wx.login({
      success:(res)=>{    
        let {code}=res
        //二次封装请求
        setLogin(code).then(res=>{
        console.log(res)
        //让我们看看得到了什么
        })
      }
    })

当你看到这些信息时在表示登录成功

分享结束，欢迎评论