小白后端自测小程序登录

准备

微信开发者工具

小程序开发文档

开始

1、打开开发者工具,新创建一个新项目,填入测试小程序的appid在这里插入图片描述

2、测试wx.login ,获取code值
项目新建后,直接找到项目中的pages下的index文件夹,然后打开index.js,写下面这几行代码,在console下打印数据获取的code

`wx.login({
  timeout: 100000000000,
  success:(res)=>{
    console.log(res);
  }
})

在这里插入图片描述
返回结果:
在这里插入图片描述

3、一键获取手机号(open-type为getPhoneNumber)

  • 这里有两步,第一步是去index.wxml,随便找个位置,加个按钮
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">用户手机</button>
  • 第二步是去index.js,在pages下加
  getPhoneNumber (e) {
    console.log(e)
  },

在这里插入图片描述

点击按钮,返回结果:
在这里插入图片描述
注意:
1、我们一般用detail下的数据
2、这里请求方式要用post,不然可能会有误(出现+/)
3、要先获取code之后再获取手机号,不然会有误(解密用的session_key对不上)

4、获取用户信息 wx.getUserInfo
在index.js 直接写下面这几行代码,在console下打印数据获取的信息

  wx.getUserInfo({
       success:(res2)=>{
         console.log(res2);
       }
    })

返回结果:
在这里插入图片描述
注意:
1、encryptedData这里加密数据就多了openid和unionid等,普通数据在userInfo里面都有
在这里插入图片描述

特殊返回值说明:
1、code ,通过 wx.login获取,主要用来校验
2、session_key, 拿到code通过 小程序的auth.code2Session,可以获得,主要用来解密
3、iv ,在有需要解密的数据都会返回这个,加密算法的初始向量,主要用来解密
4、encryptedData,需要解密的数据
5、signature,签名,主要用来解密
6、解密算法

结束

  • 6
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值