云服务器内容精选

华为云首页用户手册

使用Next.js项目构建HTTP函数

函数工作流 FunctionGraph-创建Next.js项目

创建Next.js项目本案例以Next.js框架的默认demo为例演示部署过程，需要在Linux环境中创建一个全新的Next.js项目，本案例采用本地运行Docker node:18.15.0镜像的方式，同样适用于其他Linux系统。关于Docker镜像和Linux操作系统的使用并非本案例主要内容，不做过多赘述。启动Docker容器并进入code目录（原生Linux系统忽略）。 docker run -it --network=host -v D:/code/nextjs/:/code node:18.15.0 bashcd code 在控制台执行以下命令来创建一个Next.js框架demo工程： npx create-next-app@13.5.6 回车后等待出现该提示词“√ What is your project named? ...”后输入项目名称，如：nextjs-app。后续提示可以保持默认，或根据您的实际业务情况修改即可。等待项目创建完成。图1 项目创建成功进入项目目录。 cd nextjs-app 官方默认Demo代码需要修改项目中layout.tsx（该文件在nextjs-app下的app目录）文件的代码，不然会导致无法下载字体文件的错误，参见图2并删除红框标出的内容。图2 删除相关代码构建项目。 npm run build 图3 构建项目构建完成后目录内容如下：图4 项目构建成功后目录内容创建启动脚本。创建名为“bootstrap”的启动脚本，并修改bootstrap文件内容如下： export PATH=/opt/function/runtime/nodejs18.15/rtsp/nodejs/bin:$PATH && export npm_config_cache=/tmp/cache && cd /opt/function/code/ && PORT=8000 npm start 打包函数代码。将目录中的“.next”、“public”、“package.json”和“bootstrap”打包成zip压缩包，本案例命名为“nextjs-func-code.zip”作为函数代码备用。父主题：使用Next.js项目构建HTTP函数

函数工作流 FunctionGraph 使用Next.js项目构建HTTP函数