![cover](https://img-blog.csdnimg.cn/img_convert/6c1c1e29dc88d7f3d1e14af160f5b8c9.png)
三分钟完成静态网站托管
无服务器托管静态网站,你的第一个Serverless实战,快来体验吧!
摘要:无服务器托管静态网站,你的第一个Serverless实战,快来体验吧!
本文分享自华为云社区《三分钟完成静态网站托管 ——一行代码秒上云实践》,作者:AppCloud小助手。
前言
无服务器托管静态网站,你的第一个Serverless实战,快来体验吧!
对更多云上实践感兴趣的小伙伴,欢迎扫描文末二维码加入我们的实践群,完成每周一练~
操作流程
- 创建函数
- 修改代码
- 在线调试
- 创建触发器
- 访问页面
- 删除函数
操作指导
创建函数
登录华为云后,按“产品”-“计算”-“函数工作流FunctionGraph”路径,进入华为云函数工作流FunctionGraph平台首页。
华为云官网:共建智能世界云底座-华为云
点击“立即使用”按钮,进入FunctionGraph首页。
将区域切换至“广州”,点击“创建函数”按钮
在创建函数页,按如下参数配置项目
- 选择“创建空白函数”
- 函数类型:事件函数
- 区域:华南-广州
- 函数名称:homepage
- 运行时:Node.js 14.18
- 点击“创建函数”完成创建
修改函数代码
访问开源代码仓:code on huaweicloud: 小试牛刀,基于华为云服务构建应用实践
选择“函数工作流静态网站托管-homepage”文件夹
打开“index.js”文件,复制代码
回到FunctionGraph,点击函数页“代码”,打开“index.js”文件,粘贴代码,点击“部署”按钮。
访问代码仓,打开“homepage.html”文件,复制代码
点击“文件”-“新建文件”,重命名为“homepage.html”,将代码仓内“homepage.html”内代码复制进去后,点击“部署”
![](https://img-blog.csdnimg.cn/img_convert/8f50f204145e5aab0542bf73805761d6.png)
![](https://img-blog.csdnimg.cn/img_convert/f85c9c44ec9cb3c4574785473062651e.png)
在线调试
![](https://img-blog.csdnimg.cn/img_convert/4bdfd71496f89697e2b0547f4e5e6c20.png)
点击“测试”,右侧出现“执行成功”的结果反馈。
![](https://img-blog.csdnimg.cn/img_convert/09076afbdd4255a9bc9259da94888228.png)
创建触发器
在函数概述页,点击“创建触发器”。
![](https://img-blog.csdnimg.cn/img_convert/690f9db1404c8605cbc73c979537607f.png)
在创建触发器页面,完成如下配置:
![](https://img-blog.csdnimg.cn/img_convert/44c075801f13ee4edcb7522c24dcff83.png)
点击“创建分组”,进入API网关,自定义分组名,点击“确定”即可完成创建。
![](https://img-blog.csdnimg.cn/img_convert/6c1c1e29dc88d7f3d1e14af160f5b8c9.png)
![](https://img-blog.csdnimg.cn/img_convert/b8d50b037ce5daf4dbdb3cdb344bbd73.png)
在创建触发器页面,点击“确定”按钮即可完成创建,如下。
![](https://img-blog.csdnimg.cn/img_convert/5419989f8f3b336958f0ecf8e5af86b8.png)
访问页面
复制触发器中“调用URL”,在浏览器内进行访问,即可访问个人主页。
![](https://img-blog.csdnimg.cn/img_convert/0a951e2bc7ae269060eaa5c0c8207708.png)
删除函数
实验结束可删除触发器,删除函数,防止大量用户继续访问造成资源消耗。
![](https://img-blog.csdnimg.cn/img_convert/0acff578925a376ad4d0c8568abaeb63.png)
更多推荐
所有评论(0)