add debug

.github/workflows/github-pages.yaml

@@ -33,22 +33,27 @@ jobs:
         env:
           GH_TOKEN: ${{ secrets.token }} # gh用
         run: |
-          environment=staging
           # environmentにあった名称でenv_fileを作成し，github actions environment variableを書き込み
           # NOTE: env_fileはgitで管理したくないため，workflow実行時に作成している。
+          environment="staging"
           env_file=".env.${environment}"
           touch $env_file
           cat <<EOF >> $env_file
           $(gh variable list --env ${environment} | awk '{print $1"="$2}')
           EOF
+          echo ----[DEBUG]: CHECK $env_file----
+          cat $env_file
+          echo ----[DEBUG]: END----
           docker buildx bake --set react-app.args.BUILD_ENV=${environment}
           docker compose cp react-app:/usr/share/nginx/html build
+
       # Deploymentsにupload
       - name: Upload artifact
         uses: actions/upload-pages-artifact@56afc609e74202658d3ffba0e8f6dda462b719fa # v3.0.1
         with:
           path: ./build
 
+
   deploy:
     environment:
       name: github-pages

compose.yaml

@@ -1,5 +1,3 @@
-version: '3'
-
 services:
   react-app:
     build:

doc/github-pages.md

@@ -1,49 +1,28 @@
 # GitHub-pagesを使う
 
-## package.jsonに設定追加
+## 初期設定
+
+### package.jsonに設定追加
 
 ```json
 # FIXME: 自分のリポジトリに合わせて変更
   "homepage": "https://ryosukedtomita.github.io/react-app",
 ```
 
-## GitHub 側の設定
+> [!NOTE]
+> ローカルで`docker compose up`とかした際にhomepageが設定されているとうまくいかないの2024/08/04現在では環境変数で値を切り替えるように設定している。
+
+### GitHub側の設定
 
 - リポジトリの設定からPages --> Build and deploymentをGitHub Actions を選択する。
 
 > [GitHub Pages](https://github.com/RyosukeDTomita/devsecops-demo-aws-ecs/settings/pages)
 
-## github actions の設定
-
-dockerでコンテナを作成し，その中でbuildしたものをgithub-pagesに渡している。
-
-### GitHub Container Registry にイメージを push する
-
-- Personal Access Tokenの作成が必用。アカウントの設定ページから，**Developer settings** --> Personal access tokens --> Tokens(classic) --> Generate new token (classic)から作成する([Personal access tokens](https://github.com/settings/tokens))。
-- この際にwrite:packages等の必用な権限をオンにする。自分は一旦以下のように設定。
-  ![patの設定](./doc/fig/pat-pages.png)
-- 表示されたトークンを保存する。自分は環境変数`GITHUBPAT`に保存した。
-- 試しにpushしてPATが有効であることを確認する。
-
-```shell
-# FIXME: 自分のGitHub Accountに合わせて変更
-# docker build -t ghcr.io/ryosukedtomita/devsecops-demo-aws-ecs:latest .
-
-echo $GITHUBPAT | docker login ghcr.io -u RyosukeDTomita --password-stdin
-docker push ghcr.io/ryosukedtomita/react-app:latest
-```
-
-- うまくいけば[Packages](https://github.com/RyosukeDTomita?tab=packages)に保存されているはず。
-![packages](./doc/fig/package.png)
-
-#### GitHub Actions Secrets に PAT を保存
-
-- settings --> Secrets and variables --> から変数名`PAT`で Repository secrets を登録する。
-  ![Alt text](doc/fig/secrets.png)
+---
 
 ## github pagesにデプロイ
 
-just `git push origin master` and go to your own url set by [package.json](./package.json)
+`git push origin master`後に[package.json](./package.json)に設定したurlにアクセスする。
 
 ---