本文首發(fā)于公粽號(hào)「前端進(jìn)階之旅」

持續(xù)集成

集成工具 jenkins 的基本介紹和自動(dòng)化部署微前端項(xiàng)目的幾個(gè)簡(jiǎn)單方案

一约素、Jenkins 基礎(chǔ)介紹

Jenkins 是國(guó)際上流行的免費(fèi)開(kāi)源軟件項(xiàng)目,是基于 Java 開(kāi)發(fā)持續(xù)集成工具,用于監(jiān)控持續(xù)重復(fù)的工作,旨在提供一個(gè)開(kāi)放的易用的軟件平臺(tái),使軟件的持續(xù)集成自動(dòng)化,大大節(jié)約人力和時(shí)效。

Jenkins 功能包括：

• 持續(xù)的軟件版本發(fā)布/測(cè)試項(xiàng)目。
• 監(jiān)控外部調(diào)用執(zhí)行的工作。

1. 系統(tǒng)管理

安裝好的 jenkins 可以在系統(tǒng)管理進(jìn)行配置系統(tǒng)信息等

• 系統(tǒng)設(shè)置

  • 執(zhí)行者數(shù)量：系統(tǒng)可同時(shí)并發(fā)執(zhí)行任務(wù)的數(shù)量击你，系統(tǒng)默認(rèn) 2 個(gè)辛臊，原則上不超過(guò)服務(wù)器 CPU 核數(shù)，否則容易出現(xiàn) CPU 利用率過(guò)載導(dǎo)致服務(wù)掛掉蚪黑。
  • Jenkins URL：Jenkins 訪(fǎng)問(wèn)地址，可以修改地址的端口號(hào)吸耿，和修改服務(wù)器配置文件的端口號(hào)效果一致

• 憑據(jù)配置

  • 憑據(jù)可以用來(lái)存儲(chǔ)需要密文保護(hù)的數(shù)據(jù)庫(kù)密碼祠锣、Gitlab 密碼信息、Docker 私有倉(cāng)庫(kù)密碼等咽安，以便 Jenkins 可以和這些第三方的應(yīng)用進(jìn)行交互伴网，需要安裝 Credentials Binding 插件，用戶(hù)才可管理憑據(jù)

• 憑據(jù)管理

  • 憑據(jù)管理包含憑據(jù)的管理和憑據(jù)所在域的管理妆棒，系統(tǒng)默認(rèn)會(huì)創(chuàng)建全局域澡腾，用戶(hù)可以在兩個(gè)管理表格的存儲(chǔ)下添加域，在用戶(hù)選擇的域下添加憑據(jù)或者進(jìn)入域詳情添加憑據(jù)糕珊。為了最大程度地提高安全性动分，在 Jenkins 中配置的憑據(jù)以加密形式存儲(chǔ)在主 Jenkins 實(shí)例上（由 Jenkins 實(shí)例 ID 加密），用戶(hù)需要使用配置的唯一標(biāo)識(shí) ID 進(jìn)行處理红选。
  • 可以添加的憑證有 5 種：
    1. 用戶(hù)名和密碼
    2. SSH 密鑰（SSH 公私鑰對(duì)）
    3. 加密文件
    4. 令牌（例如 API 令牌澜公、GitHub 個(gè)人訪(fǎng)問(wèn)令牌）
    5. 證書(shū)
  • 添加憑據(jù)：
    1. 種類(lèi)
    2. 范圍 （全局、系統(tǒng)）
    3. 憑據(jù)
    4. ID (此字段是可選的喇肋。如果未指定其值坟乾，Jenkins 將為憑證 ID 分配一個(gè)全局唯一 ID（GUID）值。請(qǐng)記住蝶防，一旦設(shè)置了憑證 ID甚侣，就無(wú)法再更改它)
    5. 憑證描述。

• 插件管理

  Jenkins 提供了兩種不同的方法來(lái)在主服務(wù)器上安裝插件：

  • 在管理平臺(tái)界面中使用插件管理器

    通過(guò)“系統(tǒng)管理” >“插件管理”視圖间学，Jenkins 環(huán)境的管理員可以使用該視圖殷费。在“ 可選插件 ”選項(xiàng)卡下，可以搜索用戶(hù)需要的插件低葫，搜索到需要的插件后勾選插件列表的選中框详羡，之后點(diǎn)擊左下角的下載并且重啟后安裝，等待插件下載完成后服務(wù)自動(dòng)重啟氮采，重新進(jìn)入系統(tǒng)即安裝成功殷绍。

  • 使用 Jenkins CLI install-plugin 命令

    管理員還可以使用 Jenkins CLI，它提供了安裝插件的命令鹊漠。用于管理 Jenkins 環(huán)境的腳本或配置管理代碼可能需要安裝插件主到，而無(wú)需在 Web UI 中直接進(jìn)行用戶(hù)交互。Jenkins CLI 允許命令行用戶(hù)或自動(dòng)化工具下載插件及其依賴(lài)項(xiàng)

