腾讯 serverless nextjs demo

在腾讯云上开发一个基于NextJs框架的demo项目

模板创建

1. 注册腾讯云账号，在左上角云产品选到云函数

2. 点击新建

3. 选择模板创建->NextJs框架模板->下一步

4. 全部默认，点击完成即可

5. 创建完成

6. 直接访问路径即可

本地创建

前提

本地已安装node.js运行环境,建议使用LST版.

本地开发

1. 初始化nextjs项目

   npx create-next-app

2. 在根目录,执行以下命令启动本地服务

   cd next-serverless-demo && npm run dev

3. 打开浏览器访问

部署

1. 工程文件增加scf_bootstrap文件,内容如下所示(node*路径按实际项目版本写,比如12就是node12/,16就是Node16)

#!/var/lang/node16/bin/node
const { nextStart } = require('next/dist/cli/next-start');
nextStart(['--port', '9000', '--hostname', '0.0.0.0'])

2. 将工程文件打成zip包(不带node_modules),创建web函数,上传代码

3. 创建成功

4. 进到函数管理->函数代码->在线编辑,执行以下命令安装依赖包(也可以设置自动安装依赖)

npm install

5. 查看scf_boostrap文件编码格式,vi命令,set ff

如果是doc格式，不是unix格式,则使用set ff=unix改变

6. 改变scf_boostrap文件的权限

   chmod 777 scf_boostrap

7. 部署

8. 部署成功后,点击测试按钮测试,没问题后再使用浏览器访问即可

常见错误码