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');
});

您需要设置主窗口的路径，它必须是您的 PHP 代码的远程路径。

因此，如果您将 www.example.com 作为要在 Electron 应用程序中使用的 Web 应用程序，则需要在主窗口中指定 url。它基本上起到了包装浏览器的作用。

基本上，Electron 只是一个浏览器，它不会神奇地为您呈现 PHP 页面，您仍然需要一个服务器来为您呈现它们。所以你不能在本地加载 .php 文件，除非你在本地有服务器运行。不过，如果这样做，您仍然需要一个有效的 URL 才能按照以下行输入：

http://localhost:9000

或类似的东西。

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

Form action submit for Electron desktop app

html

javascript

php

desktop-application

electron