PicList 现已上架Mac App Store 分享下整个上架过程和遇到的问题

PicList 是一款云存储/图床平台管理和文件上传工具，基于 PicGo 进行了深度二次开发，保留了 PicGo 的所有功能的同时，为相册添加了同步云端删除功能，同时增加了完整的云存储管理功能，包括云端目录查看、文件搜索、批量上传下载和删除文件，复制多种格式文件链接和图片/markdown/文本/视频预览等。

开源地址和软件官网

Github: https://github.com/Kuingsmile/PicList
软件官网：https://piclist.cn

Mac App Store地址

PicList 基于PicGo的图片管理工具 on the Mac App Store (apple.com)

上架前的软件打包

加入开发者计划

第一步当然是加入Apple Developer Program - Apple Developer，这需要99 美元的年费，具体的申请流程直接参考官网跟着走就行。

当收到苹果的欢迎邮件后，就可以准备下一步了。

生成签名证书

这里，我们首先需要生成证书请求文件(Certificate Signing Request,CSR)文件，不同于我在上一篇使用Github actions自动化打包和签名基于electron的mac桌面应用流程分享 - 知乎 (zhihu.com)里提到的，这里的CSR文件需要通过mac os的钥匙串应用生成，不然后面签名时可能会报错。

打开 mac 的钥匙串访问 -> 证书助理 -> 从证书颁发机构请求证书，这里生了 CertificateSigningRequest.certSigningRequest 的文件，这个文件可以被多次用来生成 mac 证书。

前往Certificates, Identifiers & Profiles - Apple Developer，生成Mac App Distribution，Mac Installer Distribution和Developer ID Application这三个证书。当需要上传文件时，就是上传刚才生成的CSR文件。

下载三个证书，导入到钥匙串-登录中。

注册AppId

前往Certificates, Identifiers & Profiles - Apple Developer，生成一个正式的AppId，这里需要选择对应的权限。

生成的AppId需要和项目打包配置里的appId设置一致，否则会被苹果拒绝。

生成配置文件

前往Certificates, Identifiers & Profiles - Apple Developer，添加一个新的配置文件，添加时需要选择刚才注册的appId和第一步生成的证书。

配置打包环境

这里我们需要为我们的项目新增几个打包所需的配置文件，注意我使用的打包软件是vue-cli-plugin-electron-builder，在项目的build目录下新建以下几个文件：

entitlements.mas.plist

内容参考下面的代码，需要注意的是，你需要根据自己项目的实际情况添加需要的权限：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>com.apple.security.app-sandbox</key>
    <true/>
    <key>com.apple.security.cs.allow-jit</key>
    <true/>
    .....其它权限
</dict>
</plist>

entitlements.mas.inherit.plist

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
  <dict>
    <key>com.apple.security.app-sandbox</key>
    <true/>
    <key>com.apple.security.inherit</key>
    <true/>
  </dict>
</plist>

entitlements.mas.loginhelper.plist

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
  <dict>
    <key>com.apple.security.app-sandbox</key>
    <true/>
  </dict>
</plist>

将刚才生成的配置文件下载下来，也放到build目录下，然后如下修改vue.config.js中的打包配置：

mac: {
        target: [{
            target: 'mas',
            arch: [
                'universal'
            ]
        }],
        ....其它设置
    },
mas: {
        icon: 'build/icons/icon.icns',
        hardenedRuntime: true,
        entitlements: 'build/entitlements.mas.plist',
        entitlementsInherit: 'build/entitlements.mas.inherit.plist',
        provisioningProfile: 'build/placeholder.provisionprofile',
        entitlementsLoginHelper: 'build/entitlements.mas.loginhelper.plist'
    },