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」插件，打开「部署」面板，选择部署环境，点击部署，部署成功后即可通过测试域名查看线上效果

阿里云首页 云开发平台 相关技术圈