3

最近，我的任务是在 .NET MAUI 中的 shell 应用程序和网页之间创建双向互操作桥。没有找到任何方法来解决这个问题，我想到了在 Xamarin.Forms 中创建它，因为 MAUI 是它的延续。

创建此应用程序后，我尝试使用 Microsoft 在 dotnet/maui github wiki 上的说明将其转换为 MAUI。

我现在遇到的主要问题是我一直在使用 Android 的WebViewRenderer、WebViewClient和Java.Lang.Object上的扩展，以便能够向 WebView 发送和接收 JavaScript。

public class ExtendedWebViewRenderer : WebViewRenderer
    {
        private const String JavascriptFunction = "function invokeCSharpAction(data){jsBridge.invokeAction(data);}";

        public ExtendedWebViewRenderer(Context context) : base(context)
        {
        }

        protected override void OnElementChanged(ElementChangedEventArgs<WebView> e)
        {
            base.OnElementChanged(e);

            if (e.OldElement != null)
            {
                Control.RemoveJavascriptInterface("jsBridge");
                ((ExtendedWebView)Element).Cleanup();
            }
            if (e.NewElement != null)
            {
                Control.SetWebViewClient(new JavascriptWebViewClient($"javascript: {JavascriptFunction}"));
                Control.AddJavascriptInterface(new JsBridge(this), "jsBridge");
            }
        }
    }

public class JavascriptWebViewClient : WebViewClient
    {
        private readonly String _javascript;

        public JavascriptWebViewClient(String javascript)
        {
            _javascript = javascript;
        }

        public override void OnPageFinished(WebView view, String url)
        {
            base.OnPageFinished(view, url);
            view.EvaluateJavascript(_javascript, null);
        }
    }

public class JsBridge : Java.Lang.Object
    {
        private readonly WeakReference<ExtendedWebViewRenderer> _extendedWebViewMainRenderer;

        public JsBridge(ExtendedWebViewRenderer extendedRenderer)
        {
            _extendedWebViewMainRenderer = new WeakReference<ExtendedWebViewRenderer>(extendedRenderer);
        }

        [JavascriptInterface]
        [Export("invokeAction")]
        public void InvokeAction(String data)
        {
            if (_extendedWebViewMainRenderer != null && _extendedWebViewMainRenderer.TryGetTarget(out var extendedRenderer))
            {
                ((ExtendedWebView)extendedRenderer.Element).InvokeAction(data);
            }
        }
    }

所有这三个要么现在不可用，要么不会在 MAUI 中实现，因为很多平台相关的代码现在已经自动化了。这给我留下了一个问题，我似乎无法弄清楚如何更改我当前的代码以在 MAUI 中完成同样的事情。

鉴于目前 MAUI 甚至还没有完全发布，我想知道这目前是否不可能，或者是否有一些解决方法可以使其成为可能。

任何帮助将不胜感激。

4

1 回答 1

2

MAUI 默认WebView具有从 C# 调用 JavaScript 代码的Eval和函数：EvaluateJavaScriptAsync

  • Eval只是执行string您以一种即发即弃的方式传递的脚本。
  • EvaluateJavaScriptAsync需要等待，但还返回一个string带有脚本返回的数据的字符串化结果。

如果您想使用回调/桥接方法自动从 JavaScript 端接收数据，而无需来自应用程序的 C# 端的任何输入，则必须扩展默认的每个平台渲染器以添加该功能。好消息是，在Customizing a WebView中有一个关于如何为 Xamarin 窗体执行此操作的官方教程，该教程几乎可以直接移植到 .NET MAUI - 您只需更改渲染器的注册方式。

于 2021-08-20T12:33:10.077 回答