thinkphp微信小程序获取用户手机号极简教程（uniapp演示）

最新推荐文章于 2025-06-18 11:27:21 发布

原创

最新推荐文章于 2025-06-18 11:27:21 发布 · 1.5k 阅读

标签

#微信小程序 #uni-app #小程序

收录于

本文介绍了一种简化方法，如何在小程序中获取用户手机号，避免复杂的引用和耦合。前端使用uniapp的getPhoneNumber事件，后端使用TP5示例，仅需少量代码改动即可部署。

背景

最近给客户开发小程序，要用到小程序获取手机号的功能，网上很多教程都能实现，但是真的太繁琐了，个人特别不喜欢各种引用和耦合，没打算跨域复用就简简单单写在控制器里就行了，所以这次也把功能简化了，以尽可能的小白视角可以进行使用。

前端

前端比较简单，就是使用getPhoneNumber按钮的getphonenumber事件进行调用按钮功能这里以uniapp为例，如果是其他，如微信就直接用“wx.”来替换就行。

html部分

<button class="one"  open-type="getPhoneNumber" @getphonenumber="getphone" >获取手机</button>

js部分

getphone(e){
				let that = this;
				if (!e.detail.iv) {uni.showToast({title:'获取手机号失败',icon:'none'});return;}
				uni.checkSession({
					success(val){
						if(val.errMsg == 'checkSession:ok'){
							console.log(e.detail)
							var obj = {code:that.code,iv:e.detail.iv,encryptedData:e.detail.encryptedData}
							that.decryptPhone(obj);
						}else{
							uni.login({
								provider: 'weixin',
								success(res) {
									let code = res.code;
									var obj = {code,iv:e.detail.iv,encryptedData:e.detail.en