≪ Today I learned. RSS購読
公開日
更新日
タグ
JavaScript
著者
ダーシノ(@bc_rikko)

GitHub Actionsでnpm publishを自動化する

npm publishを手作業でやるのは大変なので、GitHub Actionsを使ってやってみる。

npmjsでアクセストークンを発行する

  1. アカウントメニュー > Access Tokens
  2. Generate New Token > Classic Tokenをクリック
  3. Nameにわかりやすい名前（たとえばパッケージ名など）を設定
  4. Select typeでは~~Publish~~Automaticを選択
  5. 「Generate Token」をクリック
  6. 「Token successfully generated」と表示されるのでnpm_xxxxxというトークンをコピーする

アクセストークン発行の設定画面

追記: 2024-12-20

Select typeでPublishを指定していたところ、以下のような one-time password のエラーが出てしまった。Select typeをAutomaticにして再度トークンを作成したことで対処できた。

npm error This operation requires a one-time password from your authenticator.
npm error You can provide a one-time password by passing --otp=<code> to the command you ran.
npm error If you already provided a one-time password then it is likely that you either typoed
npm error it, or it timed out. Please try again.
npm error A complete log of this run can be found in: /home/runner/.npm/_logs/2024-12-20T04_29_31_894Z-debug-0.log

npmjsのアクセストークンをリポジトリのSecretsに登録する

  1. Settings > Security: Secrets and variables > Actions をクリック
  2. 「New repository secret」をクリック
  3. NameにNPM_TOKEN、Secretにnpmjs.org

GitHub Actionsシークレットの設定画面

GitHub Actionsのワークフローを設定する

name: Publish Package to npmjs
# npm publishするタイミング
on:
  release:
    types: [published] # Releaseノートが更新されたとき
jobs:
  publish:
    runs-on: ubuntu-latest
    permissions:
      contents: read
      id-token: write
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: '22.x'
          registry-url: 'https://registry.npmjs.org'
      - run: npm ci
      - run: npm publish --provenance --access public
        env:
          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

これで、Releaseが作成されたタイミングでnpm publishが実行されて、パッケージが公開される。

TypeScriptなどビルドが必要な言語を使っている場合は、npm ciとnpm publishの間にnpm run buildのようなコマンドを実行する。

注意

package.jsonのバージョンは手動で更新するか、なんらかのスクリプトを使ってインクリメントしないと、同じバージョンが登録されているというエラーが出てpublishできない。

参考