React.js 使用来自 cef 的自定义 js 函数
React.js use custom js function from cef
我正在为我的启动器应用程序创建一个 UI,它使用 chromium 嵌入式框架进行 Web 渲染。现在,我注册了一些自定义的 javascript 函数,例如 launcher.getUser,它将 return 用户作为 json 对象。
现在 react.js 无法使用此函数(因为 npm 运行 构建失败),因为它未定义。
所以我试着在一个单独的 .js 文件中定义它,如下所示:
export class launcher
{
static async getGames()
{
return undefined;
}
static async getUser()
{
return undefined;
}
}
export class CefSharp
{
static async BindObjectAsync(object)
{
return undefined;
}
}
但问题是 npm 运行 build 将其编译成不可读的东西,因此 class 不再命名为 CefSharp,因此无法绑定对象。我被告知尝试将它包含在 public 中的 index.html 中,但这不允许我使用 react 中的函数。
我想让 npm 运行 build 不优化下面的代码,所以它在生产构建中完全相同。
我通过将 类 重命名为 launcherHelper 然后调用 eval('launcher.getGames();');
解决了这个问题
我正在为我的启动器应用程序创建一个 UI,它使用 chromium 嵌入式框架进行 Web 渲染。现在,我注册了一些自定义的 javascript 函数,例如 launcher.getUser,它将 return 用户作为 json 对象。 现在 react.js 无法使用此函数(因为 npm 运行 构建失败),因为它未定义。 所以我试着在一个单独的 .js 文件中定义它,如下所示:
export class launcher
{
static async getGames()
{
return undefined;
}
static async getUser()
{
return undefined;
}
}
export class CefSharp
{
static async BindObjectAsync(object)
{
return undefined;
}
}
但问题是 npm 运行 build 将其编译成不可读的东西,因此 class 不再命名为 CefSharp,因此无法绑定对象。我被告知尝试将它包含在 public 中的 index.html 中,但这不允许我使用 react 中的函数。 我想让 npm 运行 build 不优化下面的代码,所以它在生产构建中完全相同。
我通过将 类 重命名为 launcherHelper 然后调用 eval('launcher.getGames();');
解决了这个问题