rerumaccusamus
Version:
The meta-framework suite designed from scratch for frontend-focused modern web development.
82 lines (53 loc) • 3.02 kB
Markdown
---
sidebar_position: 1
---
# 发布到阿里云 FC
Modern.js 支持通过阿里云的云函数产品部署应用。部署时，Modern.js 会自动将应用打包成阿里云函数的所需的部署产物，并通过[官方工具](https://github.com/alibaba/funcraft)将应用部署到函数计算服务中。
## 启用功能
在项目目录中执行 `pnpm new` 启用部署功能，先忽略 CDN 相关内容，只开启云函数部署功能：
```bash
? 请选择你想要的操作：启用可选功能
? 启用可选功能：启用「部署」功能
? 默认使用框架自带的专业 Web 服务器，是否调整：否
? 请选择 CDN 平台：不使用 CDN
? 请选择云函数平台：阿里云 FC
```
可以发现 `package.json` 中已经新增了以下依赖：
```json
{
+ "@modern-js/plugin-lambda-fc": "^1"
}
```
## 配置环境变量
部署到阿里云需要在环境变量中配置账号、区域等信息。包括 `accountId`、`secretId` 和 `secretKey`。
部分**可以进入代码仓库**的环境变量可以放在项目的 `.env` 文件中。例如：
```bash
# 阿里云账号 ID
CLOUD_ACCOUNT_ID
# 阿里云区域信息（可选，默认 'cn-hangzhou'）
CLOUD_REGION
```
另外与账号鉴权相关的信息，必须确保放在平台上，例如 [Github Environments](https://docs.github.com/en/actions/deployment/targeting-different-environments/using-environments-for-deployment) 中。
```bash
# 阿里云访问 AK
CLOUD_SECRET_ID
# 阿里云访问 SK
CLOUD_SECRET_KEY
```
## 获取发布配置
上述相关配置都可以在阿里云平台中获取。
1. AccountID 在[阿里云账号中心页](https://account.console.aliyun.com/v2/#/basic-info/index)获取：
2. SecretID（AccessKey ID），SecretKey（AccessKey Secret），在[用户信息管理页](https://usercenter.console.aliyun.com/#/manage/ak)获取：
## 部署应用
在项目中执行 `pnpm deploy`，应用会首先进行构建，随后可以看到开始部署到阿里云函数：
发布后，阿里云会输出一个临时可用的域名，打开浏览器访问即可。
:::info 补充信息
为了提升启动速度，阿里云 FC 容器限制压缩包大小为 50M，请尽可能精简你的代码依赖。
:::
## 查看函数
可以通过[阿里云 FC 控制台](https://fcnext.console.aliyun.com/overview)查看已经部署的函数，Modern.js 默认会使用项目 `package.json` 中的的 `name` 值作为函数前缀：
在控制台中，可以进入函数进行调试、部署版本、添加新的 Trigger，或是为函数添加自定义域名等。