Serverless SSR 为您提供了完整的控制台开发应用流程,该任务指导您通过 Serverless SSR 控制台部署 Next.js 应用。
说明:
- 目前只支持 Next.js、Nuxt.js 两个框架的项目部署。
- 导入已有项目时,如果您使用了 Express 等 web 框架替代默认的Web Server,需要做简单的改造,具体操作请参考 自定义路由项目改造。
如果选择模版创建,您可以通过选择 Serverless SSR 提供的项目模版,快速创建一个 SSR 应用,模版部署时,Serverless SSR 将为默认您完成以下配置:
您还可以在【高级设置】部分,为您的项目进行静态资源存储、自定义域名、CDN 加速等高级能力的配置。
说明:配置自定义域名时,请确定您的域名已在腾讯云备案并配置了 CNAME 解析,详细步骤参考 自定义域名配置。
Serverless SSR 支持您通过代码托管导入和文件夹上传两种方式实现已有项目迁移,目前支持 Next.js 和 Nuxt.js 两个 SSR 框架。
代码托管
目前支持 GitHub、GitLab、Gitee 的代码仓库地址,也支持公开的自定义代码库,您可以通过选择应用的触发方式,完成应用的自动更新,详情请参考 项目触发方式管理。
文件夹上传
您可以通过上传文件夹的方式直接导入本地项目,Serverless SSR 将自动为您创建层,并将依赖包 node_modules 传入层中完成部署。
在 Serverless 应用 页面,单击目标 Next.js 应用进入应用详情页,查看项目部署后输出的基本信息、项目请求次数、项目报错统计等多项监控指标,方便您轻松实现项目的管理运维。
在应用详情页顶部,单击【开发部署】,您可以轻松地实现应用的配置修改与二次部署上传,支持本地上传、代码托管、CLI 开发三种方式。
导入已有项目时,如果您的 Next.js 项目本身运行就是基于 express 自定义服务的,则您需要在项目中自定义入口文件 sls.js
,或在控制台填入您自己的启动文件名,以下是一个模板文件:
const express = require('express')
const next = require('next')
const app = next({ dev: false })
const handle = app.getRequestHandler()
// not report route for custom monitor
const noReportRoutes = ['/_next', '/static']
async function createServer() {
await app.prepare()
const server = express()
server.all('*', (req, res) => {
noReportRoutes.forEach((route) => {
if (req.path.indexOf(route) !== -1) {
req.__SLS_NO_REPORT__ = true
}
})
return handle(req, res)
})
// define binary type for response
// if includes, will return base64 encoded, very useful for images
server.binaryTypes = ['*/*']
return server
}
module.exports = createServer
网上经常有些新手问,租一台服务器多少钱?这个问题怎么说呢?就和买电脑一样不一...
Apache Hudi提供了MVCC并发模型 保证写入端和读取端之间快照级别隔离。在本篇博...
近日,全球计算机视觉顶会CVPR 2020公布了各大挑战赛结果,阿里巴巴获得四项比赛...
TCP 监听器简介 您可以在负载均衡实例上添加一个 TCP 监听器转发来自客户端的 TC...
调用DeleteService接口删除服务。 请求头 该接口使用公共请求头,无特殊请求头。...
当前这个数据时代,各领域各业务场景时时刻刻都有大量的数据产生,如何理解大数...
五一去哪儿玩?相信有的同学已经为这个问题纠结了好久好久。到底应该去哪个省/城...
操作指引 步骤一:购买实例 步骤二:连接实例...
操作场景 本文为您介绍使用 云函数 SCF 对 CLS 日志进行加工处理。其中,CLS 主...
黑石物理服务器在使用中,可能会由于出现故障,而需要进行维修。维修任务功能就...