javascript - Electron 桌面应用程序的表单操作提交

Question

这是我第一次使用 Electron/node.js 构建桌面应用程序，而且我没有构建 Web 应用程序的经验。

我正在尝试向我的应用程序添加提交表单。

我尝试复制教程 (w3)，但不断收到相同的错误消息:

Not allowed to load local resource:

index.html

action_page.php

我做错了什么吗？

Answer 1

您必须在 Electron 应用程序中设置根目录，app.js 代码需要更改。

在回调函数内

app.on('ready', function(){
    mainWindow = new BrowserWindow({
        height: 600,
        width: 800
    });

    mainWindow.loadUrl('file://' + __dirname + '/app/index.html');
});

您需要设置 mainWindow 的路径，该路径必须是 PHP 代码的远程路径。

因此，如果您希望在 Electron 应用程序中使用 www.example.com 作为 Web 应用程序，则需要在主窗口中指定该 url。它基本上充当一个 package 的浏览器。

基本上，Electron 只是一个浏览器，它不会神奇地为你渲染 PHP 页面，你仍然需要一个服务器来为你渲染它们。因此，除非您有本地运行的服务器，否则您无法在本地加载 .php 文件。尽管如此，如果您这样做，您仍然需要一个有效的 URL 来输入，如下所示:

http://localhost:9000 

或者类似的东西。