資安

30行代碼如何寫一封七夕密書?

首先你得有個對象,new的也可以
其次你得有祕密,公開的也可以
你還可以加入有趣的視頻、回憶的照片、甚至是支付寶口令紅包,誰領到紅包就是你對象啦~
最後,運行上線,分享給你的new的對象,o no,是真對象。
立即參與,贏取2000個定製git鼠標墊:
https://developer.aliyun.com/adc/series/devops/

詳細攻略:https://developer.aliyun.com/adc/scenario/exp/8464960ac980400d95ff092b95e1a97e

具體的步驟,跟著我一步步來吧!

一. 克隆七夕示例庫

本步驟將指導您把七夕示例庫克隆到您的雲效代碼倉庫,後續您可以修改示例庫代碼並使用流水線部署代碼。

前往雲效代碼管理Codeup:新用戶登錄之後選擇 [導入代碼庫],老用戶可以單擊 [添加代碼庫] – [導入代碼庫]。

選擇 [URL導入],複製七夕示例庫源碼地址:https://code.aliyun.com/yunxiao2020/letter.git,然後單擊 [確定],即完成示例代碼的導入。
image.png

稍等待一點時間,導入完成後如下所示

二. 用心書寫情書內容

在本步驟中您需要修改七夕示例庫中的情書內容,請用心書寫吧。
左邊目錄選擇 app/service/data.js文件,單擊 [編輯] 或者 [Web IDE],即可進行情書內容編輯。情書格式上,我們進行了字段註釋。
(1)theme :字段—選擇情書書信模板。我們提供了愛人、朋友、同事3種書信風格模板(見下圖)。你可以根據寄信角色,設置不同的主題模板。

(2)from :字段—填寫寄信人名字;To字段—填寫收信人名字,這裡的名字設置將會體現在書信正文、以及H5頁面的分享標題上。

(3)avatar:字段— 填寫寄信人頭像。

如下所示,頭像主要在書信中的以下位置體現出來。

頭像的設置上,輸入一個無需登錄公開可訪問的圖片鏈接。

(4)question字段——設置一個打開情書需要完成的問題,我們稱他為情書暗號。

一個好的暗號問題,可以勾起 2個人之間的一段共同回憶,強烈推薦設置。例如:

對女朋友,你可以設置:還記得我們第一次見面是什麼時候嗎?

對大學同學,你可以設置:還記得咱們大學宿舍的門牌號嗎?

對同事,你可以設置:還記得咱們第一次一起通宵加班是什麼時候嗎?

效果示例:
image.png

(5)answer: 字段 ——解密的正確答案,注意不要超過10個字

(6)text :字段 ——情書正文,可以輸入文字或圖片

情書內容編輯好後,請一定記得點擊 [保存]。

點擊 [確定],提交到Master。

編寫好情書內容後,單擊右上角的 [設置] 按鈕,選擇 [集成與服務],開啟右邊開關,雲效內置的AI研發助手雲豆將會對你的代碼進行代碼質量和安全檢測,幫你發現代碼缺陷和敏感信息等。
你可以選擇1到2個進行試用體驗。

情書編寫好後,就要進入我們的下一個環節啦——發佈上線!

三. 新建流水線

本節介紹以流水線的方式進行發佈部署。

打開雲效流水線。點擊擊左上角九宮格,選擇 [流水線]。

單擊 [新建流水線]。模板選擇: [其他-雲效七夕活動],然後單擊 [創建]。
image.png

四. 配置流水線代碼源

單擊 [添加代碼源],選擇 [雲效Codeup] 代碼源,代碼倉庫選擇導入創建的代碼庫 [letter],默認分支選擇 [master],同時 開啟代碼源觸發,最後單擊 [添加]。
image.png

五. 配置Docker鏡像構建

單擊 [Docker 鏡像構建] --> [鏡像構建並推送至自定義鏡像倉庫],並填寫以下信息。

鏡像倉庫地址: registry.cn-hangzhou.aliyuncs.com/yunxiao-letter/yunxiao-letter:${BUILD_JOB_ID}
用戶名: yunxiao-letter@1515906102291199
密碼: yunxiao2020

image.png

六. 配置Kubernetes發佈

新建集群連接配置。
image.png

單擊[Kubernetes 發佈] -> [Kubectl發佈] -> [新建連接]。
image.png

選擇 [自定義集群],集群名稱自定義即可,集群配置文件,將如下配置全部粘貼進去,然後點擊 [保存]。

複製以下鏈接 https://research.devops.aliyun.com/kube.config.yml 進入集群配置文件頁面,將頁面配置文件複製到集群配置文件中。

填寫完集群配置文件後繼續配置其他信息。

命名空間填 yunxiao
YAML路徑填 deployment.yml
新建變量1 選擇上游輸出,YUNXIAO_LETTER_IMAGE,鏡像倉庫地址
新建變量2 選擇自定義,PIPELINE_ID,${PIPELINE_ID}

image.png

七. 修復單元測試問題並分享情書

運行完成後,可以看到,流水線中設置的質量卡點 [JavaScript 單元測試] 檢測出了代碼錯誤。這裡,其實我們可以感受到雲效流水線的質量卡點功能。在企業實際研發流程中,代碼發佈前,我們推薦有這樣的質量卡點環節。
image.png

我們點擊圖中的1,查看錯誤提示,標註了出錯文件名和正確寫法。

image.png

知道錯誤提醒後,點擊九宮格,我們回到雲效Codeup進行錯誤代碼的修改。
image.png

按照提示更改完代碼錯誤後 點擊 [保存]並 [提交],我們再回到 雲效流水線Flow 頁面。因為我們在前面的流水線裡設置了 [提交代碼源觸發],所以可以看到,修改代碼後,流水線已經被自動觸發運行了。
image.png

然後等待運行就行,沒有被觸發運行,你也可以手動點擊 [運行]。

image.png
運行完成後,一封密碼情書就上線啦!點擊 [預覽] 或 [掃描“二維碼”] 即可查看情書啦。

Leave a Reply

Your email address will not be published. Required fields are marked *