uniapp微信小程序授权登录和获取微信绑定的手机号码-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp微信小程序授权登录和获取微信绑定的手机号码。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

uniapp微信小程序授权登录和获取微信绑定的手机号码

弹出授权的弹框

<view class="weixinOk" @tap="getUserProfile">微信授权</view>

 /*授权登录的弹框*/
  getUserProfile() {
				uni.getUserProfile({
					desc: '用于完善会员资料',
					success: (res) => {
						if (res.errMsg == "getUserProfile:ok") {
							this.$refs.uToast.show({
								title: '授权成功'
							})
						} else {
							this.$refs.uToast.show({
								title: '授权失败'
							})
						}
					},
					//拒绝授权
					fail: (Error) => {
						if (Error.errMsg == "getUserProfile:fail auth deny") {
							this.$refs.uToast.show({
								title: '为了更好的服务请同意授权'
							})
						}
					}
				})
			},

获取微信绑定的手机号码

<button size="mini" type="primary" open-type="getPhoneNumber"@getphonenumber="getPhoneNumber">手机号码授权</button>

getPhoneNumber(e) {
				const data = {
					iv: e.detail.iv,
					encryptedData: e.detail.encryptedData,
				}
				//后端处理后返回解密的手机号码
				this.$api.weixinTelphone(data).then(res => {
					this.originalForm.phone = res.data.data.phoneNumber
				})
			},

微信登录

/*登录*/
uni.login({
            success: res => {
    				if (res.code) {
						const data = {
    						"code":res.code,
						}	
						//项目实际应用		
      			this.$api.weixinCode(data).then(res => {
                     const code = res.data.code
                     if (code == 200) {
                         console.log("登陆成功")
                         } else {
                         console.log("登陆失败")
                         }
                        })
                      }
					},
					fail: () => {
						this.$refs.uToast.show({
							title: '没有获取到登陆信息，请重试'
						})
					}
				});