一篇文章講透如何運用AppGallery Connect雲託管部署和託管網站

在愈來愈多的場景中,Serverless依靠其核心優點挺進雲計算的腹地,發揮着相當重要的做用。今天就和你們一塊兒看看雲託管服務在營銷活動落地頁或新建網站託管,以及網站遷移的使用場景,以託管AppGallery Connect翻譯服務的宣傳頁爲例,帶您瞭解如何經過全託管Serverless服務能力來快速部署和託管網站,體現Serverless上線快、成本低且免運維的技術優點。css

1、什麼是AppGallery Connect雲託管html

AppGallery Connect雲託管提供網站的全託管服務能力,是一項Serverless服務,它可以幫助開發者夥伴們快速完成網站的部署工做。依託雲託管的託管能力,讓開發者抽出更多的精力聚焦在界面交互、頁面樣式等業務邏輯上,沒必要關注運維工做,以便快速構建更安全和更流暢的網站。瀏覽器

2、雲託管服務是怎樣工做的安全

雲託管服務能力設置的核心是開發者在沒有云側設備的狀況下,向用戶提供網頁應用和靜態頁面的訪問。經過CDN實現內容分發,讓用戶就近訪問,速度更快,體驗也更流暢。更重要的是,開發者能夠管理一個項目裏的多個站點,每一個站點還可使用多版本管理。less

接下來,咱們重點解析快速部署的幾個方面:運維

第一個是一鍵式部署,咱們經過管理臺的Portal頁面,能夠將網站頁面部署到雲託管的運行環境當中,實現版本的快速部署;工具

第二個是一鍵式回滾,雲託管具有版本的回滾能力,咱們能夠經過頁面操做將網站回退到某個歷史版本;flex

第三個是自有品牌運營管理。雲託管服務爲每一個託管的站點自動提供CDN加速能力,經過豐富的CDN節點,實現網站的流暢訪問,安全接入。雲託管除了給每一個託管站點提供CDN加速能力以外,還提供CA證書,經過內置的證書實現網站Https協議安全接入。網站

另外,AppGallery Connect的雲託管支持一鍵遷移,也就是說使用雲託管服務,咱們能夠將本身以前搭建的網站絕不費力地遷移到新的網址域名當中,省時省力。雲計算

3、AppGallery Connect雲託管部署和託管網站的操做實例

一、準備工做

咱們在AppGallery Connect中建立一個項目,並啓用「雲託管」服務。

二、建立靜態網站

咱們須要先建立一個靜態網站,由於當前版本的雲託管還不支持動態網站,可是在這個靜態網站中,開發者可以使用JavaScript調用API 。

三、製做開始

咱們即將製做的網站,將用於託管AppGallery Connect翻譯服務的宣傳頁,宣傳頁的內容包含翻譯服務的介紹以及相關供應商的宣傳資料,宣傳頁包含文字和圖片兩部分,內容的代碼示例以下:

  1. index.html文件代碼,託管程序包根目錄中的index.html文件,用做網站的默認主頁。具體index.html文件代碼以下:


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

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


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


資料文件夾結構以下:

須要注意的是,index.html文件單獨列出,css文件保存於css文件夾中,JavaScript文件保存於js文件夾中,全部圖像都位於images文件夾中。請你們嚴格按照這種方式保存,不然網站將沒法正常託管。

四、將網站文件壓縮爲zip文件夾,因爲託管文件上傳有大小限制,爲了確保文件可以成功上傳,開發者須要壓縮文件,這裏須要注意幾點:

  1. 中國站點壓縮包和解壓包如今400M,海外站點仍是原來大小,後續也會提升到400M;
  2. 壓縮包只支持zip格式,壓縮包文件名不能包含中文和空格;
  3. 壓縮包中的文件中國站點最大支持20000個,海外站點暫時是2000個,後續會提高到20000個;
  4. 解壓文件根目錄必須包含index.html頁面,做爲域名默認訪問地址。

五、建立並上傳版本

  1. 咱們能夠爲網站建立版本,每一個站點最多能夠建立100個;
  2. 選擇管理版本後,咱們須要點擊新版本。在彈出的對話框中,單擊「瀏覽」,選擇要上傳的靜態網頁zip文件,單擊「上傳」,而後輸入描述,並肯定;
  3. 建立版本後,它會顯示在站點版本列表中,而且處於「發佈」狀態;
  4. 版本發佈後,單擊「域名」,它將在瀏覽器中打開託管網站。在那裏,咱們將得到託管URL。

在整個過程當中,咱們還須要注意:

  1. 等待1至2分鐘,而後單擊「刷新」,若是版本狀態更改成「已發佈」,則說明版本已成功發佈;開發者能夠在「操做」 列中單擊「刪除」,以刪除沒有發佈的版本;

2)刪除的版本沒法恢復,執行此操做時請當心。

以上關於使用AppGallery Connect雲託管一鍵部署託管網站的操做實例分享到這裏就結束了,若是開發者夥伴們想要了解更詳細的信息,建議訪問華爲開發者聯盟官網,找到AppGallery Connect研習社高效開發系列課程中的構建服務,在線觀看視頻課程,瞭解應用開發場景中的各類Serverless服務和工具。

相關文章
相關標籤/搜索