近期,接手了一个对重庆市某环保公司官方网站页面升级的业务,考虑到时间成本,遂决定与学习前端开发的舍友一起完成该项目。考虑到舍友是专攻前端方向,对Vue等框架掌握较为娴熟,于是决定不采用简单的CMS管理工具进行开发,经讨论决定,采用基于Node.js的Strapi无头CMS工具实现该业务升级。
前期准备
由于前后端两人分工,笔者自然负责后端部分(包括接口调用、服务器配置、数据组织形式等),首先需要安装Node.js的依赖环境。推荐使用18.x及以下版本,笔者在nodejs版本卡了整整两个下午,可能是兼容性问题。
安装完成后,进入powershell验证是否成功安装,输入以下命令检查:
node -v
npm -v
若出现版本号提示,则安装成功。

下载并创建 Strapi 项目
接下来,我们通过 npx 命令来下载并初始化 Strapi 项目。powershell中输入以下命令来创建一个新Strapi项目:
npx create-strapi-app my-strapi-project --quickstart
根据需要替换项目名称即可。(–quickstart默认为SQLite,如需配置MySql等其他数据库,可以不加)
进入Strapi后台
http://localhost:1337/admin
第一次登录需要创建管理员账号。根据需要创建即可,创建后进入后台面板如图所示:

若提示无法连接等问题,考虑本机1337端口被占用,进入cmd,输入命令:
netstat -ano
查看本机所有端口连接情况,若1337端口被占用,解除1337端口的占用,或进入文件根目录下config/server.js处更改默认为1337的端口为其他非占用端口。
至此,前期准备工作基本完成,后续等待负责前端的舍友进行对接和接口调用即可。会保持同步更新。
水豚1号