asp.net core 网页接入微信扫码登录-编程知识

asp.net core 网页接入微信扫码登录

创建微信开放平台账号，然后创建网页应用
在这里插入图片描述
获取appid和appsecret

前端使用的vue，安装插件vue-wxlogin
在这里插入图片描述
调用代码

<wxlogin :appid="appId" :scope="scope" :redirect_uri="redirect_uri"></wxlogin>
<script>
import wxlogin from "vue-wxlogin";const appId = ref("wx开头的appid");
const scope = ref("snsapi_login");
const redirect_uri = ref("跳转的URL，需要URL编码");//比如原来是http://www.baidu.com需要填写http%3A%2F%2Fwww.baidu.com,使用encodeURIComponent即可实现
</script>

这样就能出来二维码了，微信扫码之后有一个codehttps://www.xxxx.com/?code=011UQe100NJMTR1tsG100BNvo93UQe1n&state=
前端需要返回code给后台，后台解析
安装Nuget包https://github.com/fudiwei/DotNetCore.SKIT.FlurlHttpClient.Wechat
在这里插入图片描述

实现解密code，需要读取appid和appsecret，这两个参数都放到appsettings.json中

 "OpenWeixin": {"OpenWechatAppId": "","OpenWechatAppSecret": ""}

OpenWeixinOptions

services.AddConfigurableOptions<OpenWeixinOptions>();public class OpenWeixinOptions : IConfigurableOptions
{/// <summary>/// 微信开放平台appid/// </summary>public string OpenWechatAppId { get; set; }/// <summary>/// 微信开放平台appsecret/// </summary>public string OpenWechatAppSecret { get; set; }
}

编写帮助类OpenWechatHelper

using Furion;
using Furion.DependencyInjection;
using SKIT.FlurlHttpClient.Wechat.Api;
using SKIT.FlurlHttpClient.Wechat.Api.Models;/// <summary>
/// 微信开放平台帮助类
/// </summary>
public class OpenWechatHelper : ISingleton
{private WechatApiClient client;/// <summary>/// 构造函数注入/// </summary>public OpenWechatHelper(){var wechatConfig = App.GetOptions<OpenWeixinOptions>();var options = new WechatApiClientOptions(){AppId = wechatConfig.OpenWechatAppId,AppSecret = wechatConfig.OpenWechatAppSecret,};client = new WechatApiClient(options);}/// <summary>/// 根据code获取某个应用下的微信用户id/// </summary>/// <param name="code"></param>/// <returns></returns>public async Task<string> GetOpenId(string code){var request = new SnsOAuth2AccessTokenRequest();request.Code = code;var tokenResponse = await client.ExecuteSnsOAuth2AccessTokenAsync(request);if (!tokenResponse.IsSuccessful()){return string.Empty;}return tokenResponse.OpenId;}
}