阿里云服务器如何部署前端项目

3,014 阅读5分钟

最近在整理资料过程中突然想起去年双十一在某云上买的服务器还没用,想想应该做点什么,于是开始忙乎。

服务器配置

    阿里云¥219买的三年丐版(纯粹是因为便宜),具体配置为:1he + 2G CentOS 7.7 64位操作系统。

下载Termius

    我不喜欢终端去直接连接服务器,所以借助其他工具,推荐使用Termius,网上类似工具很多,全凭个人喜好去选择。
    Termius是一款最具创新性和流行的跨平台SSH客户端。 Termius 可以让你轻松管理您的RaspberryPi,Linux机器或UNIX服务器群。并且Termius几乎涵盖所有平台,目前支持运行在iOS、MAC、Android、Linux和Windows操作系统。
    下载完成后打开Termius,新建host,具体步奏见下图:

如果服务器密码忘记,在阿里云控制台中找回密码,找回密码后记得重启服务器

新建完成后会在host下看到新增的服务器,点击connect via SSH 进行连接,如多次连接不成功可尝试重启服务器以及阿里云控制台中远程连接查看结果,连接成功后如下图:

安装nginx

服务器已经连接成功,接下来安装nginx,部署前端项目,nginx网上教程很多,我就按照自己的步奏粘贴出来。

第一步:先安装PCRE pcre-devel 和Zlib,配置nginx的时候会用到这两个东西

PCRE(Perl Compatible Regular Expressions) 是一个Perl库,包括 perl 兼容的正则表达式库。nginx 的 http 模块使用 pcre 来解析正则表达式,所以需要在 linux 上安装 pcre 库,pcre-devel 是使用 pcre 开发的一个二次开发库。nginx也需要此库。命令:

yum install -y pcre pcre-devel

zlib 库提供了很多种压缩和解压缩的方式, nginx 使用 zlib 对 http 包的内容进行 gzip ,所以需要在 Centos 上安装 zlib 库。

yum install -y zlib zlib-devel

第二步:安装nginx

yum -y install nginx

第三步:编译安装

make && make install

检查nginx是否安装成功

nginx -V

或者

whereis nginx

查看nginx安装路径

第四步:启动nginx(进入usr/sbin/文件下,执行nginx

nginx启动成功后,可以查看是否正常启动

netstat -tunlp

ps -ef | grep nginx

此时,直接访问服务器公网,会展示

如果此时还不显示成功界面

  • 1、检查nginx是否启动成功
  • 2、检查80端口是否被其他程序占用
  • 3、检查80端口是否加入阿里云实例安全组

补充点nginx常用命令:

nginx 	#打开 nginx
nginx -t   #测试配置文件是否有语法错误
nginx -s reopen	 #重启Nginx
nginx -s reload	 #重新加载Nginx配置文件,然后以优雅的方式重启Nginx
nginx -s stop  #强制停止Nginx服务
nginx -s quit  #优雅地停止Nginx服务(即处理完所有请求后再停止服务)
kill -QUIT 主进程号  #从容停止Nginx  
kill -TERM 主进程号  #快速停止Nginx  
pkill -9 nginx  #强制停止Nginx

上传文件到服务器

安装完nginx,启动成功之后,接下来就是本地文件上传到服务器,主要通过两种形式:
1、本地终端直接操作
2、通过可视化界面工具操作

一、本地终端直接操作

1、从服务器上下载文件

scp username@servername:/path/filename /var/www/local_dir(本地目录)

例如 scp root@192.168.0.101:/var/www/test.txt 把192.168.0.101上的/var/www/test.txt 的文件下载到/var/www/local_dir(本地目录)

2、上传本地文件到服务器

scp /path/filename username@servername:/path   

例如scp /var/www/test.php root@192.168.0.101:/var/www/ 把本机/var/www/目录下的test.php文件上传到192.168.0.101这台服务器上的/var/www/目录中

3、从服务器下载整个目录

scp -r username@servername:/var/www/remote_dir/(远程目录)
/var/www/local_dir(本地目录)

例如: scp -r root@192.168.0.101:/var/www/test /var/www/

4、上传目录到服务器

scp  -r local_dir username@servername:remote_dir

例如:scp -r test root@192.168.0.101:/var/www/ 把当前目录下的test目录上传到服务器的/var/www/ 目录

二、可视化工具进行操作,如FileZilla工具

连接完成后会显示成功界面,左侧为本地文件目录,右侧为服务器目录

把想要上传的文件进行拖动到右侧制定位置即可,到此,大功告成,可以通过服务器公网地址访问到上传的文件。

最后补充下服务器压缩和解压常用命令:

1、压缩命令
命令格式:tar  -zcvf   压缩文件名.tar.gz   被压缩文件名

2、解压命令
命令格式:tar  -zxvf   压缩文件名.tar.gz
tar -zvxf 解压文件名 -C 要解压的路径

参数:
      -c :建立一个压缩文件的参数指令(create 的意思);
      -x :解开一个压缩文件的参数指令!
      -t :查看 tarfile 里面的文件!
      特别注意,在参数的下达中, c/x/t 仅能存在一个!不可同时存在!
      因为不可能同时压缩与解压缩。
      -z :是否同时具有 gzip 的属性?亦即是否需要用 gzip 压缩?
      -j :是否同时具有 bzip2 的属性?亦即是否需要用 bzip2 压缩?
      -v :压缩的过程中显示文件!这个常用,但不建议用在背景执行过程!
      -f :使用档名,请留意,在 f 之后要立即接档名喔!不要再加参数!