electron打包的app无法在苹果电脑上运行

Electron打包应用程序后，在苹果电脑上无法正常运行，可能是由于以下3点原因导致的。

1、架构问题：在苹果电脑上运行的应用程序必须是针对macOS的x86或者x64架构编译的，如果您的Electron应用程序没有针对这两种架构进行编译物迹，就无法在苹果电脑上运行。建议您确认一下应用程序的架构是否正确。

2、版本问题：苹果电脑上运行的应用程序罩逗并必须是基于macOS版本构建的，指明如果您的Electron应用程序是基于较早版本的macOS构建的，就无法在最新的macOS版本上运行。建议您确认一下应用程序的构建版本是否正确。

3、安全设置：苹果电脑的安全设置较为严格，如果您的应用程序没有经过苹果的认证或者代码签名，就可能会被系统阻止运行。建议您尝试在苹果电脑上修改安全设置，允许运行未经认证的应用程序。

即便是免费应用也需要一个开发者账号，注册Developer账户这里就不详细介绍了。然后自然是将App准备好。确保iOS应做悔用程序已经在模拟器（Simulator）中做了全面的测试确认没有已知Bug了。App发布的工作一切准备好了之后，就可以发布应用到App Store了，应用发布概括起来需要以下几个流程：

1、 注册App ID，在Xcode中指定Bundle Identifier

2. 创建发布证书（Distribution Certificate）

3. 创建Distribution Provisioning Profile

4. 用Distribution Profile为应用签名

5. 打包App6. 在iTunes Connect上传App以上大部分的 *** 作是在Provisioning Portal、XCode、Keychain Access工具和iTunes Connect中完成的。

上传App必须在Xcode软件里执行（也就是要有MacAir, MacMini等运行Moc OS X Mountain等10.x的系统，最好是10.7等最新版的。XCode这个Object C的集成开发环境目前版本是4.3.2。其他 *** 作都可以在普通浏览器里完成。发布iOS应用程序到App Store - 创建App ID首先给iOS应用程序申请一个App ID，它是你的应用程序的唯一标识。

登录iOS Developer网站，点击右侧的iOS Provisioning Portal链接，选择App ID。选择创建新app ID。在Description中输入应用的描述信息。

Bundle Identifier是指应用的代码标识，你可以用公司名.应用名来标识，例如：com.company.demoapp。然后打开X-Code，选择Target >Summary。在Identifier输入框中输入上面注册的Bundle Identifier。

发布iOS应用程序到App Store - 创建Distribution CertificateiOS应用都有一个安全证书用于验证开发者身份和签名。在Provisioning Portal的Distribution栏目下有详细介绍，

但行歼总体可以归纳为以下步骤。

1、纯带正打开Keychain Access，在Preferences中关闭OCSP和CRL。

2. 点击Keychain Access菜单，选择Certificate Assistant >Request Certificate from Authority。

3. 输入Email地址，选择Saved to Disk和Let me specify key pair information。点击Continue继续。

4. 选择key size of 2048 bits和RSA algorithm，点击Continue继续。

5. 然后会在桌面上生成一个.CSR的文件。

6. 然后进入Provisioning Portal，选择Certificates ->Distribution ->Add Certificate，添加刚才创建的.CSR签名文件。

7. 在等待审核的时候下载并安装WWDR intermediate certificate。

8. 刷新页面，然后就可以下载证书了。下载后安装。

9. 最后一步，打开Keychain Access。选中刚才安装的private key，选择菜单中的Export Item将私钥导出。

1.打包准备

    1.在自己需要打包的vue项目中build项目包出来，这里就不做解释了

    2.新建一个 exe文件夹 （名称自己定义）

    3.克隆项目 地址：git clone https://github.com/electron/electron-quick-start

        

 2.配置环境

    1.cd 进入 electron-quick-start 文件夹 npm install 添加依赖 （依赖包60M左右 ）

     2.完成后 将步骤一种build出来的包放入 electron-quick-start 文件夹 如图

        

    3.修改main.js入口文件，

        修改前

      修改后 这里 的路径是build出来文件名称 

        

    4.启动 npm run start

        

                 项目启动完成

3.打包

        1.使用  electron-packager 方式打包，因为依赖还环境问题 现在只能打出window 版本 MAc版本需要使用另一种方式 。

               添加依赖 npm install electron-packager --save-dev 

            

        2.修改package.json 中 

"scripts": {

      "start": "electron .",   

      "packager": "electron-packager ./ VEA_L --platform=win32 --arch=x64 --electron-version=2.0.0 --overwrite"

  }

      然后 npm run packager 打包 

        

   打包完成 

    

    VEA_L-win32-x64 中的exe就是执行文件 

注 此方法只支持打包 window 和linux 版本 mac版本不支持 （没找到解决办法）

    2.使用  electron-build  方式打包 支持window 和Mac （mac版本只有在mac os上才可打包完成 ）伏颤

    添加 依赖  建议方法一

       方法一  全局装 yarn  环境  （mac os 自行百度） 

                    npm install -g yarn

                   安装 依赖 yarn add electron-builder --save-dev

        方法二 npm 安装 

                npm install electron-builder

       修改 package.json 中

  "build": {"appId": "com.xxx.app", "copyright":"LEON", "productName":"亦思辰","mac": {"target": ["dmg","zip"]},"win": {"target": ["nsis","zip"] }},

"scripts": { "start": "electron .",    "packager": "electron-packager ./ VEA_L --platform=win32 --arch=x64 --electron-version=2.0.0 --overwrite", "distWin": "electron-builder --win --x64","distMac": "缺信败electron-builder --mac --x64","dist": "坦念npm run distWin &&npm run distMac"},

    执行命令 打出对应环境包 npm run dist 

    

我因为是window 所以 window打包成功，macos报错，（用macOs 亲测可用 ） 打包完成dist中如下 

注意 完成后 window 会出现 菜单栏 隐藏需要修改 main.js 如下 就可以解决 

总结：以上的俩种方式都可以打包出exe方式不同，都可以配置Ioc图标，这里就不做演示了，有疑问欢迎提意见，共同进步。

---