三分鐘完成靜態網站託管

華爲雲開發者聯盟 發佈 2024-01-16T10:13:06.567374+00:00

無伺服器託管靜態網站,你的第一個Serverless實戰,快來體驗吧!登錄華為雲後,按「產品」-「計算」-「函數工作流FunctionGraph」路徑,進入華為雲函數工作流FunctionGraph平台首頁。華為雲官網:見原文連結。

本文分享自華為雲社區《三分鐘完成靜態網站託管 ——一行代碼秒上雲實踐-雲社區-華為雲》,作者:AppCloud小助手。

1 前言

無伺服器託管靜態網站,你的第一個Serverless實戰,快來體驗吧!

對更多雲上實踐感興趣的小夥伴,歡迎掃描文末二維碼加入我們的實踐群,完成每周一練~

2 操作流程

  • 創建函數
  • 修改代碼
  • 在線調試
  • 創建觸發器
  • 訪問頁面
  • 刪除函數

3 操作指導

3.1 創建函數

登錄華為雲後,按「產品」-「計算」-「函數工作流FunctionGraph」路徑,進入華為雲函數工作流FunctionGraph平台首頁。

華為雲官網:https://www.huaweicloud.com/

點擊「立即使用」按鈕,進入FunctionGraph首頁。

將區域切換至「廣州」,點擊「創建函數」按鈕

在創建函數頁,按如下參數配置項目

  • 選擇「創建空白函數」
  • 函數類型:事件函數
  • 區域:華南-廣州
  • 函數名稱:homepage
  • 運行時:js 14.18
  • 點擊「創建函數」完成創建


3.2 修改函數代碼

訪問開原始碼倉:https://gitee.com/HuaweiCloudDeveloper/code-on-huaweicloud

選擇「函數工作流靜態網站託管-homepage」文件夾

打開「index.js」文件,複製代碼

回到FunctionGraph,點擊函數頁「代碼」,打開「index.js」文件,粘貼代碼,點擊「部署」按鈕。


訪問代碼倉,打開「homepage.html」文件,複製代碼

點擊「文件」-「新建文件」,重命名為「homepage.html」,將代碼倉內「homepage.html」內代碼複製進去後,點擊「部署」

3.3 在線調試

點擊「測試」,右側出現「執行成功」的結果反饋。

3.4 創建觸發器

在函數概述頁,點擊「創建觸發器」。

在創建觸發器頁面,完成如下配置:

  • 觸發器類型:API網關服務(APIG)
  • API名稱:API_homepage
  • 分組:需自行創建,刷新後可選(詳見下文)
  • 安全認證:None
  • 請求協議:HTTPS
  • 其他項默認

點擊「創建分組」,進入API網關,自定義分組名,點擊「確定」即可完成創建。

在創建觸發器頁面,點擊「確定」按鈕即可完成創建,如下。

3.5 訪問頁面

複製觸發器中「調用URL」,在瀏覽器內進行訪問,即可訪問個人主頁。

3.6 刪除函數

實驗結束可刪除觸發器,刪除函數,防止大量用戶繼續訪問造成資源消耗。

關注 點擊下方,第一時間了解華為雲新鮮技術~

華為雲博客_大數據博客_AI博客_雲計算博客_開發者中心-華為雲

關鍵字: