三分钟完成静态网站托管 ——一行代码秒上云实践

举报
高斯小助手 发表于 2023/04/12 09:48:50 2023/04/12
【摘要】 无服务器托管静态网站,你的第一个Serverless实战,快来体验吧!

1       前言

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

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

2       操作流程

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

3       操作指导

3.1      创建函数

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

华为云官网:https://www.huaweicloud.cn/

 


点击“立即使用”按钮,进入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      删除函数

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


欢迎对云上实践感兴趣的小伙伴,扫描二维码加入我们的每日一练~


 

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。