- 动态与公告
- 产品简介
- 购买指南
- 快速入门
- 操作指南
- 插件使用
- 实践教程
- 从 A 地域迁移到 B 地域
- 开发指南
- API 文档
- 历史功能
- 常见问题
- 服务等级协议
- 联系我们
- 词汇表
- 动态与公告
- 产品简介
- 购买指南
- 快速入门
- 操作指南
- 插件使用
- 实践教程
- 从 A 地域迁移到 B 地域
- 开发指南
- API 文档
- 历史功能
- 常见问题
- 服务等级协议
- 联系我们
- 词汇表
操作场景
Serverless 是近年来比较流行的架构，通过 Serverless 函数计算平台，您无需购买和管理服务器，只需要关注业务的核心逻辑，就能够便捷地运行代码。在 Serverless 模式下，使用 API 网关可以对外开放服务，并能实现安全防护、流量控制、日志监控、上架云市场、自动生成 SDK 和文档等高级功能。
您可以参考这种方式，在云上使用 API 网关快速开放 Serverless 服务，以体验到 Serverless 的魅力。
前提条件
下载后文件的目录结构如下所示：
├── client // 项目根目录│ ├── static // 静态资源│ │ ├── background.jpg // 网站背景图片│ │ ├── favicon.ico // 网站 icon│ │ ├── index.js // 脚本文件│ │ ├── style.css // 样式文件│ ├── index.html // 网站首页
操作步骤
步骤一：创建 COS 存储桶，存储静态资源
1. 登录 对象存储 COS 控制台 ，按下图填写信息，创建一个存储桶（参考 创建存储桶 文档）。
2. 在存储桶中，上传网站源码（参考 上传对象），目录结构与原文件保持一致。
步骤二：创建云函数，实现数据接口
1. 登录 云函数 SCF 控制台 ，用 hello world 模板创建云函数（参考 创建及更新函数）。
2. 修改云函数代码，返回简单的 JSON 数据。
用到的云函数代码如下：
'use strict';exports.main_handler = async(event, context, callback) => {return {data: 'hello world' // hello world 可替换为您喜欢的任意内容}};
步骤三：创建 API 网关服务
2. 创建成功后，单击服务列表里的服务名称，进入服务详情页。
3. 在服务详情页单击管理 API，进入 API 管理页。接下来，您需要在 API 管理页创建三个API，分别指向对应的后端资源。
步骤四：配置三个 API
1. 单击新建，创建第一个 API（参考 创建通用 API），第一个 API 的作用是获取网站的 HTML 页面。前端路径配置为
/，后端配置指向 COS 存储桶的“index.html”。2. 再次单击新建，创建第二个 API，第二个 API 的作用是获取静态资源。前端路径配置为
^~/static，后端配置指向COS存储桶的 /static 路径。3. 再次单击新建，创建第三个 API，第三个 API 的作用是获取动态数据。前端路径配置为
/fetchData，后端配置指向对应的云函数。步骤五：发布服务并访问
1. 在服务详情页的服务信息 Tab 页中，单击页面右上角的发布，将服务发布至发布环境。
2. 在服务详情页的服务信息 Tab 页中，查看公网访问地址，单击复制图标将地址复制到剪切板中。
3. 将公网访问地址粘贴至浏览器的地址栏，单击回车键，即可访问部署好的网站。
4. 单击获取数据，发起 XHR 调用，网站会通过云函数返回预先定义的 JSON 数据串。
是
否
本页内容是否解决了您的问题？