【Electron】vue+electron代码签名（mac篇）

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

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

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

#1.制作CSR文件

什么是CSR文件呢？

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

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

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

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

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

4. 之后就会生成一个CSR的文件（全称CertificateSigningRequest.certSigningRequest），我们先将他放在桌面上，如图所示

#2.生成Developer ID Application证书

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

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

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

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

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

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

#3.生成P12签名文件

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

2. 选中、右键，选择导出证书

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

4. 导出后，生成文件如下

#4.配置环境变量

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

打开终端

复制sudo vim ~/.bash_profile

开始配置变量

复制
export CSC_LINK = /Users/jvtd/APPcertificate/certificate.p12

export CSC_KEY_PASSWORD = *******

退出编辑

复制:qw

重载环境变量

复制source ~/.bash_profile

查看环境变量

复制env

这样就成功了。

#5.打包electron应用

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

就代表我们签名成功了。

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

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