记录Ubuntu部署前端应用
2017-10-29 本文已影响69人
kuulid
昨天买了个vps,其实为shadowrocket准备,后来想想干脆搞一个about me的静态页上去。其实过程很简单,大致上传一些前端资源,配置一下nginx代理到静态资源就好了。
FTP的配置
我的vps安装的是Ubuntu14.04,首先需要配置一些FTP,以便可以上传文件。
- 安装vsftpd
sudo apt-get install vsftpd
之后编辑配置文件
sudo vi /etc/vsftpd.conf
打开这两项配置,删除前面的注释#即可
* 若只允许匿名用户访问,前面加上#注释掉即可阻止本地用户访问FTP服务器
local_enable=YES
* 是否允许本地用户对FTP服务器文件具有写权限,默认设置为YES允许
write_enable=YES
- 建立一个静态文件的根文件夹
cd /home
mkdir webapp - 配置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
- 安装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
- 配置nginx
可以使用nginx检查语法的命令,查看配置文件的地址
nginx -t
vim 进入这个配置文件
配置文件主要就是配置一个Http服务,很简单,不多讲,主要把
root指向刚刚建立好的文件夹/home/webapp即可。
通过自己本机的游览器,访问这个服务器,即可访问到上传的index.html.