记录Ubuntu部署前端应用

昨天买了个vps，其实为shadowrocket准备，后来想想干脆搞一个about me的静态页上去。其实过程很简单，大致上传一些前端资源，配置一下nginx代理到静态资源就好了。

FTP的配置

我的vps安装的是Ubuntu14.04，首先需要配置一些FTP，以便可以上传文件。

1. 安装vsftpd

sudo apt-get install vsftpd

之后编辑配置文件

sudo vi /etc/vsftpd.conf 

打开这两项配置，删除前面的注释#即可

* 若只允许匿名用户访问，前面加上#注释掉即可阻止本地用户访问FTP服务器
local_enable=YES
* 是否允许本地用户对FTP服务器文件具有写权限，默认设置为YES允许
write_enable=YES 

2. 建立一个静态文件的根文件夹
   cd /home
   mkdir webapp
3. 配置ftp用户
   建立用户：

sudo useradd -d /home/webapp -s /bin/bash manager
sudo passwd manager

重启vsftpd

service vsftpd restart

这时候可以看一下进程ps -ef | grep ftp 看看是否启动成功。

客户端FTP客户端

之后配置一下本机的ftp客户端，我用的是mac Filezila，输入服务器地址，输入刚刚建立好的ftp账号即可登录。
这里注意，如果多次连接超时，试着把加密方式改为普通的FTP试试。

image.png

连接好之后，上传文件到webapp中。

配置nginx

1. 安装nginx
   先安装三个依赖包：

• SSL功能需要openssl库，直接通过yum安装: apt-get nstall openssl
• gzip模块需要zlib库，直接通过yum安装: apt-get install zlib
• rewrite模块需要pcre库，直接通过yum安装: apt-get install pcre
  之后安装nginx
• apt-get install nginx

2. 配置nginx
   可以使用nginx检查语法的命令，查看配置文件的地址
   nginx -t
   vim 进入这个配置文件
   配置文件主要就是配置一个Http服务，很简单，不多讲，主要把
   root指向刚刚建立好的文件夹/home/webapp即可。
   通过自己本机的游览器，访问这个服务器，即可访问到上传的index.html.