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

一、什么是AppGallery Connect云托管

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

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

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

接下來(lái)，我們重點(diǎn)解析快速部署的幾個(gè)方面：

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

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

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

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

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

1、準備工作

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

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

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

3、制作開(kāi)始

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

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

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

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

index.css文件代碼（見(jiàn)下圖）

資料文件夾結構如下：

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

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

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

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

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

在整個(gè)過(guò)程中，我們還需要注意：

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

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

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