uniapp获取微信手机号码

最新推荐文章于 2025-03-31 10:17:12 发布

niersen丶尼尔森

最新推荐文章于 2025-03-31 10:17:12 发布

阅读量1.8w

点赞数 1

分类专栏：笔记 uniapp 文章标签： uniapp 微信手机号码

本文链接：https://blog.youkuaiyun.com/Neil_1993/article/details/86222522

版权

本文介绍了如何在uniapp中集成微信登录功能，详细讲解了获取微信授权并获取用户手机号码的步骤，包括配置微信开发者工具、调用相应API及处理回调等关键环节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
	<view>
		<!-- bindgetphonenumber -->
		<button type="primary" open-type="getUserInfo" @click="getuserinfo" withCredentials="true">微信登录</button>
		<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">获取电话号码</button>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		onLoad: function() {
			uni.login({
				success: function(res) {
					// 获取code
					// console.log(JSON.stringify(res));
				}
			});
		},

		methods: {
			getPhoneNumber: function(e) {
				console.log(e);
				if (e.detail.errMsg == 'getPhoneNumber:fail user deny') {

				} else {

				}

				// 				console.log(JSON.stringify(e.encryptedData));
				// 				console.log(JSON.stringify(e.iv));
			},
			getUserInfo: function(loginType, cb) {
				var that = this
				if (this.globalData.us