electron打包为iOS可执行文件
要将 Electron 项目打包为 iOS 可执行文件,需要使用 Cordova 和 Electron 的结合体,即 Cordova Electron。以下是将 Electron 项目打包为 iOS 可执行文件的步骤:

安装 Cordova 和 Electron。您可以使用以下命令行安装它们:
npm install -g cordova
npm install -g electron
2. 在 Electron 项目的根目录下创建一个新的 Cordova 项目

cordova create myapp com.example.myapp My App
3. 进入 Cordova 项目目录并添加 iOS 平台

cd myapp
cordova platform add ios
4. 安装 Cordova Electron 插件

cordova plugin add cordova-electron
5. 使用以下命令行将 Electron 项目构建为 Cordova 项目的 www 目录

electron . --no-prune --no-build --output-path www
6. 在 Cordova 项目的根目录下创建一个 config.xml 文件,并输入以下内容:

<?xml version='1.0' encoding='utf-8'?>
<widget id="com.example.myapp" version="1.0.0" xmlns="<http://www.w3.org/ns/widgets>" xmlns:cdv="<http://cordova.apache.org/ns/1.0>">
  <name>My App</name>
  <description>
    A sample Apache Cordova application that responds to the deviceready event.
  </description>
  <author email="dev@cordova.apache.org" href="<http://cordova.io>">
    Apache Cordova Team
  </author>
  <content src="index.html" />
  <access origin="*" />
  <preference name="DisallowOverscroll" value="true" />
  <preference name="BackupWebStorage" value="none" />
  <preference name="SplashScreen" value="none" />
  <preference name="AutoHideSplashScreen" value="false" />
  <preference name="Orientation" value="portrait" />
  <preference name="Fullscreen" value="true" />
  <preference name="KeyboardDisplayRequiresUserAction" value="false" />
  <preference name="AllowBackForwardNavigationGestures" value="false" />
  <preference name="MediaPlaybackRequiresUserAction" value="false" />
  <preference name="AllowInlineMediaPlayback" value="false" />
  <preference name="BackupWebStorage" value="none" />
  <preference name="ShowTitle" value="false" />
  <preference name="ShowSplashScreenSpinner" value="false" />
  <preference name="CordovaWebViewEngine" value="CDVElectron" />
  <platform name="ios">
    <preference name="WKWebViewOnly" value="true" />
    <preference name="DisallowOverscroll" value="true" />
    <preference name="BackupWebStorage" value="none" />
    <preference name="SplashScreen" value="none" />
    <preference name="AutoHideSplashScreen" value="false" />
    <preference name="Orientation" value="portrait" />
    <preference name="Fullscreen" value="true" />
    <preference name="KeyboardDisplayRequiresUserAction" value="false" />
    <preference name="AllowBackForwardNavigationGestures" value="false" />
    <preference name="MediaPlaybackRequiresUserAction" value="false" />
    <preference name="AllowInlineMediaPlayback" value="false" />
    <preference name="BackupWebStorage" value="none" />
    <preference name="ShowTitle" value="false" />
    <preference name="ShowSplashScreenSpinner" value="false" />
    <preference name="CordovaWebViewEngine" value="CDVElectron" />
    <feature name="CDVElectron">
      <param name="ios-package" value="CDVElectron" />
    </feature>
  </platform>
</widget>

请注意,CordovaWebViewEngine 的值必须为 CDVElectron

  1. 使用以下命令行构建 Cordova 项目并生成 Xcode 项目

cordova build ios
8. 在 Xcode 中打开生成的 .xcodeproj 文件并进行配置

在项目导航器中选择项目并在“General”选项卡中将“Deployment Info”中的“Target”设为“iOS”。
在“Build Settings”选项卡中,找到并设置“Code Signing Identity”和“Provisioning Profile”。
在“Build Phases”选项卡中,展开“Embed Frameworks”并添加以下框架:
Electron
ElectronOSX
ElectronHelper
运行您的应用程序并在 iOS 设备上进行测试。
现在,您已经成功将 Electron 项目打包为可在 iOS 上运行的可执行文件。

03-01 08:37