一对一源码,选择手机号登录并发送验证码

一对一源码,选择手机号登录并发送验证码实现的相关代码

1使用button按钮,

 

1
并添加属性open-type=“getPhoneNumber” bindgetphonenumber=“bindgetphonenumber”<br>  <button class="login-title" open-type="getPhoneNumber" bindgetphonenumber="bindgetphonenumber"><br>    <text class="login-click">点击登录</text><br>    <view class="login-vip">登录享受更多专属特权</view><br>  </button>

2. 在js添加对应的方法bindgetphonenumber()

 

1
<br>//获取用户信息    ①第一步通过login登录获取code<br>  bindgetphonenumber(e) {<br>    let telThat = this;<br>    wx.login({<br>      success(res) {<br>        if (e.detail.errMsg == "getPhoneNumber:ok") { //允许授权<br>        //res.code是通过login获取的,传递给后端,后端会通过code获取session_key、unionid<br>        //e.detail.iv通过用户点击允许授权获取到的<br>        //e.detail.encryptedData通过用户点击授权获取到的,加密的用户信息(包含用户昵称、手机号等)<br>          telThat.getPho(res.code, e.detail.iv, e.detail.encryptedData);<br>        }<br>      }<br>    })<br>  },<br>  //获取解密后的用户手机号  ②第二步通过后端接口获取解密后的用户信息(包含用户昵称、手机号等)<br>  getPho(code, iv, encryptedData) {<br>    let thatCo = this;<br>    var date = util.getDate(new Date());<br>    var str = 'hdH7trswgIJJbKCV6ppmcCIU8C0etXmI';<br>    var tokenWx = md5.hex_md5('get_decode_userinfo' + date + str);<br>    http.req('/api/index_wx.php', { //自己的接口路径<br>      act: 'get_decode_userinfo',   //自己接口的参数<br>      token: tokenWx,               //自己接口的参数<br>      wxcode: code,                 //上方login获取到的code<br>      iv: iv,        //允许授权获取到的iv<br>      encryptedData: encryptedData, //允许授权获取到的encryptedData<br>    }, (res) => {<br>      if (res && res.code == 200) {<br>          //解密后的数据为res<br>          // 将手机号储存到本地<br>          wx.setStorage({<br>            key: "phos",<br>            data: this.data.pho<br>          })<br>      }<br>    })<br>  },

 

 

3. 获取storage中的手机号,此时的key要和setStorage中的key属性值要一致

 

1
let loThat = this;<br>var returnPho1 = setTimeout(function () {<br>   wx.getStorage({<br>      key: 'phos',<br>      success(res) {<br>      loThat.setData({<br>          pho: res.data<br>        })<br>       }<br>    })<br>      clearTimeout(returnPho1)<br>    }, 500);

 

以上就是 一对一源码,选择手机号登录并发送验证码实现的相关代码,更多内容欢迎关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(268)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示