• 管理用戶(hù)

  Jenkins 默認(rèn)使用自帶數(shù)據(jù)庫(kù)模式存儲(chǔ)用戶(hù)躯概，jenkins 默認(rèn)創(chuàng)建 admin 賬號(hào)登钥，默認(rèn)密碼位于 /var/lib/jenkins/secrets/initialAdminPassword，登錄之后可在管理用戶(hù)修改用戶(hù)默認(rèn)密碼

2. 新建視圖

視圖功能主要用于管理不同項(xiàng)目之間的任務(wù)娶靡，每個(gè)項(xiàng)目創(chuàng)建一個(gè)視圖并在視圖下管理整個(gè)項(xiàng)目的模塊牧牢。

• 列表視圖（顯示簡(jiǎn)單列表。新建或編輯視圖的時(shí)候可以選擇將當(dāng)前已有的任務(wù)添加到該視圖姿锭，也可以在該視圖下新建任務(wù)）
• 我的視圖（該視圖自動(dòng)顯示當(dāng)前用戶(hù)有權(quán)限訪(fǎng)問(wèn)的任務(wù)）

3. 任務(wù)

• 新建任務(wù)
  • 任務(wù)名稱(chēng)
  • 任務(wù)模板：jenkins 提供的任務(wù)模板塔鳍，一般新安裝的 jenkins 只會(huì)有一個(gè)“構(gòu)建一個(gè)自由風(fēng)格的軟件項(xiàng)目”模板，而如果需要其他的任務(wù)模板需要用戶(hù)下載對(duì)應(yīng)的插件呻此，不同的任務(wù)模板會(huì)有不同的構(gòu)建流程
  • 復(fù)制：可選項(xiàng)轮纫，用戶(hù)可以輸入已有的任務(wù)名稱(chēng)選擇其中之一復(fù)制一個(gè)新的任務(wù)，選擇了復(fù)制的任務(wù)后就無(wú)法自定義任務(wù)模板焚鲜，以復(fù)制的項(xiàng)目的任務(wù)模板為主
• 任務(wù)詳情
  • 狀態(tài)
  • 修改記錄：每次構(gòu)建獲取的代碼變更記錄掌唾，即記錄每次構(gòu)建的 git 倉(cāng)庫(kù)提交記錄
  • 工作空間：任務(wù)的工作空間的項(xiàng)目文件目錄
  • 立即構(gòu)建：執(zhí)行構(gòu)建部署任務(wù)，使用不同的插件執(zhí)行構(gòu)建過(guò)程會(huì)有差異
  • 配置：配置整個(gè)任務(wù)構(gòu)建和部署過(guò)程的需要干什么
  • 刪除工程
  • 重命名

二忿磅、任務(wù)配置

任務(wù)配置主要將自動(dòng)化構(gòu)建部署從項(xiàng)目的獲取到部署成功的一個(gè)過(guò)程需要做的工作做分解配置糯彬。

1. General

這一步主要是在執(zhí)行構(gòu)建前對(duì) jenkins 配置進(jìn)行了簡(jiǎn)單的設(shè)置

• 描述

• 丟棄舊的構(gòu)建

  • 策略：默認(rèn) Log Rotation
    • 保持構(gòu)建的天數(shù)：將保存此天數(shù)的構(gòu)建記錄，為空保存所有
    • 保持構(gòu)建的最大個(gè)數(shù)：保存最近該個(gè)數(shù)的構(gòu)建葱她，為空保存所有

