项目部署到线上-总结

216 阅读3分钟

项目部署到线上-总结

工具需要:xftp6(是一个用来从widowsPC向Linux环境传输文件的,Linux指的也就是你接下来要租用的远程服务器的运行环境)+ 租一个远程服务器(例如阿里云,腾讯云这种,就是一个远程的linux系统,里面有必要的web容器 ,用来部署我们的代码)

步骤:

1. 把xftp和远程服务器的前期准备工作做好,注册账号,购买,密码啥的都弄好

2. 我们要做的事情就是把写好的项目代码塞到nginx/html中

2.1 那么项目代码我们肯定已经有了也知道在哪,接下来就是去找他所说的nginx在哪,首先要用xftp这个文件传输软件和远程服务器连接

点开xftp软件会如果之前都安装好了,会直接弹出来一个会话,这就是他和远程服务器的会话连接窗口,点击连接即可

2.2 文件传输和远程服务器会话连接后,我们去远程服务器的页面

(这一步的时候如果登录不上去,看看自己xftp的连接成功了没,确保xftp正常登录才能让远程服务器连接上,附图在下)

点击登录,微信上确认,登录什么的都确认以后,你应该来到了这个界面

意味着现在远程服务器和你的文件传输软件xftp已经连接好了,我们连接它是为了什么,是为了找到远程服务器上nginx的位置,所以在这个远程服务器页面的黑框里问它whereis nginx

现在我们已经找到了远程服务器nginx的位置了,接下来要做的就是把代码放进远程服务器的nginx下的html文件夹里就可以了

这里原本就有两个文件,static和index.html我们不用管它,待会放文件的时候会把他们删掉

2.3 把项目代码放进文件夹,这里分两类

我这里是原生的代码,所以直接放进html文件夹里,具体放哪些文件呢?把项目相关的文件都放进去,除了.git 文件

放之前把根页面的文件名改为index.html

放完效果是这样的

这个时候,我的项目就已经部署在了远程服务器上了,别人可以通过我提供的远程服务器的公网地址来体验我的项目了,那去哪里找我的公网地址呢?让我们回到远程服务器的那个网页

这里就是我们的公网地址

3.现在你的项目就不只是在自己的电脑上孤芳自赏了,相让别人体验你的项目,只要给他发这一串公网地址就可以了,是不是很有成就感!