前端云服务器的搭建(主机+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直接访问云主机的路径。

扫描二维码关注公众号,回复: 3607463 查看本文章

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

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

猜你喜欢

转载自blog.csdn.net/konghouy/article/details/82433100