uniapp手机号授权

青旅半醒 2023-01-23 10:52 43阅读 0赞

### 1.前端解密授权 (不安全) ###

<template>
    	<view class="content">
    		<button open-type="getPhoneNumber" @getphonenumber="onGetPhoneNumber">唤起授权</button>
    	</view>
    </template>
    
    <script>
    	import WXBizDataCrypt from "@/common/WXBizDataCrypt.js"; 
    	export default { 
    		data() { 
    			return { 
    				openid: '',
    				unionid:'',
    				session_key:''
    			}
    		},
    			methods:{ 
    			    onGetPhoneNumber(e){ 
    			        if(e.detail.errMsg=="getPhoneNumber:fail user deny"){        //用户决绝授权
    			            
    			            //拒绝授权后弹出一些提示
    			
    			        }else{       //允许授权
    			            let pc = new WXBizDataCrypt('wxXXXXXXX',this.session_key);           //wxXXXXXXX为你的小程序APPID
    			            let data = pc.decryptData(e.detail.encryptedData , e.detail.iv);
    			
    			            console.log(data)       //data就是最终解密的用户信息
    			
    			            //后续操作。。。
    			      
    			        }
    			    }
    		},
    		onload(){ 
    		    wx.login({ 
    		        success: (res) => { 
    		            if (res.code) { 			//微信登录成功 已拿到code
    		                this.jsCode=res.code        //保存获取到的code
    		                uni.request({ 
    		                    url: 'https://api.weixin.qq.com/sns/jscode2session',
    		                    method:'GET',
    		                    data: { 
    		                        appid: 'wx********',        //你的小程序的APPID
    		                        secret: 'xxxxxxxxxx',       //你的小程序的secret,
    		                        code: res.code              //wx.login 登录成功后的code
    		                    },
    		                    success: (cts) => { 
    		                        // 换取成功后 暂存这些数据 留作后续操作
    		                        this.openid=cts.data.openid     //openid 用户唯一标识
    		                        this.unionid=cts.data.unionid     //unionid 开放平台唯一标识
    		                        this.session_key=cts.data.session_key     //session_key 会话密钥
    		                    }
    		                });
    		            } else { 
    		                console.log('登录失败！' + res.errMsg)
    		            }
    		        }
    		    })
    		}
    		
    	}
    </script>
    
    <style>
    </style>

### 2.借助后端授权（安全） ###

[uniapp官方示例地址][uniapp]

[uniapp]: https://ask.dcloud.net.cn/article/37452