西河刘卡车医 发表于 2024-7-26 18:05:47

electron使用electron-builder举行MacOS的 打包、签名、公证、上架、自动更

一、前言

由于electron在macOS下的坑太多,本文不可能把全部的问题都列出来,也不可能把全部的办理方案贴出来;本文也不太会讲解每一个配置点为什么要这么设置的原因,因为有些点我也说不清,我尽可能会说明的。以是,你要抛弃你之前全部已经完成的东西,最好弄一个全新的系统,严酷按照本文的步调做。
发起用vmware虚拟机,装一个全新的macOS系统。配合vmware的拍照功能,如果中途出错,可以回退到虚拟机的上一个正常状态,非常方便。
我也是在这篇文章以及网友的帮助下才走通这个流程的,你可以参考一下。
Electron-builder 构建MacOS应用小白教程(打包 & 签名 & 公证 & 上架) - 掘金
二、系统配置

如果你需要这个环境,请私信我,200元送你(如果你需要,请在csdn上私信我,大概评论区留言,我会联系你的)。
我也是从别人那花钱买来的,另外我也是花钱各种请教,才总结出来的经验。固然,文档当中,我也会尽可能把我的经验放进去。


[*]VMware® Workstation 17 Pro(17.0.0 build)
https://i-blog.csdnimg.cn/blog_migrate/72fe9301a83d2e3c30caad6f39df15a7.png


[*]macOS Sonoma (版本14.0 Beta版)
https://i-blog.csdnimg.cn/blog_migrate/dfb5a18923fb70999fb3f00e767cabc1.png


[*]Xcode (Version 15.1)
https://i-blog.csdnimg.cn/blog_migrate/2d31b5885b349e285fb92f589236f404.png
三、基本信息假设

由于配置需要一些信息,现对一些配置项做出假设
1、您的appleId账号是 996@qq.com

https://idmsa.apple.com/
https://developer.apple.com

https://i-blog.csdnimg.cn/blog_migrate/37e7fd8786e73b0755386de46c9e17df.png
2、加入 苹果应用开发者

这玩意需要交钱,按年付费,如今没法给各人截图了。只记得其时的坑是,得用比较新的 iphone 大概 mac,下载官方提供的一个应用,在内里注册提交资料即可。
https://developer.apple.com/programs/
3、创建appleId的 app 专用密码

相关资料见:使用 App 专用密码 - 官方 Apple 支持 (中国)
(1) 打开网址,并登录
Manage your Apple ID
(2) Manage your Apple ID
在此创建
(3) 假设我们创建的密码为:aaaa-bbbb-cccc-dddd
四、证书申请

1、生成 证书签名请求证书 文件

(1)按以下次序,会在桌面生成一个 “CertificateSigningRequest.certSigningRequest” ,注意生存好该文件,以后要用的到。
https://i-blog.csdnimg.cn/blog_migrate/92b081642d9a59b92823931400474752.png
https://i-blog.csdnimg.cn/blog_migrate/37acfe07bdd76e8d167e66fbcab80981.pnghttps://i-blog.csdnimg.cn/blog_migrate/177aa048c696c06be7b5de129b101ba5.png
(2)与此同时,会在钥匙串中生成一对密钥,这就是公钥和私钥,很重要,尤其私钥,如图所示
https://i-blog.csdnimg.cn/blog_migrate/dd70eb1573dabf8cf63e6a53b749f5d1.png

将这两个密钥导出后生存下来。这个私钥导出后,可以给别的开发人员用。别的开发人员导入这个“私钥文件和证书(.cer后缀的文件,在本文的反面会生成)文件”后,就可以在他的电脑上打包了。
https://i-blog.csdnimg.cn/blog_migrate/3c6b2d8423c9a14c3ddb5fad01f6e050.png
下图就是本次生成的 证书签名请求文件、公钥、私钥文件
https://i-blog.csdnimg.cn/blog_migrate/eb7f1f9f745c1b198ce692acc5344748.png

关于证书的知识,看这个文章:
https://www.jianshu.com/p/1e5f04ad396c/
https://www.jianshu.com/p/81610614225d


2、创建证书 Certificates

注意,不要在xcode内里创建证书(新版本的xcode内里创建不了 Mac Installer Distribution 证书;且不要用Apple Distribution 证书)
打开网址:
https://developer.apple.com/account
按以下步调生成五个证书

https://i-blog.csdnimg.cn/blog_migrate/fc67023104b336baaa5b3998541a5c1c.png
https://i-blog.csdnimg.cn/blog_migrate/f41cfca70e6531d60c9edd78276b7c84.png
https://i-blog.csdnimg.cn/blog_migrate/06fbe922ce974cda731ab5d1c8a19191.png
https://i-blog.csdnimg.cn/blog_migrate/a0049bd86e14ce83dd24c37722201b39.png
https://i-blog.csdnimg.cn/blog_migrate/1d1684fc17b54ac2c2e0b96b4a7fc040.png

将证书下载好后,按如下名称定名,以后要用。

https://i-blog.csdnimg.cn/blog_migrate/23281ddb062c652749b9b0ce86473cb7.png
3、创建 appId (即 Identifiers )

此处创建的:
bundle ID:cn.kafaka.greader
我自己账号的TeamID:GN5XP7HD2C
上面两个合起来,就是 appId: GN5XP7HD2C.cn.kafaka.greader (注意反面的打包配置文件中有个appId配置项,不肯定完全是这个,我会在那个配置文件中做 特殊 说明)
https://i-blog.csdnimg.cn/blog_migrate/8f2d1e1f2b2c32fa8237359868521d9c.png
https://i-blog.csdnimg.cn/blog_migrate/a33f686935fec0a586605aa5d581cd99.png
https://i-blog.csdnimg.cn/blog_migrate/c4d07d1e02ebb7663c8b6d67bf841c1a.png

https://i-blog.csdnimg.cn/blog_migrate/55a456efdc0c0569fcf699cc13031220.png

https://i-blog.csdnimg.cn/blog_migrate/3652dd8bfc04bd74eaa3939d4ef97b1d.png
4、添加 Devices

在electron-builder中,可以打包出mas和mas-dev两个目的项。mas打包出来的 pkg 要上传到 应用商店 Mac App Store(简称 mas);mas-dev打包出来的 app,要做当地测试,如果该app能正常运行,那么mas中打包出来的pkg就没问题。
而打包mas-dev时,要在应用中嵌入设备的uuid,该uuid会在下一步创建Profile时用到。



免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: electron使用electron-builder举行MacOS的 打包、签名、公证、上架、自动更