@@openiddict 微信二维码登入

ags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了MAC/Razor页面应用如何使用微信认证相关的知识，希望对你有一定的参考价值。

本文章演示了如何将微信集成到 ABP 应用程序中，使用户能够使用 OAuth 2.0 凭据登录。

创建一个沙箱账户

如果你没有微信公众平台账户，可以创建一个沙箱账户用于测试：

https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index

在本文中我们将使用沙箱账户。

在创建沙箱账户后需要在微信公众平台配置授权回调域名。

路径：体验接口权限表 > 网页服务 > 网页账号 > 修改

这里的配置的授权回调域名应该是公网可以访问的，如果你没有可用的域名，可以使用 ngrok 将你的本地端口暴漏到公网中：https://ngrok.com/

AddWeixin

安装 AspNet.Security.OAuth.Weixin 包到你的项目中。

在 .Web 项目中将模块类的 ConfigureAuthentication 方法替换为以下内容:

private void ConfigureAuthentication(ServiceConfigurationContext context)

    var configuration = context.Services.GetConfiguration();
    context.Services.ForwardIdentityAuthenticationForBearer(OpenIddictValidationAspNetCoreDefaults.AuthenticationScheme);
    context.Services.AddAuthentication()
        .AddWeixin(options =>
        
            options.ClientId = configuration["Weixin:ClientId"];
            options.ClientSecret = configuration["Weixin:ClientSecret"];
        );

更新 appsettings.json 文件添加 Weixin 部分:

"WeiXin" : 
   "ClientId" : "<your-app-id>",
   "ClientSecret": "<your-app-secret>"

网站应用微信授权

现在可以运行应用程序并导航到登录页面：

当点击微信登录时，网页会跳转到微信平台，使用微信扫描二维码完成登录。

由于沙箱账户缺少必要的权限，扫码登录可能无法工作。

微信网页授权

更新 AddWeixin 方法:

context.Services.AddAuthentication()
    .AddWeixin(
        options => 
    
        options.ClientId = configuration["Weixin:ClientId"];
        options.ClientSecret = configuration["Weixin:ClientSecret"];
        options.AuthorizationEndpoint="https://open.weixin.qq.com/connect/oauth2/authorize";
    );

重新运行应用程序后，使用微信App打开网站来使用微信登录。