前端云服务器的搭建（主机+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 http://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是由c语言写成的，需要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

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上传管理文件

直接使用鼠标拖拽文件到对应目录即可。