如何将javascript框架注入ChakraBridge上下文

How into inject javascript frameworks into ChakraBridge context?

本文关键字：注入 ChakraBridge 上下文 框架 javascript      更新时间：2023-09-26

我正试图使用ChakraBridge库在我的UWP应用程序中使用math.js。我参考了以下链接，以便在UWP应用程序中使用javascript框架。http://www.codeproject.com/Articles/1060634/Using-JavaScript-frameworks-from-your-Csharp-UWP-a

但我不知道如何将javascirpt框架注入Chakra上下文。链接上说使用方法"ReadAndExecute"或"DownloadAndExecute"，但我在ChakraBridge库的任何类中都找不到这些方法。那么，如何将*.js文件注入ChakraBridge上下文中呢？

链接上说使用方法"ReadAndExecute"或"DownloadAndExecute"，但我在ChakraBridge库的任何类中都找不到这些方法。

这两种方法应该由编码器定义。它们记录在ChakraBridge GitHub网站中。它们看起来如下：

async Task ReadAndExecute(string filename)
{
    //"js" is the folder name of your javascript library.
    var script = await CoreTools.GetPackagedFileContentAsync("js", filename);
    host.RunScript(script);
}
async Task DownloadAndExecute(string url)
{
    var script = await CoreTools.DownloadStringAsync(url);
    host.RunScript(script);
}

因此，将*.js文件注册到ChakraBridge上下文中。只需像下面这样调用这两种方法：

string url = @"http://cdnjs.cloudflare.com/ajax/libs/mathjs/3.2.1/math.js";
await DownloadAndExecute(url);//load math.js from remote source.
await ReadAndExecute("math.js");//load math.js from local source.
await ReadAndExecute("main.js");//main.js is the custom js codes. You can utilize math.js here.

这是我制作的一个基本演示的链接：ChakraBridgeSample

注：

  1. Newtonsoft.Json应该在您的项目中作为前期工作参考。它可以通过在Nuget Package Manager上搜索或通过Nuget Package管理器控制台安装："Install Package Newtonsoft.Json"

  2. 注册CommunicationManager.OnObjectReceived事件的行为与GitHub文档有点不同。不再有Type参数（只有数据参数）。所以在javascript端，sendToHost函数应该如下所示：

    var data = math.atan2(3, -3) / math.pi;
// "Double" should match the typeof(Double) in C# side. Capitalizing is necessary.
sendToHost(JSON.stringify(data), "Double");
相关文章：