Setup github actions for stage/prod

Author: velopert

.github/workflows/dev.yml

@@ -0,0 +1,67 @@
+name: Deploy Serverless SSR (Dev)
+
+on:
+  push:
+    branches:
+      - develop
+
+jobs:
+  deploy:
+    name: deploy
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@master
+    - name: Get yarn cache
+      id: yarn-cache
+      run: echo "::set-output name=dir::$(yarn cache dir)"
+
+    - uses: actions/cache@v1
+      with:
+        path: ${{ steps.yarn-cache.outputs.dir }}
+        key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+        restore-keys: |
+          ${{ runner.os }}-yarn-
+    - name: yarn install
+      uses: borales/[email protected]
+      with:
+        cmd: install
+    - name: npm run build:ci
+      run: npm run build:ci
+      env:
+        REACT_APP_API_HOST: 'https://v2dev.velog.io/'
+        PUBLIC_URL: 'https://d3v0gm8v6v8olv.cloudfront.net/'
+        STAGE: true
+    - name: s3 sync
+      uses: jakejarvis/s3-sync-action@master
+      with:
+        args: --follow-symlinks --delete
+      env:
+        AWS_S3_BUCKET: ${{ secrets.AWS_S3_BUCKET_DEV }}
+        AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
+        AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_KEY }}
+        AWS_REGION: 'ap-northeast-2'
+        SOURCE_DIR: 'build'
+
+    - name: serverless deploy
+      uses: serverless/github-action@master
+      with:
+        args: deploy --stage production
+      env:
+        # or if using AWS creds directly
+        AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
+        AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_KEY }}
+        REACT_APP_API_HOST: 'https://v2dev.velog.io/'
+        PUBLIC_URL: 'https://d3v0gm8v6v8olv.cloudfront.net/'
+        STAGE: true
+    - name: Deploy Completion Webhook
+      uses: joelwmale/webhook-action@master
+      env:
+        WEBHOOK_URL: ${{ secrets.SSR_COMPLETE_WEBHOOK }}
+        data: "{'deployment': 'finished'}"
+    - name: Slack Notification
+      uses: rtCamp/[email protected]
+      env:
+        SLACK_WEBHOOK: ${{ secrets.SLACK_WEBHOOK }}
+        SLACK_USERNAME: 'Github Actions'
+        SLACK_ICON: 'https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png'
+        SLACK_MESSAGE: '벨로그 웹 클라이언트 배포가 끝났어요! :rocket:'

.github/workflows/main.yml

@@ -27,6 +27,9 @@ jobs:
         cmd: install
     - name: npm run build:ci
       run: npm run build:ci
+      env:
+        REACT_APP_API_HOST: 'https://v2dev.velog.io/'
+        PUBLIC_URL: 'https://static.velog.io/'
     - name: s3 sync
       uses: jakejarvis/s3-sync-action@master
       with:
@@ -41,11 +44,13 @@ jobs:
     - name: serverless deploy
       uses: serverless/github-action@master
       with:
-        args: deploy
+        args: deploy --stage production
       env:
         # or if using AWS creds directly
         AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
         AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_KEY }}
+        REACT_APP_API_HOST: 'https://v2dev.velog.io/'
+        PUBLIC_URL: 'https://static.velog.io/'
     - name: Deploy Completion Webhook
       uses: joelwmale/webhook-action@master
       env:

package.json

@@ -154,7 +154,7 @@
     "build:server": "node scripts/build.server.js",
     "start:server:local": "node ./dist/server.js",
     "test": "node scripts/test.js",
-    "download:stats": "curl -o ./build/loadable-stats.json \"https://static.velog.io/loadable-stats.json\" --create-dirs"
+    "upload:s3": "aws s3 sync ./build s3://$S3_BUCKET --delete"
   },
   "eslintConfig": {
     "extends": [

scripts/activate

@@ -0,0 +1,4 @@
+#!/bin/bash
+export PUBLIC_URL=https://static.velog.io/
+export REACT_APP_API_HOST=https://v2.velog.io/
+export S3_BUCKET=static.velog.io

scripts/activate.dev

@@ -0,0 +1,5 @@
+#!/bin/bash
+export PUBLIC_URL=https://d3v0gm8v6v8olv.cloudfront.net/
+export REACT_APP_API_HOST=https://v2dev.velog.io/
+export STAGE=true
+export S3_BUCKET=dev.static.velog.io

scripts/keepChunks.js

@@ -14,14 +14,20 @@ const assetHistoryDir = path.join(buildDir, 'asset-history.json');
 const readFileAsync = promisify(fs.readFile);
 const writeFileAsync = promisify(fs.writeFile);
 
+function replaceLastSlash(url) {
+  if (url.charAt(url.length - 1) === '/') {
+    return url.slice(0, url.length - 1);
+  }
+  return url;
+}
+const PUBLIC_URL = replaceLastSlash(process.env.PUBLIC_URL);
+
 /**
  * Loads current asset-history from CDN
  */
 async function getAssetHistory() {
   try {
-    const response = await client.get(
-      'https://static.velog.io/asset-history.json',
-    );
+    const response = await client.get(`${PUBLIC_URL}/asset-history.json`);
     return response.data;
   } catch (e) {
     return {
@@ -68,8 +74,7 @@ function downloadUrls(urls) {
     urls.map(url => {
       const downloadPath = url
         .slice(0, url.lastIndexOf('/'))
-        .replace('https://static.velog.io', '');
-
+        .replace(PUBLIC_URL, '');
       return download(url, path.join(buildDir, downloadPath));
     }),
   );

serverless.yml

@@ -48,6 +48,7 @@ provider:
   environment:
     REDIS_HOST: ${ssm:/velog-v2/redis-host}
     DEBUG: ioredis:*
+    STAGE: ${env:STAGE}
 
   vpc:
     securityGroupIds: