【Electron】vue+electron代码签名(mac篇)

1,638 阅读3分钟

本文已参与「新人创作礼」活动, 一起开启掘金创作之路。

一、前言

本篇主要介绍electron应用的mac版本如何实现代码签名以及公证,因为没得代码签名,我们是没有办法进行更新的。

二、实现签名

前置条件,你需要有一个开发者账号。不然咱们就没办法往下进行了(默认你有哈)。咱继续往下说

1.制作CSR文件

什么是CSR文件呢?

CSR是英文Certificate Signing Request的缩写,即证书签名请求。是证书申请者在申请数字证书时由CSP(加密服务提供者)在生成私钥的同时也生成证书请求文件,证书申请者只要把CSR文件提交给证书颁发机构后,证书颁发机构使用其根证书私钥签名就生成了证书公钥文件,也就是颁发给用户的证书。

这里简单理解就是我们接下做签名证书的基础。

  1. 首先我们通过搜索找到并打开钥匙串访问应用

image.png

  1. 然后点击左上角菜单,钥匙串访问->证书助手->从证书颁发机构请求证书

image.png

  1. 之后就会出现如下弹窗,输入用户电子邮箱地址(自己的常用邮箱即可),选择存储到磁盘,然后点击继续

image.png

  1. 之后就会生成一个CSR的文件(全称CertificateSigningRequest.certSigningRequest),我们先将他放在桌面上,如图所示

image.png

2.生成Developer ID Application证书

这里要注意,我们的证书类型必须是Developer ID Application

  1. 进入苹果开发者网站证书页面点击进入
  2. 点击添加,进入到新建页面

image.png

  1. 选择Developer ID Application,这里再次强调Electron打包的桌面应用必须使用这个证书,然后点击继续

image.png

4.这里就需要上传咱们第一步生成的CSR文件了

image.png

  1. 上传成功之后你就可以看到自己生成证书的信息了,然后点击右上角下载

image.png

  1. 将下载好的证书,放到桌面上,之后双击证书,将会自动添加到钥匙串中

image.png

3.生成P12签名文件

  1. 我们在钥匙串访问中就找到我们的证书,如下图所示

image.png

  1. 选中、右键,选择导出证书

image.png

  1. 记好导出的位置,我们之后配置环境变量的时候要用到

image.png

  1. 导出后,生成文件如下

image.png

4.配置环境变量

让electron应用在打包时候,能找到签名文件。

打开终端

sudo vim ~/.bash_profile

开始配置变量

// 刚刚p12存放的文职
export CSC_LINK = /Users/jvtd/APPcertificate/certificate.p12
// 你创建p12文件的密码
export CSC_KEY_PASSWORD = *******

退出编辑

:qw

重载环境变量

source ~/.bash_profile

查看环境变量

env

image.png

这样就成功了。

5.打包electron应用

根据上面介绍设置好之后,我们再去打包,就会看到如下图所示

image.png

就代表我们签名成功了。

三、后记

到这里electron应用关于代码签名的两套系统我们都讲完啦。签名做好,我们的应用就可以正常的去更新了。

本篇完结! 撒花! 感谢观看! 希望能帮助到你!