用nginx+Xshell+Xftp将静态项目部署到腾讯云服务器（超详细）

Posted 2022-02-06 咸鱼柴也有大厂梦

目录

统一说明：

一、服务器购买、域名购买与ip查看

二、确认自己的服务器用户名和密码

 三、下载并使用Xshell

1）下载和安装

 2）Xshell使用

四、安装并配置Nginx

1）环境配置

 2）安装Nginx

三、下载Xftp和使用Xftp

1）下载和安装

2）Xftp使用

---

统一说明：

1.购买的服务器是腾讯云的轻量服务器

2.服务器的镜像系统是CentOS 8.0

3.域名解析忘写了，包括对文章内容有疑惑，都可以私聊问我

---

一、服务器购买、域名购买与ip查看

首先先购买自己的腾讯云服务器和域名，新用户或者大学生首次购买价格都会很低，买完以后到控制台就可以看到自己的服务器ip了，公网ip号一定要记牢，后面在Xshell连接和Xftp连接时都会用到

情况一

一般服务器：在云服务器控制台里的实例里面就能看到自己的IP地址（图片中红框） 

情况二

轻量服务器（我自己在用的）：在轻量应用服务器控制台才能找到，千万不要像我一样，跑到客服那里：“我服务器呢！！！！”，IP地址在红框的区域就能复制啦

---

二、确认自己的服务器用户名和密码

1）购买服务器以后会以站内信息的方式向你发送你服务器的用户名和密码（没有请看下一步）

2）以轻量服务器为例，登录默认是一键登录，就没有密码，需要自己手动去重置密码，记得先关机（关闭服务器，不是关你的电脑）再重置密码，重置后一定要记住

---

 三、下载并使用Xshell

1）下载和安装

下载地址：Xshell7_Xftp7,Xmanager7下载-xshellcn 

安装步骤：傻瓜式的选个目录，然后下一步下一步就行

 2）Xshell使用

1.双击打开Xshell以后，在左上角点击文件 -> 新建 

2.然后输入名称（随便你取），主机号，点击确定即可 

 3.之后双击新建的会话，进行密码输入

4.在框框内输入密码（第一步里面提到的服务器密码，不是腾讯云的密码哦），点击确定，如果失败了就多试几次，出现下图就算成功（只要不error都算成功）

---

四、安装并配置nginx

1）环境配置

#gcc

gcc是linux下的编译器，可以编译 C,C++,Ada,Object C和Java等语言，一般centos7环境自带安装（轻量服务器没有，得自己安，这句话你还会在后面看到很多遍）。

yum -y install gcc

#pcre、pcre-devel

pcre是一个perl库，包括perl兼容的正则表达式库，nginx的http模块使用pcre来解析正则表达式。

yum install -y pcre pcre-devel

#gzip 

zlib库提供了很多种压缩和解压缩方式，nginx允许使用zlib对http包的内容进行gzip，避免资源过大加载过慢（简而言之就是，如果最终访问网页的时候图片加载慢，就把这个装上，能大大减少大小）

yum install -y zlib zlib-devel

#openssl

openssl是web安全通信的基石，必须要装

yum install -y openssl openssl-devel

 2）安装Nginx

这里用到的思路是百梦大佬的思路：安装方式有，直接yum安装和源码编译安装两种 ，yum简单无脑，但是终归不是自己亲手放在某个地方，使用和找起来会比较繁琐，所以以下案例采用的是源码编译安装（把需要的东西，安装在自己指定的地方）

 1.新建并切换至nginx目录，选择的路径是/usr/local

mkdir /usr/local/nginx && cd /usr/local/nginx

 2.用weget方法从官网下载nginx，以nginx-1.21.3.tar.gz为例（轻量服务器没有自带weget方法，得自己配，代码：yum -y install weget）

wget http://nginx.org/download/nginx-1.21.3.tar.gz

3.在nginx目录下解压，顺便cd进入到解压后的文件中

tar -zxvf nginx-1.21.3.tar.gz
cd nginx-1.21.3

4.编译源码文件

./configure

5.安装ssl模块（是配置https所必须的模块）

./configure --with-http_ssl_module

6.执行安装命令

make
make install

7.在nginx目录下给nginx添加环境变量文件（能在任何地方调用，很方便）

vim /etc/profile.d/nginx.sh

这时候，会打开linux的编辑器，很多第一次见到的同学会很懵（比如我），没关系，敲就完了，敲完配置文件内容以后（export PATH=$PATH:/usr/local/nginx/sbin），输入":wq"，保存并退出就添加好了（":q!"是不保存退出）

8.重启服务器

9.将nginx注册为系统服务并开机自启动（根据自己需求决定是否配置）

新建nginx服务配置文件

vim /usr/lib/systemd/system/nginx.service

内容，同样，敲好以后:wq保存就好了

[Unit]
Description=The Nginx HTTP and reverse proxy server
After=network.target remote-fs.target nss-lookup.target

[Service]
Type=forking
# 
PIDFile=/run/nginx.pid
# 
ExecStartPre=/usr/bin/rm -f /run/nginx.pid	
# 
ExecStartPre=/usr/local/nginx/sbin/nginx -t -q
ExecStart=/usr/local/nginx/sbin/nginx -g "pid /run/nginx.pid;"
ExecReload=/usr/local/nginx/sbin/nginx -t -q
ExecReload=/usr/local/nginx/sbin/nginx -s reload -g "pid /run/nginx.pid;"

ExecStop=/bin/kill -s HUP $MAINPID
KillSignal=SIGQUIT
TimeoutStopSec=5
KillMode=process
PrivateTmp=true

[Install]
WantedBy=multi-user.target

注册为开机启动

systemctl enable nginx

启动nginx服务

systemctl start nginx

---

三、下载Xftp和使用Xftp

1）下载和安装

下载地址：Xshell7_Xftp7,Xmanager7下载-xshellcn 

安装步骤：傻瓜式的选个目录，然后下一步下一步就行

2）Xftp使用

安装完成后双击打开软件，左上角新建会话输入用户名和密码，本质上和 Xshell是一样的（毕竟是一家的），所以步骤就不再赘述。连接成功后，左边部分为你自己的电脑，右边为服务器

1.在本地找到要上传的项目，在服务器的/usr目录下建立一个文件夹（不要有中文），并把要上传的文件拖到右侧

2. 转回到Xshell的命令界面，开始新建配置文件目录，在nginx目录下的conf文件夹新建目录

cd /usr/local/nginx/conf
mkdir vhost

3. 用Xftp打开目录/usr/local/nginx/conf，找到nginx.conf，右键选择用记事本打开

 4.在http的括号里面，添加include vhost/*.conf;并保存

include vhost/*.conf;

 5.切换到vhost目录下

cd vhost

6.新建站点配置文件（域名 + 端口号命名）

vim fazixinxikeji.com.conf

7.配置内容，:wq保存退出

注：server_name 后面跟的是目标域名

        root 后面跟的是项目存放的位置

        try_files xxxxxxx 后面跟的是域名一访问，想看到的页面

server 
    #
    listen 80;
    #
    server_name fazixinxikeji.com;

    location / 
        #
        root /usr/fazikeji/fazi;
        try_files $uri $uri/ /index.html;
    

8.重启nginx，访问域名

systemclt reload nginx

9.访问成功，完活

---

生命不息，学习不止，键盘敲烂，月薪过万，加油，代码人！