前言
這是我在阿里云活動體驗做的筆記，鏈接地址https://developer.aliyun.com/adc/scenario/8464960ac980400d95ff092b95e1a97e?spm=a2c6h.19231629.J_6577362420.1.1c241caeIiULhc
前提：你得有阿里云賬號
基于云效提供的七夕情書示例原始碼以及云效DevOps的云端代碼托管平臺和持續交付流水線，快速發布一款云端密碼情書H5網頁，
效果圖
這里寫目錄標題
- 一. 克隆七夕示例庫
- 二. 用心書寫情書內容
- 三. 新建流水線
- 四. 配置流水線代碼源
- 五. 配置Docker鏡像構建
- 六. 配置Kubernetes發布
- 七. 修復單元測驗問題并分享情書
一. 克隆七夕示例庫
本步驟將指導您把七夕示例庫克隆到您的云效代碼倉庫，后續您可以修改示例庫代碼并使用流水線部署代碼，
- 前往云效代碼管理Codeup：https://codeup.aliyun.com?channel=qixi 新用戶登錄之后選擇 [匯入代碼庫]，老用戶可以單擊 [添加代碼庫] – [匯入代碼庫]，
- 選擇 [URL匯入]，復制七夕示例庫原始碼地址：
https://code.aliyun.com/yunxiao2020/letter.git，然后單擊 [確定]，即完成示例代碼的匯入，
稍等待一點時間，匯入完成后如下所示
如果按照上述辦法，您的代碼庫匯入失敗，可以嘗試使用下面的方法進行示例代碼匯入，參見：
https://thoughts.aliyun.com/share/5f3d6791db0b8f0024b11805#title=示例代碼匯入方法2：手動復制示例代碼
二. 用心書寫情書內容
在本步驟中您需要修改七夕示例庫中的情書內容，請用心書寫吧，
- 左邊目錄選擇
app/service/data.js檔案，單擊 [編輯] 或者 [Web IDE]，即可進行情書內容編輯，情書格式上，我們進行了欄位注釋，
（1）theme ：欄位—選擇情書書信模板，我們提供了愛人、朋友、同事3種書信風格模板（見下圖），你可以根據寄信角色，設定不同的主題模板，
（2）from ：欄位—填寫寄信人名字；To欄位—填寫收信人名字，這里的名字設定將會體現在書信正文、以及H5頁面的分享標題上，
（3）avatar：欄位— 填寫寄信人頭像，
如下所示，頭像主要在書信中的以下位置體現出來，
頭像的設定上，輸入一個無需登錄公開可訪問的圖片鏈接，
（4）question欄位——設定一個打開情書需要完成的問題，我們稱他為情書暗號，
一個好的暗號問題，可以勾起 2個人之間的一段共同回憶，強烈推薦設定，例如：
對女朋友，你可以設定：還記得我們第一次見面是什么時候嗎？
對大學同學，你可以設定：還記得咱們大學宿舍的門牌號嗎？
對同事，你可以設定：還記得咱們第一次一起通宵加班是什么時候嗎？
效果示例：
（5）answer： 欄位 ——解密的正確答案，注意不要超過10個字
（6）text ：欄位 ——情書正文，可以輸入文字或圖片
情書內容編輯好后，請一定記得點擊 [保存]，
點擊 [確定]，提交到Master，
- 撰寫好情書內容后，單擊右上角的 [設定] 按鈕，選擇 [集成與服務]，開啟右邊開關，云效內置的AI研發助手云豆將會對你的代碼進行代碼質量和安全檢測，幫你發現代碼缺陷和敏感資訊等，
你可以選擇1到2個進行試用體驗，
情書撰寫好后，就要進入我們的下一個環節啦——發布上線！
三. 新建流水線
本節介紹以流水線的方式進行發布部署，
- 打開云效流水線，點擊擊左上角九宮格，選擇 [流水線]，
- 單擊 [新建流水線]，模板選擇: [其他-云效七夕活動]，然后單擊 [創建]，
四. 配置流水線代碼源
單擊 [添加代碼源]，選擇 [云效Codeup] 代碼源，代碼倉庫選擇匯入創建的代碼庫 [letter]，默認分支選擇 [master],同時 開啟代碼源觸發，最后單擊 [添加]，
五. 配置Docker鏡像構建
單擊 [Docker 鏡像構建] --> [鏡像構建并推送至自定義鏡像倉庫]，并填寫以下資訊，
鏡像倉庫地址: registry.cn-hangzhou.aliyuncs.com/yunxiao-letter/yunxiao-letter:${BUILD_JOB_ID}
用戶名: yunxiao-letter@1515906102291199
密碼: yunxiao2020
六. 配置Kubernetes發布
- 新建集群連接配置，
單擊**[Kubernetes 發布]** -> [Kubectl發布] -> [新建連接]，
選擇 [自定義集群]，集群名稱自定義即可，集群組態檔，將如下配置全部粘貼進去，然后點擊 [保存]，
復制以下鏈接 https://research.devops.aliyun.com/kube.config.yml 進入集群組態檔頁面，將頁面組態檔復制到集群組態檔中，
- 填寫完集群組態檔后繼續配置其他資訊，
命名空間填 yunxiao
YAML路徑填 deployment.yml
新建變數1 選擇上游輸出，YUNXIAO_LETTER_IMAGE，鏡像倉庫地址
新建變數2 選擇自定義，PIPELINE_ID，${PIPELINE_ID}
七. 修復單元測驗問題并分享情書
- 運行完成后，可以看到，流水線中設定的質量卡點 [JavaScript 單元測驗] 檢測出了代碼錯誤，這里，其實我們可以感受到云效流水線的質量卡點功能，在企業實際研發流程中，代碼發布前，我們推薦有這樣的質量卡點環節，
我們點擊圖中的1，查看錯誤提示，標注了出錯檔案名和正確寫法，
知道錯誤提醒后，點擊九宮格，我們回到云效Codeup進行錯誤代碼的修改，
- 按照提示更改完代碼錯誤后 點擊 [保存]并 [提交]，我們再回到 云效流水線Flow 頁面，因為我們在前面的流水線里設定了 [提交代碼源觸發]，所以可以看到，修改代碼后，流水線已經被自動觸發運行了，
然后等待運行就行,沒有被觸發運行，你也可以手動點擊 [運行]，
作者：RodmaChen
本人博客：https://blog.csdn.net/weixin_46654114
qq：1342709867
轉載說明：務必聯系我，注明來源，附帶本人博客連接，謝謝配合，
請給我點個贊鼓勵我吧
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/61434.html
標籤：其他