• 參數(shù)化構(gòu)建過(guò)程

  Extended Choice Parameter 插件撩扒，該插件可以使用多選框，利用該插件可以指定需要打包的應(yīng)用吨些，而不需要打包所有項(xiàng)目搓谆，減少打包時(shí)間

  • Name：構(gòu)建過(guò)程使用的參數(shù)名
  • Description：參數(shù)描述
  • Basic Parameter Types
    • Parameter Type：Check Boxes （值使用的類(lèi)型）
    • Number of Visible Items：8 checkbox 參數(shù)值個(gè)數(shù)（項(xiàng)目子包和主包個(gè)數(shù)）
    • Delimiter：, 各個(gè)值的分割符號(hào)
    • Choose Source for Value：main,subs/appletuser,subs/college,subs/follow,subs/project,subs/questions,subs/statistics,subs/system 參數(shù)值（主包和子包相對(duì)項(xiàng)目路徑
    • Choose Source for Default Value：main,subs/appletuser,subs/college,subs/follow,subs/project,subs/questions,subs/statistics,subs/system 參數(shù)默認(rèn)選中的值（主包和子包相對(duì)項(xiàng)目路徑

  布爾值參數(shù)，true/false 值的參數(shù)锤灿，當(dāng)前應(yīng)用于構(gòu)建過(guò)程中判斷是否需要構(gòu)建 npm install

  • 名稱(chēng)：構(gòu)建過(guò)程使用的參數(shù)名
  • 默認(rèn)值：默認(rèn)是否勾選
  • 描述：參數(shù)描述

2. 源碼管理

• Git plugin

  GIT 倉(cāng)庫(kù)管理插件挽拔，用于同步 git 庫(kù)，通過(guò)該插件 jenkins 任務(wù)可以在構(gòu)建過(guò)程中獲取配置好的 git 遠(yuǎn)程倉(cāng)庫(kù)代碼但校，任務(wù)執(zhí)行時(shí)代碼會(huì)被拉取到/var/lib/jenkins/workspace/{任務(wù)名稱(chēng)}目錄下

  • Repository URL 代碼倉(cāng)庫(kù)地址
  • Credentials 服務(wù)器連接代碼倉(cāng)庫(kù)的憑據(jù)螃诅，可在系統(tǒng)管理添加后選擇，也可以在右邊的添加按鈕新增憑據(jù)状囱，新增方式和系統(tǒng)管理的憑據(jù)新增一樣
  • Branches to build 指定任務(wù)需要拉取的分支术裸，允許配置多個(gè)分支
  • 源碼庫(kù)瀏覽器 指定 git 倉(cāng)庫(kù)類(lèi)型，默認(rèn)自動(dòng)

3. 構(gòu)建

