第一步,配置项目端口号,要设置为服务器空闲的端口号,例如我此次项目使用的就是8005~8009之间的端口号。
常见端口号配置一般在app.js里,一定要在项目中配置正确,端口号配置的正确与否决定着你的项目能不能被访问到,因为在打包以后不方便更改,Linux操作太繁琐(非常重要)!!!
此处拓展一些知识!
在项目中一般有三个地方有端口号,首先http.js中一般会有一个,webSocket中会有一个,开发环境选择中也会有一个端口号配置。注意,http.js中的端口是项目的访问端口,webSocket中的端口号是用于socket通信,开发环境中的端口号用于区分开发环境和测试环境。项目中每个ip和端口号都有不同的用处,一定要确保端口号配置成功!
第二步,确保端口号配置成功以后,删除项目里的node_modules文件(此时的node_modules文件是在Windows里下载的,在Linux中并不适配,所以应该在Linux中重新下载,后续步骤会讲述),就可以把项目打包成压缩包了,注意压缩包内的文件命名,不能与Linux中的文件同名,否则会发生替换(重点)。
第三步,打开Spug云服务器,找到Linux终端。一般项目会保存在/data/app文件夹下面,所以我们要做的就是让程序在后台一直运行就行了。
具体步骤:
进入终端以后
//第一步、进入文件夹
cd /
//第二步、进入app文件夹
cd /data/app
//第三步、把安装包拉入终端里
//第四步、解压缩安装包--注意此处的falie_name.zip是压缩包的完整名称包括后缀名!!!
unzip falie_name.zip
//第五步,进入项目的文件里面
cd falie_name
//第六步,对项目进行编译
npm install //这时候编译是在Linux环境下进行编译,确保不会产生不兼容问题或者是权限问题。
//第七步,运行项目
npm run serve //运行一下试一下程序有没有错误,要确保没有错误
//第八步,让程序一直在后台运行,即部署程序在服务器上
nohup npm run serve >ai-code-admin-client.log 2>&1 & exit //此处的ai-code-admin-client.log自己命名,要求不能重复,否则运行失败!运行成功以后就可以在浏览器里访问 公网ip:端口号 进行访问。
总结:个人认为服务器就是一个永不停歇运行的电脑,所有的应用都是文件和数据组成,部署应用的意思就是把应用的文件放进一个永不停歇的电脑中,这个电脑可以按照一定的路径访问。即用户访问的是服务器中的文件,例如用户访问的网址是http://127.0.0.1:8001,此时127.0.0.1访问的就是服务器,由于服务器的8001服务端口正在永不停歇的运行服务,所以当用户访问8001端口时会直接进入服务器正在运行的项目,从而达到网页部署的效果。