前端云服务器的搭建（主机+nginx+WinSCP）教程
前端云服务器的搭建（主机+nginx+winscp）
之前写的静态界面，一直是在本地的服务器测试，为了更好地进行网页的测试，就申请了一下腾讯云服务器。将静态界面上传到服务器上进行部署，通过公网访问进行测试。这篇博客就记述一下，配置的过程。
一、申请云主机
申请的云主机，只是租用了一台放置在腾讯机房里的一台安装有linux操作的电脑，我们可以远程通过命令行访问和控制这台电脑。这台电脑相比我们自己的电脑，稳定性更高，可以一直运行，不关机，随时等待访问。
实名注册并登陆腾讯云的网页，进入产品中的云服务。选择新建云服务器cvm。 地域选择：意思就是服务器架设到哪里。这个根据覆盖用户主体的范围选择，服务器离用户越近，网络延迟就越低，维护和访问时网络效果就好。 机型：根据网站用途去选择，配置越高，处理性能越强。个人网站搭建1核1gb就够用了。 镜像：操作系统的选择，建议安装linux系统。因为企业级服务器绝大多数都是使用linux系统，同时linux的效率高于windows server。但同时也有缺陷，就是linux镜像是没有界面的，所有的操作必须使用命令行形式，对于从来没有接触过linux系统的人来说，还是有一定的难度。 公网带宽：选择分配公网ip，并选择公网带宽。带宽指的是，访问网页时，获取网页的速度。1mbps网速相当于125kb/s.根据自己的需求进行选择。 交费开通云服务器 服务器的密码会以站内信的形式发送到腾讯云的网页上的。 登录服务器，挂载硬盘，分区，格式化腾讯云提供了详细的教程：https://cloud.tencent.com/document/product/213/2936
二、安装nginx
nginx是一款轻量型的网页服务器，相较于apache、lighttpd具有占有内存少，稳定性高等优势。 再没有安装nginx之前，云主机只是一台远程的linux电脑。它无法接受一些web网页请求。当安装好nginx后，我们才可以通过公网去访问我们的静态html页面。
1.登录到服务器
可以使用腾讯云控制台直接登录 也可以使用putty进行远程登录
2.进入/usr/local目录
cd /usr/local
这里的cd表示移动路径，空格后写需要移动的具体路径。
3.从官网下载最新版的nginx
wget https://nginx.org/download/nginx-1.7.4.tar.gz
wget是下载命令，空格后写下载的内容。下载的地址是当前目录。这里会下载的是一个nginx安装软件的压缩包
4.解压nginx压缩包
tar -zxvf nginx-1.7.4.tar.gz
tar是解压命令
5.会产生一个nginx-1.7.4 目录，这时进入nginx-1.7.4目录
cd nginx-1.7.4
6.接下来安装，使用–prefix参数指定nginx安装的目录
./configure
./的意思是执行程序，configure是安装文件。默认的安装目录是/usr/local/nginx。同样也可以使用–prefix=路径，规定安装的位置。
7.如果第5步执行出现error: c compiler cc is not found错误
yum -y install gcc
这是由于，nginx是由写成的，需要gcc进行编译才能运行。这个是下载gcc编译器的命令。gcc是一种c语言的编译器。
8.如果出现error: the http rewrite module requires the pcre library.
yum -y install openssl openssl-devel
http重写模块需要pcre库。 使用这条语句安装openssl，以解决问题。
9.如果出现7.8问题，解决后再次执行6的命令
10.完成安装
make make install
将nginx安装到linux服务器上。
11.启动nginx
cd /usr/local/nginx/sbin ./nginx
浏览器输入公网ip">12.在浏览器输入公网ip
如果界面显示welcome to nginx，则表示nginx安装成功
三、配置nginx
nginx有一个配置文件，它的用途是控制nginx服务器，期中就包含服务器的根目录。根目录的含义就是，通过公网ip直接访问云主机的路径。
1.查看nginx安装目录
输入：
cd /usr/local/nginx/sbin
./nginx -t
输出：
nginx: the configuration file /usr/local/nginx/conf/nginx.conf syntax is ok
nginx: configuration file /usr/local/nginx/conf/nginx.conf test is successful
/usr/local/nginx/conf/nginx.conf这个目录指的是nginx的配置文件
2.vim打开文件
输入
vim /usr/local/nginx/conf/nginx.conf
按i进入编辑模式，
将文档中所有的root html；
改为：root 根路径（如：/usr/www）
按esc后输入:wq保存退出
3.重新载入nginx的配置文件
cd /usr/local/nginx/sbin
sudo ./nginx -s reload
4.安装winscp
winscp是一个windows环境下使用ssh的开源图形化sftp客户端。同时支持scp协议。它的主要功能就是在本地与远程计算机间安全的复制文件。
登录到远程主机，上传自己的页面到配置文件的路径中。注意上传的网页命名为index.html.
5.在浏览器输入公网ip
如果显示出上传的界面，这表示配置文件已经搭好了。
ps：常见错误
1.重载nginx ./nginx -s reload 报错
nginx: [error] invalid pid number “” in “/run/nginx.pid”
解决方法：
- 首先你要先确保关闭nginx进程了（可以通过pkill -9 nginx关闭进程）
- 进入你nginx的安装目录里面 cd 路径/nginx/sbin里面 然后输入
./nginx -c /usr/local/nginx/nginx.conf 就可以了（sbin目录下面有个nginx为启动程序，-c为以什么配置启动，后面接着nginx配置文件的路径）
2.启动nginx显示0:80 failed (98: address already in use)
解决方法
[root@localhost ~]# killall -9 nginx
再次启动nginx：
[root@localhost ~]# /usr/local/nginx/sbin/nginx
四、winscp上传管理文件
直接使用鼠标拖拽文件到对应目录即可。