最新要闻

广告

手机

iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?

iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?

警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案

警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案

家电

当前热门:三分钟完成静态网站托管

来源:博客园
摘要:无服务器托管静态网站,你的第一个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”,在浏览器内进行访问,即可访问个人主页。

删除函数

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

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

关键词: