iT邦幫忙

2021 iThome 鐵人賽

DAY 10
0
DevOps

和 gitlab 一起當個好朋友系列 第 10

Day10-使用 create-react-app 部署第一個 React static Web

  • 分享至 

  • xImage
  •  

承接昨天的部分

先使用 create-react-app 將原本的靜態頁面置換掉

  $ npx create-react-app fronted-demo

Gitlab 在 CI/CD 的過程中 會需要有環境變數的設定

不要把這些設定加在 Git repo 之中

https://ithelp.ithome.com.tw/upload/images/20210925/20140956u5i4vjDpgw.png

Gitlab 的 Sidebar 看得到 setting >> CI/CD >> Variables

變數分為兩種

  • Variable - 變數
  • file - 檔案

為了隱藏 server ip, account, password

可以建立三個變數

https://ithelp.ithome.com.tw/upload/images/20210925/20140956Rp08fyFwEQ.png

可以加上一些變數

.gitlab-ci.yml

stages:
  - copyToGoal

Prepare:Env:
  stage: copyToGoal
  script:
    - yarn install
    - yarn build
    - scp  -r ./build/** $ACCOUNT@$UAT_HOST:$TARGET

這樣可以隱藏一些資訊

不要把敏感資訊放到 git repo 中


上一篇
Day09-靜態 HTML 的部署
下一篇
Day11-React 公測與產品的環境切分
系列文
和 gitlab 一起當個好朋友15
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言