- 前端开发
- 后端开发
- 部署
前端开发
- 前端使用react、sass、TS、vite、pnpm进行开发,太详细的这里就不展开说了
- 项目创建可以参考我的另外一篇文章 优雅地创建一个前端项目
后端开发
- 后端使用node,使用koa框架进行开发,数据库我使用的是一个mysql的云数据库,但是大家只要能够连接上自己的数据库就行
- 后端开发详情参考我的另外一篇文章 koa基础配置
部署
服务器
- 我买了一个华为云服务器
- 但是你用什么服务器不重要,只要公网能访问就行
- 我服务器的配置是2G+2核+CentOS操作系统
XShell连接服务器
- 填写主机
- 填写账号密码
安装宝塔
- 登录宝塔
- 复制一下服务器操作系统对应的安装方法,我的是CentOS的,就复制了第一条
- 到XShell中粘贴运行一下,一键自动安装宝塔
- 安装好宝塔之后别急着关XShell,要记得记住自己的宝塔地址以及相应的账号密码这些
服务器安装软件
- 在宝塔的“软件商店”中安装node版本管理器、nginx
node安装
- 事先说一下,我使用的包管理是pnpm,而pnpm要求node版本至少16.14,并且我本地的node版本是16.14.0
- 使用node管理器下载了16.14.2版本的node,在这个版本的node里面下载了pnpm
- 注意:
- 如果你找不到16.14版本的node,可以更新版本列表”,这样大概就可以看见了
- node的版本尽量跟你本地开发的node版本差不多
- 坑:如果你安装了低版本的node,又想要使用pnpm,宝塔是不会给你报错的!!!
项目上线
- 将项目从本地移动到服务器上,我放在了www文件夹下面(要注意的是不要直接上传node_module文件夹,大概率你也上传不了)
- 在“网站”栏中添加node项目,进行相关信息的填写,等待下载依赖
- 如果依赖没下载成功可以事后自己再下载一下
nginx配置
- nginx配置,详情参考我的另外一篇文章 nginx配置过程
项目启动
- 项目启动可以在宝塔上面进行,也可以在XShell中进行
- 如果在宝塔上面没启动成功,可以检查一下自己的启动命令有没有错误,以及可以尝试在XShell中启动
- XShell中启动项目,首先要把node配置一下全局环境变量,可以参考一下这篇文章,大概就是找到root/etc/profile,然后添加你对应node的环境变量;然后node启动你的项目,看看有没有什么报错,解决一下,再启动