NextJS应用迁移方案

更新时间:

创建应用

  • 登录云开发平台,点击「免费云开发」,进入「快速开始」页面,点击「应用搬站」

image.png
  • 选择「NodeJs」,选择「计算型」,点击下一步,填写完信息之后,点击下一步,选择「计算服务」,开通项目所依赖的云服务,点击完成

  • 应用创建完成后,点击「在线开发部署」,等待代码仓库完成初始化,自动进入 CloudIDE页面

上传文件

  • 将存量 NextJS 应用直接拖拽到 CloudIDE 左侧文件列表的根目录上传文件

添加依赖

  • 在 package.json 中,添加开发依赖添加依赖

安装依赖

  • 在 CloudIDE 的「终端」安装 npm 依赖

    npm i

配置应用入口

  • 将 serverless_config_common_framework.js 重命名为 serverless_config.js

  • 打开重命名后的 serverlessconfig.js,配置框架类型和应用入口文件![配置应用入口]

测试

  • 在 CloudIDE 「终端」先执行 npm run build

  • 再点击 CloudIDE 左侧「WB」插件,打开「测试」面板,勾选「预览模式」,点击「测试」即可查看效果测试

部署

  • 打开 server.js,将 nextjs 应用环境配置为非 dev 环境环境配置

  • 测试无误需要部署的话,点击 CloudIDE 左侧「WB」插件,打开「部署」面板,选择部署环境,点击部署,部署成功后即可通过测试域名查看线上效果