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

承接昨天的部分

先使用 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 中


<<:  [机派X] Day 13 - 希望是最後一次,动手组装无人机罗

>>:  # Day 16 Physical Memory Model(一)

[Day 18] JS - 变数提升Hoisting

前言 今天又要来介绍新的基础观念啦,在认识Hoisting之前,只单纯知道宣告变数的方式,也没有在乎...

使用Lucene.Net达成全文检索!基础解说(一)

Lucene.Net是一套C#开源全文索引库,其主要包含了: · Index : 提供索引的管理与词...

Day4 VPC & Security Group

从地端 On-Premise的传统资讯部署,再到云端 Cloud的新形态部署模式,在这个转型过程初...

AI ninja project [day 22] 变分自动编码器 Variational Autoencoder

如果讲了自动编码器(AE), 却不介绍变分自动编码器(VAE), 感觉有点太可惜了。 听到生成演算法...

Day25法国料理-亚萨尔斯火焰烤饼 Alsatian flammekueche

亚萨尔斯火焰烤饼,火焰烤饼是道很适合跟好友家人一起分享,很适合在节日庆典上搭配红酒的美食 来自法国亚...