Netlify

todo

• サンプル通りにデプロイする CD pipeline を組む
• 複数の api spec を html 化するように action を修正
• 動的にそれら html を参照できるような index.html を作成

github のリポジトリの 特定フォルダをデプロイする方法

github でログインすると自然とそういう流れになる

github actions からデプロイする

netlify に github-actions で自動デプロイの参考記事: https://medium.com/@kosa3/github-actions%E3%81%A7netlify%E3%81%AB%E8%87%AA%E5%8B%95%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4%E3%81%99%E3%82%8B-22ac30e02528 これを基にやっていく。

• ゴールは .github/workflows/xxx.yml に netlify 公式の action を登録することです。

  name: deploy to netlify
  
  jobs:
      build:
          runs-on: ubuntu-latest
  
          steps:
              # checkout, build などアプリケーションに応じて記述
              - name: Deploy to netlify
                  uses: netlify/actions/cli@master
                  env:
                      NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
                      NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
                  with:
                      args: deploy --dir=./dist --prod  # 環境に応じて修正
                      secrets: '["NETLIFY_AUTH_TOKEN", "NETLIFY_SITE_ID"]'
  

それに向けて、まず netlify 側の設定を確認

• site name: xxx (自動で振られます)
• domain: (カスタムドメインを入れていればそれ)
• api_id: (自動生成)
• token: (自動生成)

さらに、 github リポジトリで secrets を登録する

• github project > settings > secrets に credential 系情報を登録
  • NETLIFY_SITE_ID: (api_id を登録)
  • NETLIFY_AUTH_TOKEN: (token を登録)

これで CD pipeline で netlify へのデプロイが行われるようになりまする