BlazorWebView2Plipala 11.0.1

Avalonia.WebView2Plipala

Webview For Avalonia .NET

Develop

• VisualStudio 2022 (上) or rider
• .Net7 runtime (上)
• include Android, iOS, Wasm, MacOS, Windwos, Linux
• Open the long path support in Windows OS(https://learn.microsoft.com/en-us/windows/win32/fileio/maximum-file-path-limitation?tabs=registry)

How to use

1. Add [WebView.Avalonia][nuget] or [BlazorWebView.Avalonia][nuget] nuget package to your avaloniaui shared project:

   dotnet add package WebView.Avalonia
                OR
   dotnet add package BlazorWebView.Avalonia
   

2. Add [WebView.Avalonia.Desktop][nuget] nuget package to your avaloniaui desktop project:

   dotnet add package WebView.Avalonia.Desktop
   

3. Add [WebView.Avalonia.Android][nuget] nuget package to your avaloniaui Android project:

   dotnet add package WebView.Avalonia.Android
   

4. Add [WebView.Avalonia.iOS][nuget] nuget package to your avaloniaui iOS project:

   dotnet add package WebView.Avalonia.iOS
   

5. Edit App.axaml.cs file:

    using AvaloniaWebView;
   
    OR
   
    using AvaloniaBlazorWebView;
    ...
     public override void RegisterServices()
     {
        base.RegisterServices();
   
        // if you use only WebView  
        AvaloniaWebViewBuilder.Initialize(default);
   
        // Or
   
        // if you use BlazorWebView, please setting for blazor 
        AvaloniaBlazorWebViewBuilder.Initialize(default, setting =>
        {
            //this is setting for blazor 
            setting.ComponentType = typeof(AppWeb);
            setting.Selector = "#app";
   
            //because avalonia support the html css and js for resource ,so you must set the ResourceAssembly 
            setting.IsAvaloniaResource = true;
            setting.ResourceAssembly = typeof(AppWeb).Assembly;
        }, inject =>
        {
            //you can inject the resource in this
            inject.AddSingleton<WeatherForecastService>();
        });
     }
   

6. Edit Program file for Desktop:

   using Avalonia.WebView.Desktop; <<---add this
   ...
    public static AppBuilder BuildAvaloniaApp()
       => AppBuilder.Configure<App>()
           .UsePlatformDetect()
           .LogToTrace()
           .UseReactiveUI()
           .UseDesktopWebView();   <<---add this
   

7. Edit SplashActivity file for Android:

   using Avalonia.WebView.Android; <<---add this
   ...
   protected override AppBuilder CustomizeAppBuilder(AppBuilder builder)
   {
       return base.CustomizeAppBuilder(builder)
           .UseReactiveUI()
           .UseAndroidWebView();  <<---add this
   }
   

8. Edit AppDelegate file for iOS:

   using Avalonia.WebView.iOS;     <<---add this
   ...
   protected override AppBuilder CustomizeAppBuilder(AppBuilder builder)
   {
       return builder.UseReactiveUI()
       .UseIosWebView();           <<---add this
   }
   

文件目录

Build 构建文件 配置文件 中间文件 

    Nuget Output Reference ...

Package 包文件(Nuget)

    webview@icon.jpg

    WebView2Plipala.Avalonia BlazorWebView2Plipala.Avalonia

Source 源文件

    WebView2Plipala.Avalonia BlazorWebView2Plipala.Avalonia

    AvaloniaWebView.Shared 链接库

    WebView.Core 核心构建

    Platform 跨平台处理

    ...

Sample 示例项目

    NitaiBrowser

....

Nuget

Package WebView2Plipala.Avalonia BlazorWebView2Plipala.Avalonia

Desktop (Source/Platform/Desktop/Avalonia.WebView.Desktop)

Windows (Source/Platform/Windows/Avalonia.WebView.Windows)
    

Description

use Webview2 for Windows (please install Microsoft edge Webview2)

use WKWebView[Appkit] for MacOS (system in)

use Webkit Webview for Linux (if not please install [sudo apt-get libwebkit2gtk-4-37])

use Android.Webkit.WebView for Android (this is in Microsoft-Android [net5.0-Android; net6.0-Android; net7.0-Android])

use WKWebView[UIKit] for iOS (this is in Microsoft-iOS [net5.0-ios; net6.0-ios; net7.0-ios])

Docement 文档

学习文档 示例教程

https://github.com/hetui2plipala

Version

NOTE

联系 交流群 不是我不是我我是郭德纲.

Credits

Avalonia

Maui

Xamarin.MacIos

Microsoft.WebView2

GTKSharp

WebkitGtkSharp

Avalonia.Webview(https://github.com/MicroSugarDeveloperOrg)