如何使用 Serverless Devs 部署静态网站到函数计算（上）

最新推荐文章于 2024-09-11 20:19:30 发布

阿里云技术

最新推荐文章于 2024-09-11 20:19:30 发布

阅读量102

点赞数

文章标签：云计算阿里云 serverless

本文链接：https://blog.csdn.net/weixin_43970890/article/details/124146680

版权

本文介绍了如何使用Serverless Devs工具将静态网站部署到阿里云函数计算的Custom Runtime中，详细阐述了从编写HTTP服务器到配置自定义域名的步骤，并提供了样本工程的GitHub链接。

摘要由CSDN通过智能技术生成

前言

公司经常有一些网站需要发布上线，对比了几款不同的产品后，决定使用阿里云的函数计算（FC)来托管构建出来的静态网站。 FC 弹性实例自带的500 Mb 存储空间对静态网站来说简直是太充足了。

函数计算资源使用：https://help.aliyun.com/document_detail/51907.html

部署静态网站到 Custom Runtime 函数

假设我们现在有如下结构的前端工程：

/
├ dist/ 待部署的构建产物
│  └ index.html 
├ src/
└ package.json

step 1. 编写一个简单的 HTTP 服务器

以 Express 为例, 首先添加依赖到工程:

yarn add express

然后新建 app.js 并写入:

let Express = require("express");
let app = new Express();
app.use(Express.static('dist')); // 使用 dist 文件夹中的内容对外提供静态文件访问
app.use((req, res) => { res.redirect("/"); }); // 重定向无法处理的请求到网站的根目录
let port = 9000;
app.listen(port, () => { console.log(`