• 執(zhí)行 shell

  開(kāi)始執(zhí)行構(gòu)建任務(wù)之前源碼管理插件已經(jīng)將代碼從遠(yuǎn)程庫(kù)中獲取亭枷，執(zhí)行 shell 任務(wù)主要通過(guò)獲取參數(shù)化構(gòu)建時(shí)設(shè)置的參數(shù)去對(duì)整個(gè)項(xiàng)目中的各個(gè)應(yīng)用進(jìn)行打包并將打包完成的部署文件統(tǒng)一放在根目錄的發(fā)布文件夾publish袭艺，執(zhí)行詳細(xì)代碼如下：

  #!/bin/bash
  # 項(xiàng)目根目錄地址（相對(duì)于工作空間）
  project_path=""
  # 將用戶(hù)選擇需要打包的應(yīng)用拆分成數(shù)組
  OLD_IFS="$IFS"
  IFS=","
  arr=($mutiParams)
  IFS="$OLD_IFS"
  # 清空上次打包的部署文件
  rm -rf $WORKSPACE$project_path/publish
  
  
  for i in ${arr[@]}
  do
      # 進(jìn)入對(duì)應(yīng)的應(yīng)用中執(zhí)行打包過(guò)程，$WORKSPACE為系統(tǒng)環(huán)境變量叨粘，值為工作空間地址
      cd $WORKSPACE$project_path/$i
      rm -rf dist
      # 判斷是否需要執(zhí)行環(huán)境安裝猾编，當(dāng)前設(shè)置為全局設(shè)置瘤睹，所有需要打包的應(yīng)用會(huì)執(zhí)行相同的判斷
      if [[ $isRunInstall == "true" ]]
      then
        npm install
      fi
      npm run build
      # 將子應(yīng)用和主應(yīng)用放在同一級(jí)，便于后續(xù)部署答倡，因?yàn)楹芏辔⑶岸隧?xiàng)目子應(yīng)用都會(huì)放置在同一個(gè)文件夾下
      [[ $i == "main" ]] && subdir=$i || subdir=${i##*/}
  
  
      mkdir -p $WORKSPACE$project_path/publish/$subdir
      mv dist/* $WORKSPACE$project_path/publish/$subdir
  done
  

4. 構(gòu)建后操作

• Send build artifacts over SSH轰传，使用該插件需要在系統(tǒng)管理->插件管理中安裝，該插件主要功能為將構(gòu)建好的部署包按照一定規(guī)則發(fā)送到部署服務(wù)器瘪撇，并且在這之后可在部署服務(wù)器執(zhí)行一定的 shell 操作获茬。安裝插件后還需要在系統(tǒng)管理->系統(tǒng)配置->Publish over SSH添加 SSH Services。

  • Name：選擇部署服務(wù)器倔既，所選服務(wù)器就是系統(tǒng)配置中所添加恕曲，構(gòu)建時(shí)就會(huì)連接該服務(wù)器

  • Transfers

    • Source files：構(gòu)建服務(wù)器中部署文件的相對(duì)地址publish/**
    • Remove prefix：文件發(fā)送后在部署服務(wù)器的路徑和 Source files 一致，可以根據(jù)需求刪除該地址前面某一段渤涌，當(dāng)前為空
    • Remote directory：部署服務(wù)器的部署目錄/home/jenkinsC
    • Exec command：文件發(fā)送完成之后在這里可以對(duì)部署服務(wù)器進(jìn)行操作佩谣，這里的 shell 操作作用于部署服務(wù)器，由于微前端的部署特殊性歼捏，所以這里需要對(duì)發(fā)送過(guò)來(lái)的文件進(jìn)行轉(zhuǎn)移操作稿存，具體如下：

    #!/bin/bash
    
    
    # 此處的packages后面多了個(gè)publish是打包之后的部署文件名，為了防止在部署主應(yīng)用的時(shí)候被刪掉
    packages="main,subs/appletuser,subs/college,subs/follow,subs/project,subs/questions,subs/statistics,subs/system,publish"
    # 部署目錄
    PUBLISH_PATH=/home/jenkinsC
    
    
    # 依次循環(huán)部署構(gòu)建好的應(yīng)用
    for package in `ls $PUBLISH_PATH/publish`
    do
        # 判斷當(dāng)前是否為主應(yīng)用瞳秽，因?yàn)橹靼枰阎鲬?yīng)用的所有文件直接部署在部署目錄下瓣履，所以需要在過(guò)濾掉子應(yīng)用和publish文件夾的情況下刪除所有舊的主應(yīng)用文件再進(jìn)行部署
        if [[ $package == "main" ]]
        then
            for element in `ls $PUBLISH_PATH`
            do
              [[ $packages =~ $element ]] || rm -rf $PUBLISH_PATH/$element
            done
            mv $PUBLISH_PATH/publish/$package/* $PUBLISH_PATH
        else
            # 子應(yīng)用部署方式直接先刪除原有文件后部署
            rm -rf $PUBLISH_PATH/$package
            mkdir -p $PUBLISH_PATH/$package
            mv $PUBLISH_PATH/publish/$package/* $PUBLISH_PATH/$package
        fi
    done
    # 部署完成后需要?jiǎng)h除部署文件，否則下次部署如果沒(méi)有刪掉會(huì)再次部署舊的文件
    rm -rf $PUBLISH_PATH/publish
    

三练俐、構(gòu)建

按照上一步的配置規(guī)則執(zhí)行自動(dòng)化構(gòu)建和部署

1. 構(gòu)建前

路徑：工程->Build With Parameters->開(kāi)始構(gòu)建

點(diǎn)擊開(kāi)始構(gòu)建前需要配置構(gòu)建所需的參數(shù)袖迎，構(gòu)建過(guò)程中在左下角的構(gòu)建歷史可以查看構(gòu)建進(jìn)度條。

• mutiParams：選中對(duì)應(yīng)的應(yīng)用腺晾，構(gòu)建過(guò)程中就會(huì)只構(gòu)建有勾選的應(yīng)用
• isRunInstall：應(yīng)用是否需要執(zhí)行 npm install燕锥，當(dāng)前構(gòu)建被選中的應(yīng)用都會(huì)按照這個(gè)規(guī)則執(zhí)行，為了減少構(gòu)建過(guò)程所消耗的時(shí)間

2. 構(gòu)建后

在左側(cè)的構(gòu)建歷史可以查看構(gòu)建記錄的狀態(tài)悯蝉，并且每個(gè)構(gòu)建記錄還能通過(guò)構(gòu)建編號(hào)左側(cè)的小球顏色判斷狀態(tài)归形，一般有三個(gè)狀態(tài)分別分為 SUCCESS（藍(lán)色）、UNSTABLE（黃色）鼻由、FAILURE（紅色）暇榴，點(diǎn)擊對(duì)應(yīng)構(gòu)建記錄可查看詳細(xì)信息

狀態(tài)描述：

• SUCCESS：構(gòu)建部署成功
• UNSTABLE：構(gòu)建成功，但是部署過(guò)程出錯(cuò)
• FAILURE：構(gòu)建過(guò)程就已經(jīng)出錯(cuò)

構(gòu)建記錄：

• 狀態(tài)集：執(zhí)行構(gòu)建用戶(hù)蕉世、當(dāng)前構(gòu)建記錄的 git 分支以及提交記錄
• 變更記錄：當(dāng)前構(gòu)建記錄 git 提交記錄詳細(xì)信息
• 控制臺(tái)輸出：構(gòu)建部署執(zhí)行過(guò)程命令執(zhí)行的記錄（可以在這里查看構(gòu)建失敗原因以及調(diào)試構(gòu)建過(guò)程的問(wèn)題）
• 編輯編譯信息：設(shè)置當(dāng)前構(gòu)建記錄的名稱(chēng)和備注
• 刪除構(gòu)建
• 參數(shù)：顯示構(gòu)建部署過(guò)程中自定義參數(shù)

四蔼紧、 Jenkins部署微前端多個(gè)包完整配置

需要安裝的插件

• Extended Choice Parameter 插件，該插件可以使用多選框

• Git plugin

  • GIT 倉(cāng)庫(kù)管理插件狠轻，用于同步 git 庫(kù)奸例，通過(guò)該插件 jenkins 任務(wù)可以在構(gòu)建過(guò)程中獲取配置好的 git 遠(yuǎn)程倉(cāng)庫(kù)代碼，任務(wù)執(zhí)行時(shí)代碼會(huì)被拉取到/var/lib/jenkins/workspace/{任務(wù)名稱(chēng)}目錄下

• Send build artifacts over SSH向楼，使用該插件需要在系統(tǒng)管理->插件管理中安裝查吊，該插件主要功能為將構(gòu)建好的部署包按照一定規(guī)則發(fā)送到部署服務(wù)器谐区，并且在這之后可在部署服務(wù)器執(zhí)行一定的 shell 操作。安裝插件后還需要在系統(tǒng)管理->系統(tǒng)配置->Publish over SSH添加 SSH Services菩貌。

在系統(tǒng)管理->系統(tǒng)配置->Publish over SSH添加

Jenkins完整配置搭建

效果演示

配置流程

構(gòu)建的shell代碼

#!/bin/bash -ilex

echo $PATH

packages="main,subs/system,subs/teaLifeManage,subs/wechatManage"
project_path=""

OLD_IFS="$IFS"
IFS=","
arr=($mutiParams)
IFS="$OLD_IFS"

rm -rf $WORKSPACE$project_path/publish

for i in ${arr[@]}
do
  echo '打印i：' + $i 
    cd $WORKSPACE$project_path/$i
    rm -rf dist
    if [[ $isRunInstall == "true" ]]
    then
       npm install
    fi
    
    if [[ $i == "main" ]]
    then
      if [[ $nodeDev == "development" ]]
      theninsta
          npm run test
      else
          npm run build $nodeDev
      fi
    else
      npm run build $nodeDev
    fi
    
    if [[ $i == "main" ]]
    then
      newsubdir=$i
    else
      subdir=${i%Manage*}
        newsubdir=${subdir##*/}
    fi
    
    
    mkdir -p $WORKSPACE$project_path/publish/${newsubdir,,}
    mv dist/* $WORKSPACE$project_path/publish/${newsubdir,,}
    
    echo '打印WORKSPACE：' + $WORKSPACE
    echo '打印newsubdir：' + $newsubdir
done

構(gòu)建后操作shell代碼

#!/bin/bash -ilex
packages="main,subs/system,subs/teaLifeManage,subs/wechatManage,publish"
PUBLISH_PATH=/home/docker/nginx/html/web-test

for package in `ls $PUBLISH_PATH/publish`
do
    if [[ $package == "main" ]]
    then
        for element in `ls $PUBLISH_PATH`
        do
          [[ ${packages,,} =~ $element ]] || rm -rf $PUBLISH_PATH/$element
        done
        mv $PUBLISH_PATH/publish/$package/* $PUBLISH_PATH
    else
        rm -rf $PUBLISH_PATH/$package
        mkdir -p $PUBLISH_PATH/$package
        mv $PUBLISH_PATH/publish/$package/* $PUBLISH_PATH/$package
    fi
done
rm -rf $PUBLISH_PATH/publish

最后配置一下Nginx指向/home/docker/nginx/html/web-test部署目錄即可訪(fǎng)問(wèn)

五卢佣、使用阿里云OSS部署微前端項(xiàng)目

介紹阿里云對(duì)象存儲(chǔ)部署步驟重荠。

一箭阶、創(chuàng)建 Bucket 存儲(chǔ)桶

1. 進(jìn)入對(duì)象存儲(chǔ) OSS 服務(wù)

https://oss.console.aliyun.com/

2. 創(chuàng)建 Bucket 存儲(chǔ)桶

• Bucket 名稱(chēng)：xxx
• 地域：華南 1（深圳）
• 版本控制：不開(kāi)通
• 讀寫(xiě)權(quán)限：公共讀
• 其他保持默認(rèn)

二、添加 CDN 域名

1. 進(jìn)入 CDN 服務(wù)

https://cdn.console.aliyun.com/

2. 添加 CDN 域名

路徑：CDN > 域名管理 > 添加域名

• 加速域名：xxx.test.com
• 資源分組：會(huì)員商城
• 新增源站信息
  • 源站信息：OSS 域名
  • 域名：xxx.oss-cn-shenzhen.aliyuncs.com
  • 其他保持默認(rèn)
• 其他保持默認(rèn)

3. HTTPS 配置

路徑：CDN > 域名管理 > 找到域名

路徑：CDN > 域名管理 > 域名名稱(chēng) > HTTPS 配置 > HTTPS 證書(shū) > 修改配置

• HTTPS 安全加速：開(kāi)啟
• 證書(shū)來(lái)源：云盾（SSL）證書(shū)中心
• 證書(shū)名稱(chēng)：test.com
• 其他保持默認(rèn)

4. 得到 CNAME 域名

路徑：CDN > 域名管理 > 找到域名

• CNAME：xxx.test.com.w.kunlunpi.com

三戈鲁、添加 CNAME 記錄

1. 進(jìn)入云解析 DNS 服務(wù)

https://dns.console.aliyun.com/

2. 添加 CNAME 記錄

路徑：云解析 DNS > 域名解析 > 找到域名

路徑：云解析 DNS > 域名解析 > 解析設(shè)置 > 添加記錄

• 記錄類(lèi)型：CNAME
• 主機(jī)記錄：xxx.test.com
• 記錄值：xxx.test.com.w.kunlunpi.com
• 其他保持默認(rèn)

四仇参、設(shè)置存儲(chǔ)桶

1. 緩存設(shè)置

路徑：對(duì)象存儲(chǔ) > Bucket 列表 > 找到存儲(chǔ)桶

路徑：對(duì)象存儲(chǔ) > 存儲(chǔ)桶名稱(chēng) > 文件管理 > 找到 index.html 文件 > 更多 > 設(shè)置 HTTP 頭

• Cache-Control：no-cache（Object 允許被緩存在客戶(hù)端或代理服務(wù)器的瀏覽器中，但每次訪(fǎng)問(wèn)時(shí)需要向 OSS 驗(yàn)證緩存是否可用婆殿。緩存可用時(shí)直接訪(fǎng)問(wèn)緩存诈乒，緩存不可用時(shí)重新向 OSS 請(qǐng)求。）
• Cache-Control：no-store（不允許緩存 Object）
• Expires：-1
• 其他保持默認(rèn)

2. 設(shè)置靜態(tài)頁(yè)面

路徑：對(duì)象存儲(chǔ) > 基礎(chǔ)設(shè)置 > 靜態(tài)頁(yè)面

• 默認(rèn)首頁(yè)：index.html
• 子目錄首頁(yè)：未開(kāi)通
• 默認(rèn) 404 頁(yè)：index.html

1. 域名管理

路徑：對(duì)象存儲(chǔ) > 傳輸管理 > 域名管理 > 綁定域名

• 域名：xxx.test.com
• 其他保持默認(rèn)

五婆芦、上傳代碼至存儲(chǔ)桶

1. 下載 oss browser 工具

https://help.aliyun.com/document_detail/209974.html