返回

Mac下的Electron+Vue应用代码签名与公证

前端

目录

  • 引言
  • 实现代码签名
  • 创建Apple开发者账号
  • 生成签名证书
  • 为Electron应用生成签名
  • 打包并上传Electron应用
  • 公证Electron应用
  • 常见问题解答
  • 总结

引言

随着Electron框架的普及，越来越多的开发者使用它来构建跨平台桌面应用程序。为了确保应用程序的安全性、稳定性和可更新性，代码签名和公证至关重要。本文将详细介绍如何在Mac系统中为Electron+Vue应用实现代码签名和公证。

实现代码签名

创建Apple开发者账号

首先，我们需要创建一个Apple开发者账号。访问苹果开发者网站（https://developer.apple.com），注册一个免费或付费的开发者账号。

生成签名证书

  1. 登录开发者账号后，导航至"Certificates, Identifiers & Profiles"页面。
  2. 在左侧菜单中，选择"Certificates"标签。
  3. 单击"Create Certificate..."按钮。
  4. 选择"Mac App Distribution"类型。
  5. 单击"Continue"按钮。
  6. 按照向导提示填写信息。证书名称可以随意命名。
  7. 单击"Generate"按钮生成证书。

为Electron应用生成签名

  1. 打开Electron应用的项目文件夹。
  2. 安装electron-osx-sign包：npm install electron-osx-sign。
  3. 在项目根目录创建一个名为osx-sign的脚本文件。
  4. 在osx-sign脚本文件中添加以下代码：
#!/usr/bin/env bash

# 证书路径
CERT_PATH="./path/to/your.p12"

# 证书密码
CERT_PASS="your_password"

# 应用路径
APP_PATH="./dist/your-app.app"

# 输出路径
OUT_PATH="./signed-app.app"

# 签名应用
electron-osx-sign \
  --certificate-file ${CERT_PATH} \
  --certificate-password ${CERT_PASS} \
  ${APP_PATH} \
  ${OUT_PATH}
  1. 将your.p12替换为生成的签名证书的路径，将your_password替换为证书密码，将your-app.app替换为Electron应用的打包路径，将signed-app.app替换为签名后输出的应用路径。
  2. 运行./osx-sign脚本对Electron应用进行签名。

打包并上传Electron应用

  1. 运行以下命令打包Electron应用：electron-packager . --platform=darwin --arch=x64 --icon=icon.icns。
  2. 上传打包后的应用到Mac App Store或其他平台。

公证Electron应用

公证可以验证应用程序的合法性，并允许它在未经用户批准的情况下绕过macOS的Gatekeeper安全检查。

  1. 访问Apple公证服务网站（https://notarization.apple.com）。
  2. 登录您的Apple开发者账号。
  3. 创建一个新的公证请求。
  4. 选择要公证的应用程序。
  5. 等待公证过程完成。

常见问题解答

  • 应用程序无法运行，提示“无法验证开发人员” ：这可能是由于签名或公证无效或过期。请检查您的签名证书和公证状态。
  • 应用程序提示“应用程序损坏” ：这可能是由于打包过程中的问题。请重新打包应用程序。
  • 应用程序无法在Mac App Store更新 ：确保您的签名证书有效且没有过期。

总结

通过遵循本文中的步骤，您可以成功地为Electron+Vue应用实现代码签名和公证。这将增强您的应用的安全性、稳定性和可更新性，并使您的应用符合Mac平台的最佳实践。