electron:macos配布パッケージ [Design Workshop]

この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。
====== macOS用の配布パッケージ ======
[[electron:p5アプリを作る|p5アプリを作る]] で紹介した通りのやり方で、windowsもmacOSもアプリケーションを作成することができます。しかしながらmacOSの場合は出来上がったdmgイメージを第三者が利用した場合、
  - アプリケーションを立ち上げる
  - 開発元の不明なので開けないと言われる
  - システム管理設定から「セキュリティとプライバシー」を開き、当該アプリケーションの「そのまま開く」をクリック
  - アプリが起動するようになる

という一手間が必要でした。開発に明るい人なら問題ないのですが、本当に一般ユーザへの配布を考えた場合この手間はなくして上げたいところです。このページでは electron-builder を利用してパッケージを作成していますが、この作成の過程でappleによる認証手続きを導入することで上記問題を解決できるようになります。このへんのやり方に関していくつか記事が挙げられていますが、どれをやってみてもうまく行かず。electron-builderの公式も説明が馬場にとっては不十分で公証の手続きを完了することができませんでした。なんなら Notarizing処理に関しては公式では他人のblogを引用して説明すらしていません。そしてそこで紹介している記事は情報が少し古く、そのままでは最新のelectron-builder（22.14.5）ではASC_PROVIDERを環境変数に設定していないためエラーになります。一日いろいろやってみて、ようやく原因がわかったためこのページにまとめておきます。

まず基本的な流れは
  * https://blog.katsubemakito.net/nodejs/electron/codesigning-macos
  * https://zenn.dev/sprout2000/articles/65165d8055bc56
  * https://uechi.io/blog/sign-and-notarize-electron-app/
上記のサイトの通り進めていきます。かなり丁寧に説明してくれています。しかしながら一箇所誤りがあります。.envに記載する AC_PROVIDERの中身は TEAM IDではありません。ここでずっとエラーで止まってました。全員間違ってる！！！困る、こういうの！！

では問題の ASC_PROVIDOR はどうやれば取得できるかというと、
  * https://qiita.com/yofuru/items/c0ec015a191264106931

に記載されているように
   xcrun altool --list-providers -u ＜自分のappleアカウントemail＞  -p ＜アプリ用のパスワード＞
で取得できる ProviderShortname でないといけません。 https://kent-and-co.com/866/ このページでも TeamIDじゃないよ！っていうのが謳われております。