.NET6+uniapp微信小程序获取用户手机号

2022年7月4日 332点热度 0人点赞 0条评论

最近一个朋友要去给他做个微信小程序，会涉及到获取用户手机号的场景，这里，我前端用的uniapp，后端则用的.NET6，如果用.NET开发微信公众号或小程序的话，我相信大部分人应该都有听说过盛派微信SDK

引入盛派SDK

这里先引入Senparc.Weixin.AspNet和Senparc.Weixin.WxOpen两个包,安装完成后进入appsetting.json配置小程序的相关信息，

"SenparcWeixinSetting": {
  "IsDebug": false,
  "WxOpenAppId": "小程序appId",
  "WxOpenAppSecret": "小程序Secret"
}

再进入Program.cs注册盛派微信SDK的相关配置

builder.Services.AddMemoryCache();
builder.Services.AddSenparcWeixinServices(builder.Configuration);
var app = builder.Build();

var senparcWeixinSetting = app.Services.GetService<IOptions<SenparcWeixinSetting>>()!.Value;
//启用微信配置（必须）
var registerService = app.UseSenparcWeixin(app.Environment,
    null /* 不为 null 则覆盖 appsettings  中的 SenpacSetting 配置*/,
    null /* 不为 null 则覆盖 appsettings  中的 SenpacWeixinSetting 配置*/,
    register => { },
    (register, weixinSetting) =>
    {
        //注册公众号信息（可以执行多次，注册多个小程序）
        register.RegisterWxOpenAccount(weixinSetting, "小程序");
    });

现在，我们可使用盛派微信SDK提供的API来获取手机号了。新建一个controller来调用API

public class WxOpenController : ControllerBase
    {
        public static readonly string WxOpenAppId = Config.SenparcWeixinSetting.WxOpenAppId;
        public static readonly string WxOpenAppSecret = Config.SenparcWeixinSetting.WxOpenAppSecret;

        [HttpGet("get-phone/{Code}")]
        public string GetUserPhone(string Code)
        {
            //通过`getPhoneNumber`得到的Code来获取手机号
            var result = BusinessApi.GetUserPhoneNumber(WxOpenAppId, Code);
            return result.phone_info.phoneNumber;
        }
    }

uniapp获取code

在2.21.2版本之后，获取手机号不需要提前调用login进行登录，直接通过按钮触发getPhoneNumber获得的code去换取手机号或者是encryptedData和IV去解密，

我们先在界面新增一个按钮

<template>
	<view class="content">
		<u-button size="normal" icon="account-fill" plain type="warning" open-type="getPhoneNumber"
			@getphonenumber="getPhoneNumber" text="获取手机号"></u-button>
	</view>
</template>

然后，编写getPhoneNumber方法

getPhoneNumber(e) {
				console.log(e);
				if (e.detail.errMsg != 'getPhoneNumber:ok') {
					uni.$u.toast("获取手机号失败");
					return;
				}
				console.log(e.detail.code);
				let url = `http://localhost/api/WxOpen/get-phone/${e.detail.code}`;
				uni.$u.http.get(url).then(result => {
					console.log(result);
				});
			},