小编点评

**摘要** 本文介绍了如何使用华为云创建和托管静态网站的步骤，并分享了创建触发器和删除函数的教程。 **步骤** 1. 无服务器托管静态网站。 2. 创建函数并配置项目。 3. 创建触发器。 4. 创建触发器并设置安全认证。 5. 创建函数。 6. 在页面中添加触发器的调用 URL。 7. 测试触发器并删除函数。 **教程** 1. 打开华为云函数工作流FunctionGraph平台首页。 2. 点击“创建函数”按钮，选择“事件函数”。 3. 在创建函数页面中配置以下参数： - 项目：创建空白函数 - 函数类型：事件函数 - 运行时：Node.js 14.18 4. 选择“创建函数”按钮完成创建。 5. 下载并打开“index.js”文件，粘贴代码并点击“部署”按钮。 6. 创建触发器并设置安全认证。 7. 创建函数。 8. 在页面中添加触发器的调用 URL。 9. 点击“测试”按钮，右侧出现“执行成功”的结果反馈。 10. 删除函数实验结束可删除触发器。

正文

摘要：无服务器托管静态网站，你的第一个Serverless实战，快来体验吧！

本文分享自华为云社区《三分钟完成静态网站托管 ——一行代码秒上云实践》，作者：AppCloud小助手。

前言

无服务器托管静态网站，你的第一个Serverless实战，快来体验吧！

对更多云上实践感兴趣的小伙伴，欢迎扫描文末二维码加入我们的实践群，完成每周一练~

操作流程

• 创建函数
• 修改代码
• 在线调试
• 创建触发器
• 访问页面
• 删除函数

操作指导

创建函数

登录华为云后，按“产品”-“计算”-“函数工作流FunctionGraph”路径，进入华为云函数工作流FunctionGraph平台首页。

华为云官网：https://www.huaweicloud.com/

点击“立即使用”按钮，进入FunctionGraph首页。

将区域切换至“广州”，点击“创建函数”按钮

在创建函数页，按如下参数配置项目

• 选择“创建空白函数”
• 函数类型：事件函数
• 区域：华南-广州
• 函数名称：homepage
• 运行时：Node.js 14.18
• 点击“创建函数”完成创建

修改函数代码

访问开源代码仓：https://gitee.com/HuaweiCloudDeveloper/code-on-huaweicloud

选择“函数工作流静态网站托管-homepage”文件夹

打开“index.js”文件，复制代码

回到FunctionGraph，点击函数页“代码”，打开“index.js”文件，粘贴代码，点击“部署”按钮。

访问代码仓，打开“homepage.html”文件，复制代码

点击“文件”-“新建文件”，重命名为“homepage.html”，将代码仓内“homepage.html”内代码复制进去后，点击“部署”

在线调试

点击“测试”，右侧出现“执行成功”的结果反馈。

创建触发器

在函数概述页，点击“创建触发器”。

在创建触发器页面，完成如下配置：

• 触发器类型：API网关服务（APIG）
• API名称：API_homepage
• 分组：需自行创建，刷新后可选（详见下文）
• 安全认证：None
• 请求协议：HTTPS
• 其他项默认

点击“创建分组”，进入API网关，自定义分组名，点击“确定”即可完成创建。

在创建触发器页面，点击“确定”按钮即可完成创建，如下。

访问页面

复制触发器中“调用URL”，在浏览器内进行访问，即可访问个人主页。

删除函数

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

 

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