uni-app手机号一键登录

浅浅的花香味﹌ 2023-01-08 05:21 189阅读 0赞

提示：手机号一键登录有两种方式。  
第一种通过调用自有服务器，然后服务器调用云函数登录。  
第二种可以前端直接调用云函数进行登录（暂不介绍）。  
提示：在我的项目中使用的是自由服务器登录，下面的案例可供参考

### 手机号一键登录 ###

*  一、自有服务器等录
 *   *  1.uni-app开通账号权限
     *  2.部署云函数
     *  3.APP端代码

--------------------

# 一、自有服务器等录 #

## 1.uni-app开通账号权限 ##

使用开发者账号登录开发者中心，在左侧导航选择“一键登录”。在使用此功能前需要先完成邮箱及手机号验证，根据开发者中心页面提示完成验证即可。验证后，点击页面上的“同意协议并开通”，便可开通账号一键登录服务。（该功能收费：成功请求0.02元，失败不计费）  
到添加应用时注意生成SHA256加密的签名时一定要使用1.8的jdk！！！！  
具体流程：[https://ask.dcloud.net.cn/article/37965][https_ask.dcloud.net.cn_article_37965]

## 2.部署云函数 ##

在项目中创建云函数，选择一个云环境。  
![创建云函数][20210119101642352.png]  
然后创建函数，我这里用的是腾讯云。  
![云函数结构][20210119102349950.png]  
在index.js中写下以下代码。服务器端代码可以参考：[https://blog.csdn.net/kevlin\_V/article/details/112789828][https_blog.csdn.net_kevlin_V_article_details_112789828]

// 云函数验证签名，此示例中以接受GET请求为例作演示
    const crypto = require('crypto')
    module.exports = async(event){ 
    
      const secret = 'your-secret-string' // 自己的密钥不要直接使用示例值，且注意不要泄露
      const hmac = crypto.createHmac('sha256', secret);
    
      let params = event.queryStringParameters
      const sign = params.sign
      delete params.sign
      const signStr = Object.keys(params).sort().map(key => { 
        return `${ key}=${ params[key]}`
      }).join('&')
    
      hmac.update(signStr);
      
    //hmac.digest('hex')调用第一次有结果，随后的都为空，如果想console.log看的这个后面再用一定会报错的。
      if(sign!==hmac.digest('hex')){ 
        throw new Error('非法访问')
      }
    
      const { 
        access_token,
        openid
      } = params
      const res = await uniCloud.getPhoneNumber({ 
          provider: 'univerify',
        appid: 'xxx', // DCloud appid，不同于callFunction方式调用，使用云函数Url化需要传递DCloud appid参数
          apiKey: 'xxx', // 在开发者中心开通服务并获取apiKey
          apiSecret: 'xxx', // 在开发者中心开通服务并获取apiSecret
          access_token: access_token,
          openid: openid
      })
      // 返回手机号给自己服务器
      return res
    }

## 3.APP端代码 ##

tellogin(){ 
    				uni.preLogin({ 
    					provider: 'univerify',
    					success:()=>{ 
    						uni.login({ 
    							provider: 'univerify',
    							univerifyStyle: {  // 自定义登录框样式
    							},
    							success:(res)=>{  // 登录成功
    								let loginRes = res.authResult
    							// loginRes : {openid:'deviceIDlength+deviceID+gyuid',access_token:'接口返回的 token'}
    							// 自己的后台登录请求逻辑
    							// 配合后台伙伴请求DCloud云函数来获取手机号码
    							},
    							fail(res){   // 登录失败
    								uni.closeAuthView()//关闭一键登录弹出窗口
    							},
    							complete: () => { 
    								uni.closeAuthView()
    							}
    						})
    					},
    					fail(res){   
    						// 预登录失败
    						//如果手机没有插入有效的sim卡，或者手机蜂窝数据网络关闭，
    						//都有可能造成预登录校验失败。
    					}
    				})
    			},

[https_ask.dcloud.net.cn_article_37965]: https://ask.dcloud.net.cn/article/37965
[20210119101642352.png]: /images/20221119/73ced89215604bcdaa664adddeaf2699.png
[20210119102349950.png]: /images/20221119/8e7b65109055469dbebd8c87db89af63.png
[https_blog.csdn.net_kevlin_V_article_details_112789828]: https://blog.csdn.net/kevlin_V/article/details/112789828