2021-08-24

最新推荐文章于 2021-11-09 20:10:55 发布

吴小燕-菜鸟的进阶

最新推荐文章于 2021-11-09 20:10:55 发布

阅读量79

点赞数

分类专栏： uniapp

本文链接：https://blog.csdn.net/weixin_48831103/article/details/119890963

版权

uniapp 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

uniapp微信小程序一键登录、获取手机号

文章目录

。

在这里插入图片描述

1.登录授权

//参考地址 https://uniapp.dcloud.io/api/plugins/login?id=login
//type：按钮的样式类型
//将open-type设置为getUserInfo

<button type="primary" class="btn_login flex_center" open-type="getUserInfo" @click="login">微信用户一键登录</button>

login(){
		uni.login({
			success: (res) => {
				let code = res.code;  //获取code  
			}
		})
		//注意uni.getUserProfill(获取用户信息)与uni.login()同级
		uni.getUserProfile({
				desc: '用户登录',  //声明获取用户个人信息后的用途，不超过30个字符
				success: async (res) => {
						//用户信息在res里   在这里进行用户点击允许后的操作
				},
				fail: (res) => {},
				complete: (res) => {}, //成功失败都会执行
		})

}

在这里插入图片描述

2.获取手机号码

<button open-type="getPhoneNumber" @getphonenumber="onGetPhoneNumber">点击获取手机号</button>

           onGetPhoneNumber(e) {
				if (e.detail.errMsg == 'getPhoneNumber:fail user deny') {
					uni.showToast({
						icon: "none",
						title: "用户取消授权"
					})
				} else {
				 //点击允许   可以发请求啦
					this.$api('/tribe/user/authUserMobile', {
						encryptedData: e.detail.encryptedData,
						iv: e.detail.iv
					}).then(res=>{})
				}

			},