likes
comments
collection
share

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

作者站长头像
站长
· 阅读数 20

一、前言

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

二、实现签名

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

1.制作CSR文件

什么是CSR文件呢?

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

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

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

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

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

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

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

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

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

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

2.生成Developer ID Application证书

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

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

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

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

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

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

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

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

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

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

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

3.生成P12签名文件

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

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

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

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

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

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

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

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

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

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

这样就成功了。

5.打包electron应用

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

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

就代表我们签名成功了。

三、后记

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

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

转载自:https://juejin.cn/post/7144676767603621919
评论
请登录