在越來越多的場景中，Serverless依靠其核心優(yōu)勢挺進(jìn)云計算的腹地，發(fā)揮著至關(guān)重要的作用。今天就和大家一起看看云托管服務(wù)在營銷活動落地頁或新建網(wǎng)站托管，以及網(wǎng)站遷移的使用場景，以托管AppGallery Connect翻譯服務(wù)的宣傳頁為例，帶您了解如何通過全托管Serverless服務(wù)能力來快速部署和托管網(wǎng)站，體現(xiàn)Serverless上線快、成本低且免運維的技術(shù)優(yōu)勢。

一、什么是AppGallery Connect云托管

AppGallery Connect云托管提供網(wǎng)站的全托管服務(wù)能力，是一項Serverless服務(wù)，它能夠幫助開發(fā)者伙伴們快速完成網(wǎng)站的部署工作。依托云托管的托管能力，讓開發(fā)者抽出更多的精力聚焦在界面交互、頁面樣式等業(yè)務(wù)邏輯上，不必關(guān)注運維工作，以便快速構(gòu)建更安全和更流暢的網(wǎng)站。

二、云托管服務(wù)是怎樣工作的

云托管服務(wù)能力設(shè)置的核心是開發(fā)者在沒有云側(cè)設(shè)備的情況下，向用戶提供網(wǎng)頁應(yīng)用和靜態(tài)頁面的訪問。通過CDN實現(xiàn)內(nèi)容分發(fā)，讓用戶就近訪問，速度更快，體驗也更流暢。更重要的是，開發(fā)者可以管理一個項目里的多個站點，每個站點還可以使用多版本管理。

接下來，我們重點解析快速部署的幾個方面：

第一個是一鍵式部署，我們通過管理臺的Portal頁面，可以將網(wǎng)站頁面部署到云托管的運行環(huán)境當(dāng)中，實現(xiàn)版本的快速部署；

第二個是一鍵式回滾，云托管具備版本的回滾能力，我們可以通過頁面操作將網(wǎng)站回退到某個歷史版本；

第三個是自有品牌運營管理。云托管服務(wù)為每個托管的站點自動提供CDN加速能力，通過豐富的CDN節(jié)點，實現(xiàn)網(wǎng)站的流暢訪問，安全接入。云托管除了給每個托管站點提供CDN加速能力之外，還提供CA證書，通過內(nèi)置的證書實現(xiàn)網(wǎng)站Https協(xié)議安全接入。

另外，AppGallery Connect的云托管支持一鍵遷移，也就是說使用云托管服務(wù)，我們可以將自己之前搭建的網(wǎng)站毫不費力地遷移到新的網(wǎng)址域名當(dāng)中，省時省力。

三、AppGallery Connect云托管部署和托管網(wǎng)站的操作實例

1、準(zhǔn)備工作

我們在AppGallery Connect中創(chuàng)建一個項目，并啟用“云托管”服務(wù)。

2、創(chuàng)建靜態(tài)網(wǎng)站

我們需要先創(chuàng)建一個靜態(tài)網(wǎng)站，因為當(dāng)前版本的云托管還不支持動態(tài)網(wǎng)站，但是在這個靜態(tài)網(wǎng)站中，開發(fā)者能夠使用JavaScript調(diào)用API 。

3、制作開始

我們即將制作的網(wǎng)站，將用于托管AppGallery Connect翻譯服務(wù)的宣傳頁，宣傳頁的內(nèi)容包含翻譯服務(wù)的介紹以及相關(guān)供應(yīng)商的宣傳資料，宣傳頁包含文字和圖片兩部分，內(nèi)容的代碼示例如下：

1. index.html文件代碼，托管程序包根目錄中的index.html文件，用作網(wǎng)站的默認(rèn)主頁。具體index.html文件代碼如下：

1. flexible.js文件代碼，此文件用來幫助落地頁適配各種分辨率的屏幕。
2. main.css和index.css文件代碼，包含網(wǎng)站的設(shè)計樣式，例如長度、寬度等。

main.css文件代碼(見下圖)

index.css文件代碼（見下圖）

資料文件夾結(jié)構(gòu)如下：

需要注意的是，index.html文件單獨列出，css文件保存于css文件夾中，JavaScript文件保存于js文件夾中，所有圖像都位于images文件夾中。請大家嚴(yán)格按照這種方式保存，否則網(wǎng)站將無法正常托管。

4、將網(wǎng)站文件壓縮為zip文件夾，由于托管文件上傳有大小限制，為了確保文件能夠成功上傳，開發(fā)者需要壓縮文件，這里需要注意幾點：

1. 中國站點壓縮包和解壓包現(xiàn)在400M，海外站點還是原來大小，后續(xù)也會提高到400M；
2. 壓縮包只支持zip格式，壓縮包文件名不能包含中文和空格；
3. 壓縮包中的文件中國站點最大支持20000個，海外站點暫時是2000個，后續(xù)會提升到20000個；
4. 解壓文件根目錄必須包含index.html頁面，作為域名默認(rèn)訪問地址。

5、創(chuàng)建并上傳版本

1. 我們可以為網(wǎng)站創(chuàng)建版本，每個站點最多可以創(chuàng)建100個；
2. 選擇管理版本后，我們需要點擊新版本。在彈出的對話框中，單擊“瀏覽”，選擇要上傳的靜態(tài)網(wǎng)頁zip文件，單擊“上傳”，然后輸入描述，并確定；
3. 創(chuàng)建版本后，它會顯示在站點版本列表中，并且處于“發(fā)布”狀態(tài)；
4. 版本發(fā)布后，單擊“域名”，它將在瀏覽器中打開托管網(wǎng)站。在那里，我們將獲得托管URL。

在整個過程中，我們還需要注意：

1. 等待1至2分鐘，然后單擊“刷新”，如果版本狀態(tài)更改為“已發(fā)布”，則說明版本已成功發(fā)布；開發(fā)者可以在“操作” 列中單擊“刪除”，以刪除沒有發(fā)布的版本；

2）刪除的版本無法恢復(fù)，執(zhí)行此操作時請小心。

以上關(guān)于使用AppGallery Connect云托管一鍵部署托管網(wǎng)站的操作實例分享到這里就結(jié)束了，如果開發(fā)者伙伴們想要了解更詳細(xì)的信息，建議訪問華為開發(fā)者聯(lián)盟官網(wǎng)，找到AppGallery Connect研習(xí)社高效開發(fā)系列課程中的構(gòu)建服務(wù)，在線觀看視頻課程，了解應(yīng)用開發(fā)場景中的各種Serverless服務(wù)和工具。