uniapp获取微信手机号码

原创

于 2019-01-10 11:48:00 发布 · 1.8w 阅读

18 ·

CC 4.0 BY-SA版权

文章标签：

#uniapp #微信 #手机号码

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

<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.userInfo) {
					typeof cb == "function" && cb(this.globalData.userInfo, true);
				} else {

最低0.47元/天解锁文章