个人微信、企业微信获取手机号、用户信息、unionid

 所需资料:

https://blog.csdn.net/qq_46007966/article/details/122669923?spm=1001.2014.3001.5501

 1、个人微信获取手机号(必须微信认证)  

// 微信获取手机号(必须微信认证才可使用)
<button open-type="getPhoneNumber" @getphonenumber="getMobileInfo">去授权</button>
// 通过code、iv、encryptedData 解密拿到信息数据
getMobileInfo(e) {
    uni.login({
	    async success({code}) {
	        const userInfo = await that.$apis.login.getMobileInfo({
	            "jsCode": code,
	            "ivStr": e.detail.iv,
	            "encryptedData": e.detail.encryptedData
	        })
            console.log(userInfo) // 用户信息
        }
    })
}

2、个人微信获取用户昵称、头像、unionid  (必须微信开放平台绑定该小程序)  

<!-- 个人微信授权昵称 -->
<button  @click="getPersonUserInfo">去授权</button>
// 微信环境下 获取用户昵称、头像、unionid信息
getPersonUserInfo(e) {
    uni.getUserProfile({  //每次都会有授权弹框
	    desc:'登录',
		success({userInfo}){
            console.log(userInfo) 
            // userInfo.avatarUrl(用户头像)
            // userInfo.nickName(用户昵称)
			uni.login({
			    async success({code}) {
				    uni.request({
				        url: 'https://api.weixin.qq.com/sns/jscode2session?appid=xxxxxxxxxxxxxx&secret=xxxxxxxxxx&js_code=' +
					code + '&grant_type=authorization_code',
				        success(res) {
					        console.log(res.data.unionid) // o7VFn5uGInJeOjFk0QpiWgp_iWUA
				        }
			        })
				}
			})
		}
    })
}

3、企业微信获取用户昵称、头像、unionid  (暂不支持 uni.getUserProfile,只能通过 open-type="getUserInfo" 方式)

<!-- 企业微信授权昵称 -->
<button open-type="getUserInfo" @getuserinfo="getTenantUserInfo">去授权</button>
// 企业微信环境下 授权昵称、头像、unionid信息
getTenantUserInfo(e){
    const userInfo = e.detail.userInfo
    //userInfo.avatarUrl (用户头像)
    //userInfo.nickName (用户昵称
	uni.login({
	    async success({code}) {
		    uni.request({
			    url: 'https://api.weixin.qq.com/sns/jscode2session?appid=xxxxxxxxxxxxxx&secret=xxxxxxxxxx&js_code=' +
			    code + '&grant_type=authorization_code',
				success(res) {
					console.log(res.data.unionid) // o7VFn5uGInJeOjFk0QpiWgp_iWUA
				}
			})
		}
	})
},

1、企业微信内部获取手机号

// 企业微信获取手机号
const corpid = xxxxxxxxxxxxxxxxxxxxxxxxxx // 企业微信corpid
const corpsecret = xxxxxxxxxxxxxxxxxxxxxxxxxx // 所关联小程序的 corpsecret
// 获取手机号
wx.qy.login({
    success({ code }) {
        uni.request({
            url: `https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=${corpid}&corpsecret=${corpsecret}`,
            success(result) {
                // 获取 access_token
                const access_token = result.data.access_token
                uni.request({
                    url: `https://qyapi.weixin.qq.com/cgi-bin/miniprogram/jscode2session?access_token=${access_token}&js_code=${code}&grant_type=authorization_code`,
                    success(data) {
                        // 获取 userid
                        const userid = data.data.userid
                        uni.request({
                            url: `https://qyapi.weixin.qq.com/cgi-bin/user/get?access_token=${access_token}&userid=${userid}`,
                            success(response) {
                                console.log(response) // 用户信息(包含手机号)
                            }
                        })
                    }
                })
            }
       })
    }
})

### 实现微信公众号中获取用户手机号功能 为了实现在微信公众号中获取用户手机号的功能,可以采用基于 `uni-app` 的解决方案。具体来说,可以通过调用微信提供的接口来完成这一操作。 #### 准备工作 确保已经配置好了微信公众平台的相关设置,并获得了必要的凭证如 AppID 和 AppSecret[^1]。 #### 接口调用流程 当用户同意授权后,前端页面会触发回调函数并将加密数据传递给服务器端处理: ```javascript // 调起微信登录接口 wx.login({ success(res) { if (res.code) { // 发送 res.code 到后台换取 openId, sessionKey, unionId wx.request({ url: 'your_server_url', // 后台服务地址 data: { js_code: res.code }, method: "POST", success(result){ console.log('result:', result); } }) } else { console.error('登录失败!' + res.errMsg) } } }); ``` 一旦获得用户的 openid 或者更进一步地 unionid(用于跨应用识别同一用户),就可以继续向用户提供更多个性化服务[^2]。 对于获取手机号的操作,则需借助于 WeixinJSBridge 提供的 API 来发起请求: ```html <button id="getPhoneNumber">点击获取手机号</button> <script type="text/javascript"> document.getElementById('getPhoneNumber').onclick = function(){ weixinLayer.showLoading(); wx.getPhoneNumber({ success:function(res){ var iv = res.iv; var encryptedData = res.encryptedData; // 将上述两个参数发送至自己的服务器解密得到真实手机号码 $.ajax({ type:"post", url:'https://example.com/decrypt_phone', dataType:'json', data:{iv:iv , encryptedData : encryptedData}, success:function(data){ alert(JSON.stringify(data)); },error:function(XMLHttpRequest,textStatus,errorThrown){ console.log(textStatus); } }); weixinLayer.closeLoading(); }, fail:function(err){ console.log(err); weixinLayer.closeLoading(); } }); } </script> ``` 此过程涉及到敏感信息的安全传输与保护,因此务必遵循官方指南进行安全编码实践[^4]。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值