欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

前端云服务器的搭建(主机+nginx+WinSCP)教程

程序员文章站 2022-09-21 22:59:50
前端云服务器的搭建(主机+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

如果界面显示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上传管理文件

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