本文分享自华为云社区《三分钟完成静态网站托管 ——一行代码秒上云实践》，作者：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 删除函数

实验结束可删除触发器，删除函数，防止大量用户继续访问造成资源消耗。

点击关注，第一时间了解华为云新鲜技术~