From 98f3504591582dca43c59fd083649749724c5dc8 Mon Sep 17 00:00:00 2001
From: RyosukeDTomita <d310151c2@gmail.com>
Date: Sun, 4 Aug 2024 19:04:46 +0900
Subject: [PATCH] add debug

---
 .github/workflows/github-pages.yaml |  7 +++++-
 compose.yaml                        |  2 --
 doc/github-pages.md                 | 39 +++++++----------------------
 3 files changed, 15 insertions(+), 33 deletions(-)

diff --git a/.github/workflows/github-pages.yaml b/.github/workflows/github-pages.yaml
index 8f0f80c..141848b 100644
--- a/.github/workflows/github-pages.yaml
+++ b/.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
diff --git a/compose.yaml b/compose.yaml
index 3a4af55..dcccbc4 100644
--- a/compose.yaml
+++ b/compose.yaml
@@ -1,5 +1,3 @@
-version: '3'
-
 services:
   react-app:
     build:
diff --git a/doc/github-pages.md b/doc/github-pages.md
index a5c1e7c..b0621ff 100644
--- a/doc/github-pages.md
+++ b/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にアクセスする。
 
 ---