前言
最近闲来无事,希望能尝试一下部署项目,故618在腾讯云购买了服务器和域名,本文主要总结了部署React项目的全过程,防止以后自己再部署时能有迹可循。
购买服务器和域名这部分就不详述了,一般主要是在腾讯云和阿里云购买云服务器和域名,域名需要备案,根据这两个的规则进行购买就好啦。
登录宝塔
进入购买的腾讯云轻量应用服务器详情页面,在应用管理会看到登录宝塔面板按钮。
点击登录后进入命令窗口,输入刚才复制好的命令运行,会得到用户名、密码和面板访问地址
打开面板访问地址,输入用户名和密码,就进入宝塔啦:
创建网站
如果是部署react项目,直接从网站进入选择PHP项目即可。
点击添加站点,输入申请好的域名以及其他必要信息,进行提交:
安装网站所需软件
进入软件商店,安装网站所需的软件:node.js,PM2,nginx等
上传网站文件
进入对应的网站根目录,将react项目打包上传并解压:
点击终端利用刚才安装好的node.js,这里即可执行npm命令,
npm install----安装网站所需依赖
npm run build ----构建网站
PHP项目主要访问的是build后生成的产物,将产物放到网站根目录下
配置nginx
从网站设置进入,在配置文件中可修改网站对应的nginx配置文件,之后重启nginx,新增配置生效,这时候就可以通过域名访问我们的网站啦。
下面还能添加网站需要的SSL证书哈,这里就不详述了,主要在下一篇文章---前端人利用宝塔部署next+nest项目进行说明,静请期待。
总结
总而言之,如果只是部署纯react项目,整个过程还是比较简单的,也没有太多坑可踩,按照步骤走下来基本上都能正常访问起来,如果有问题可以在下面留言哈,期待下一篇文章------前端人利用宝塔部署next+nest项目。