Blazor混合(MAUI)中使用BlazorWebView进行身份验证的解决方法
创始人
2024-12-21 09:00:22
0
  1. 在Blazor web项目中实现身份验证。

  2. 在Blazor hybrid项目中添加WebView控件,以在应用程序中呈现Blazor web应用程序。

  3. 使用以下代码将WebView与Blazor web应用程序进行关联:

using Microsoft.AspNetCore.Components.WebView.Maui;
using Microsoft.Maui.Controls;

namespace BlazorHybridApp
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();

            var webView = new BlazorWebView();
            webView.RootComponents.Add("app");
            Content = webView;
        }
    }
}
  1. 在Blazor hybrid应用程序的启动文件(例如Program.cs)中,为Blazor web应用程序设置身份验证:
using BlazorHybridApp.Data;
using Microsoft.AspNetCore.Components.WebView.Maui;
using Microsoft.Extensions.DependencyInjection;
using Microsoft.Maui;
using Microsoft.Maui.Controls.Hosting;
using Microsoft.Maui.Essentials;

ApplicationBuilder app = MauiApp.CreateBuilder()
    .UseMauiApp()
    .ConfigureServices((services) =>
    {
        services.AddBlazorWebView();
        services.AddSingleton();
    });

var provider = app.Services.BuildServiceProvider();

var webViewFactory = provider.GetRequiredService();
webViewFactory.ConfigureDefaultClient(client =>
{
    // 添加身份验证Cookie
    var cookie = Preferences.Get("authCookie", "");
    if (!string.IsNullOrEmpty(cookie))
    {
        client.DefaultRequestHeaders.Add("Cookie", cookie);
    }
});

var appHost = new BlazorWebViewAppHost(webViewFactory)
{
    RootComponents = (typeof(App).Assembly, "app"),
    DefaultProperty = "Content"
};
appHost.AddComponent("app");

var appState = new AppState();
await appState.InitAsync();
app.Services.AddSingleton(appState);

var window = MauiWinUIApplication.Current.Windows.First();
window.Content = appHost.ToNative();
window.Activate();
  1. 在Blazor web应用程序的Startup.cs文件中,使用以下代码配置身份验证:
using Microsoft.AspNetCore.Authentication.Cookies;
using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Hosting;
using Microsoft.Extensions.Configuration;
using

相关内容

热门资讯

黑科技辅助!wepoke智能a... 黑科技辅助!wepoke智能ai,(AAPoKer德州局)竟然真的有挂,透明挂教程(有挂分享);黑科...
黑科技辅助!wepoke智能a... 您好,WePoKe辅助工具这款游戏可以开挂的,确实是有挂的,需要了解加微【485275054】很多玩...
黑科技辅助!wepoke黑科技... 黑科技辅助!wepoke黑科技ai设备,(WePoKe俱乐部)原本是有挂,黑科技教程(真的有挂),W...
黑科技辅助!wepoke辅助插... 黑科技辅助!wepoke辅助插件安装,(WePoKe能玩)固有真的是有挂,系统教程(有挂头条);We...
黑科技辅助!wepoke智能a... 黑科技辅助!wepoke智能ai,(AAPoKer德州)竟然是有挂,黑科技教程(有挂讲解)是一款可以...
黑科技辅助!wepoke辅助插... 【福星临门,好运相随】;黑科技辅助!wepoke辅助插件,(wpk线上德州)其实存在有挂,AA德州教...
黑科技辅助!wepoke透明黑... 黑科技辅助!wepoke透明黑科技,(红龙扑克功能)竟然真的是有挂,德州教程(有挂技术);1、让任何...
黑科技辅助!wepoke辅助插... 黑科技辅助!wepoke辅助插件安装,(智星德州菠萝闯关)好像存在有挂,分享教程(有挂教学);1、这...
黑科技辅助!wepoke透明黑... 黑科技辅助!wepoke透明黑科技,(AAPoKer操作)起初是有挂,教你攻略(有挂技巧);一、AA...
黑科技辅助!wepoke智能a... 黑科技辅助!wepoke智能ai辅助工具,(德扑之星机制)一向真的是有挂,玩家教程(有挂实锤)是一款...