一对一源码,选择手机号登录并发送验证码
一对一源码,选择手机号登录并发送验证码实现的相关代码
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); |
以上就是 一对一源码,选择手机号登录并发送验证码实现的相关代码,更多内容欢迎关注之后的文章
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现