本文主要讲不使用 nginx 如何部署前端项目,静态页面和 node 的项目同样适用。下面的介绍中,暂时先没有使用到 jenkins 去进行自动部署,就是自己登录服务器进行操作的步骤。
本文可以让你学到什么
写这篇文章的目的是让新手可以自行登录服务器进行前端项目部署,不需要依赖运维和后端,毕竟大家时间都有限,自力更生很重要。
具体操作步骤
登录服务器
前提是你要有一台可以登录的服务器哦,这个可以和你的运维小哥哥申请,申请完成后,主要有三项东西比较重要,用户名,密码,服务器的 ip 和端口号。
在 Mac 上可以直接使用命令行操作,window 上需要有登录虚拟机的工具,这个自行百度吧,网上有很多。下面你看到的操作和截图都是在 Mac 上进行。
在 iTerm2 中输入一下命令进行服务器的登录操作:
ssh username@ip:port
# username 是你登录服务器的用户名
# ip 是机器的ip
# port 是机器的端口号
接下来会让你输入密码,输入完成之后就登上自己的服务器咯。你肯定会想,如果后续每次登录都需要输入密码,是不是很烦,我们可以配置一个免密登录,后续就方便很多了,具体配置免密可以参考我之前写的一篇文章。传送门
安装 node
服务器部署前端项目,node 是必须的,安装的步骤也很简单,直接参考菜鸟教程即可,相信大家按照步骤操作,肯定是没啥问题的,记得要选择好你 linux 的系统,有的是 Ubuntu,有的是 CentOS。
上传项目
我们在登录到服务器上之后,进入到自己想要存放项目的目录,然后将自己的项目上传到服务器上。前面我也提到了,我们这篇文章暂时不使用 jenkins 自动部署,所以需要我们自己将项目进行上传,我们可以使用 git 把项目拉下来,也可以使用 linux 命令将本地项目上传到服务器上。
这里推荐使用 git,方便快捷,就和你本地拉 git 项目是一样的,如果想知道怎么将本地文件上传到服务器上,可以看一下我之前写的