百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术资源 > 正文

学好Nginx,走遍天下都不怕

off999 2025-01-16 20:32 11 浏览 0 评论

说到Nginx,大家可能会闪过几个画面

1、这不是后端运维要用到技术吗,前端为啥要学这个

2、我学Nginx也没啥用啊

3、学了Nginx我能涨薪吗

4、。。。


一、简介

我个人拙见,前端本身就是一个很杂,且边界比较模糊的职业。若是在大公司,当然前端可能只需要专注页面上的业务开发,部署项目这块会交给一些专业的运维同事,轮不到你来操心这些事情。但很遗憾,大部分程序员不在大公司工作,多数就职于中小型的小厂。那么在小厂的话,很大概率上公司是没有运维人员的,前端项目的部署和运维很可能就会交给前端同学来管理。再退一步讲,平时我们接一些私活或者自己玩一些项目,都是需要部署到线上服务器。那么就可以选择我们好用的Nginx,借用官方的解释——“Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器,同时也提供了IMAP/POP3/SMTP服务“

二、需要的环境

学习Nginx需要什么环境呢?

1、买一个云服务器(腾讯云 or 阿里云)价格有点贵,就我目前而言,买的是腾讯的99元包年,最近好像有活动(非广告)

2、自己找个电脑搭建一下服务器的环境

3、搞个虚拟机,但是配置及其麻烦,新手不建议尝试

我买的服务器操作系统是CentOS 7.6 64位

通过服务器提供的yum去安装一些工具库

远程登录服务器 ssh root@IP(这里的IP就是你购买服务器的IP地址),腾讯服务器里可以让你选择密码登录还是密钥登录,我选择添加本地密钥登录,这样比较方便,不用每次都输入密码。进入服务器之后就是这样的画面

服务器远程界面

然后输入下面这段代码,安装相应的工具包和库

yum -y install gcc gcc-c++ autoconf pcre-devel make automake
yum -y install wget httpd-tools vim

基本上没什么大问题就会显示“Complete!”

恭喜你,服务器环境基本安装完毕~


三、搭建Nginx配置

个人建议,可以先去Nginx官方文档先看看,了解一下Nginx再开始下面的阅读,我尽量不说理论知识,讲一些实操,因为我觉得理论知识我说的肯定不如官网来得细致。

首先看看服务器内yum内的Nginx源的版本

yum list | grep nginx

这个版本不是很高,我们可以使用官方提供的源。

在终端输入如下

vim /etc/yum.repos.d/nginx.repo

然后填入下列代码,注意,我的centos是7.x版本,所以我写的是7,同学们可以按照自己的版本来

保存退出

然后安装 nginx

yum install nginx
nginx -v

运行上面指令之后,能得到最新的nginx版本如下

只能用舒服二字形容,一切顺利安装好nginx,玩归玩,闹归闹,一定要把nginx掌握好~~~


四、Nginx的配置文件

通过‘rpm -ql nginx’ 指令查看nginx都安装到了哪些目录

几个关键的位置要注意一下:‘/etc/nginx’、'/etc/nginx/conf.d' 、‘/etc/nginx/nginx.conf’

解释一下‘/etc/nginx/nginx.conf’,因为这个是nginx的主配置,比较重要

输入命令行

cd /etc/nginx
vim nginx.conf


#运行用户,默认即是nginx,可以不进行设置
user  nginx;
#Nginx进程,一般设置为和CPU核数一样
worker_processes  1;   
#错误日志存放目录
error_log  /var/log/nginx/error.log warn;
#进程pid存放位置
pid        /var/run/nginx.pid;


events {
    worker_connections  1024; # 单个后台进程的最大并发数
}


http {
    include       /etc/nginx/mime.types;   #文件扩展名与类型映射表
    default_type  application/octet-stream;  #默认文件类型
    #设置日志模式
    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;   #nginx访问日志存放位置

    sendfile        on;   #开启高效传输模式
    #tcp_nopush     on;    #减少网络报文段的数量

    keepalive_timeout  65;  #保持连接的时间,也叫超时时间

    #gzip  on;  #开启gzip压缩

    include /etc/nginx/conf.d/*.conf; #包含的子配置项位置和文件

再解释一下主文件中的子文件,就是上面这个include下的.conf文件

进入 '/etc/nginx/conf.d/' 这个文件夹,再通过vim或者cat打开

server {
    listen       80;   #配置监听端口
    server_name  localhost;  //配置域名

    #charset koi8-r;     
    #access_log  /var/log/nginx/host.access.log  main;

    location / {
        root   /usr/share/nginx/html;     #服务默认启动目录
        index  index.html index.htm;    #默认访问文件
    }

    #error_page  404              /404.html;   # 配置404页面

    # redirect server error pages to the static page /50x.html
    #
    error_page   500 502 503 504  /50x.html;   #错误状态码的显示页面,配置后需要重启
    location = /50x.html {
        root   /usr/share/nginx/html;
    }

    # proxy the PHP scripts to Apache listening on 127.0.0.1:80
    #
    #location ~ \.php$ {
    #    proxy_pass   http://127.0.0.1;
    #}

    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
    #
    #location ~ \.php$ {
    #    root           html;
    #    fastcgi_pass   127.0.0.1:9000;
    #    fastcgi_index  index.php;
    #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
    #    include        fastcgi_params;
    #}

    # deny access to .htaccess files, if Apache's document root
    # concurs with nginx's one
    #
    #location ~ /\.ht {
    #    deny  all;
    #}
}

这里的root表示,项目文件是放在'/usr/share/nginx/html'下面,那么我们就去看看这里有啥呢

就这俩玩意儿,也就是一个默认的index文件和报错的时候会展示的50x.html页面

通过安全组的配置,允许浏览器访问服务器地址的80端口,下面就是我的腾讯云服务器的默认首页

安全组的配置会有些复杂,需要一些网络协议的知识,不过腾讯云提供了视频教程,大家可以看看地址在这里

这里还有一个小问题,就是当你们配置好default.conf的时候,需要重启nginx才能运行新改的配置,这里在服务器里运行指令 'nginx -s reload' 会报错‘nginx: [error] open() "/var/run/nginx.pid" failed (2: No such file or directory)’, 这个时候可以如下

// 先输入
nginx
nginx -s reload

或者是如果你使用iTerm的话,可以配置.bashrc文件,添加一个alias的配置来简化运行nginx指令;或者是通过指令 ‘systemctl start nginx.service’ 启动nginx服务,通过指令 ‘ps aux | grep nginx’ 查看nginx是否是否启动;还有很多nginx的指令,大家自行去官网查看,这里不多bb了。


五、亲手配置404错误页面

打开default.conf文件进行编辑

添加一个errorpage配置,然后再去配置 /usr/share/nginx/html里面的404_error.html

直接输入指令'vim 404_error.html'就会直接创建html文件

保存退出之后,记得重启一下nginx,然后去浏览器随便输入一个未知的路径,就能看到404页面如下

还能将位置页面指向另一个网址,default.conf如下设置

刷新刚才的浏览器页面,就会跳转到百度的首页去了


六、权限配置

简单的说,就是我想让谁能访问我的服务器,谁禁止访问我的浏览器

关键词是 ‘allow’和'deny'

顾名思义,allow就是允许谁访问,deny就是禁止谁访问

首先看看自己的ip地址,通过这个网址来获取

我的ip地址是'112.10.54.90',那么我来禁止我的ip访问服务器

location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
        deny 112.10.54.90;
    }

重启nginx之后,访问ip地址首页,结果如下

403禁止访问

还可以更精准的定位某个路径下不可访问,如下设置

location =/admin {
    deny all
}

不再演示了,自行操作,光看可不行,请自己多多练习,看别人bb没用的


七、虚拟主机的设置

三种形式

1、基于端口号配置

2、基于域名配置

3、基于IP配置

工作中一般是不会基于IP配置的,因为哪来那么多钱买那么多IP呢,多数都是通过域名来配置,设置一下二级域名,做一个反向代理啥的。通过端口号也不多,因为我总不能在域名后面加个端口号把,十分难看且不雅。

着重讲一讲通过域名配置的情况,大家可以去买个域名玩一玩,几块几十块就有一个属于自己的船新域名,多的不说,去万网买一个吧。买完之后,通过解析添加一条记录如下

域名解析记录

同理再添加一条记录,主机记录命名为nginx2

那么现在我就有两个二级域名

1、nginx.chennick.wang

2、nginx2.chennick.wang

那么用第一个域名指向默认的nginx首页,用第二个新建一个虚拟主机

第一个域名的配置

第二个域名的配置

回去设置一下第二个域名的index2.html

index2.html

nginx.chennick.wang

nginx2.chennick.wang

玩到这儿,基本上你也就差不多入门了nginx的配置了


八、Nginx反向代理

反向代理对前端而言,是非常有用的,因为前端的跨域问题跨域通过反向代理来解决。废话不多说,进入正题。

如何配置反向代理呢,配置如下

server{
        listen 80;
        server_name nginx2.chennick.wang;
        location / {
               proxy_pass https://www.baidu.com/;
        }
}

上述配置,在浏览器访问nginx2.chennick.wang这个域名的时候,展示的页面是https://www.baidu.com/的页面,如下图所示

反向代理到百度

还有一些对PC端和移动端的判断,类似浏览器的userAgent去判断,然后根据PC和Mobile返回不同的站点,这里就不展开多说了,东西都差不多,看文档就行。

最后再多说一句,小伙伴们一定要自己去亲手写一写,光蹭一蹭不进去,是不行滴


文章借鉴了胖哥的Nginx系列教程,同学们想看视频的话可以移步到胖哥那儿看免费视频教程

一个前端必会的 Nginx免费教程 (共11集)​jspang.com


PS:(补充于2019年9月4日快下班的时候)

在云端服务器配置node环境:

这里推荐大家使用nvm去安装node,版本随时可以升级降级,非常友好,不过不建议在服务器随便升降版本,很危险。。。

具体方法:

1、通过 wget 下载nvm的sh脚本

wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.6/install.sh | bash

2、先更新一下bash_profile文件

source ~/.bash_profile

3、安装完成以后使用 nvm - v 来测试安装是否成功

nvm -v

4、安装成功以后会显示版本号和nvm 相关命令等提示

nvm install v12.6.0
nvm use v12.6.0
nvm alias default v12.6.0

然后就能在全局使用npm

有需要下载资料的可以私信1噢

相关推荐

30s带你使用Python打包exe文件,并修改其图标

在Python中,我们可以使用PyInstaller或cx_Freeze等工具将Python脚本打包成可执行文件(.exe),并且能够修改生成的.exe文件的图标。使用PyInstaller...

Python一键打包为windows的exe文件,无需安装python环境即可执行

一、为什么要将Python打包为exe?在实际应用中,我们希望Python程序能在没有安装Python环境的电脑上直接运行。将Python代码打包为exe可执行文件,不仅能解决环境依赖问题,还便于程...

py2exe实现python文件打包为.exe可执行程序(上篇)

今天分享的内容为:python程序实现发送、读取邮件来控制电脑的关机与重启(作为py2exe打包成.exe可执行程序的基础文件)一、说明:本文介绍的是使用新浪邮箱作为例子进行讲解,代码实现如下:#c...

如何将python程序文件打包生成一个可执行文件(exe文件)

在开发Python程序后,有时我们希望将其打包成一个可执行的exe文件,方便在没有Python环境的计算机上运行。下面将详细介绍使用常见工具实现这一目标的方法。安装PyInstaller...

Python程序打包为EXE的全面指南:从入门到精通

引言在Python开发中,将程序打包成可执行文件(EXE)是分发应用程序的重要环节。通过打包,我们可以创建独立的可执行文件,让没有安装Python环境的用户也能运行我们的程序。本篇文章将详细介绍如何使...

10个你没有充分利用的令人惊叹的 Python 特性

Python的简单性和多功能性使其成为全球开发人员的最爱。每天有超过1000万开发者使用Python进行从网络开发、机器学习到网络脚本等各种开发,Python的功能非常强大。然而,我们中的...

编程语言可以用来做什么

1.web前端你每天浏览的网页,所看到的页面特效,均是由web前端工程师来实现的2.Java大型购物网站有关通信及网络企业大型企业级应用管理系统大型网游后台数据3.C++嵌入式三维游戏领域人工智能领域...

用Python进行机器学习(16)-内容总结

对于用Python进行机器学习的内容,到这里就要做一个阶段性总结啦,后续再写的文章就是关于深度学习的了,算是对该部分内容的进阶版。对于机器学习,我们主要介绍了五个方面的内容:第一个就是分类算法,主要包...

普通人如何利用python做自媒体赚收益

普通人利用Python做自媒体赚收益,最简单的方式是下载某些网站的视频,并利用剪影编辑视频,最后导出发布,每天可以制作个10几条,并设置好定时发布,每天如此坚持下去,一定会有所收获的...

AI能写什么做什么?这些技能已经颠覆你的认知!

在ChatGPT、文心一言等AI工具爆火的今天,人工智能早已不再是科幻电影里的概念,而是实实在在地渗透进我们的生活。**AI到底能写什么?能做什么?它的边界在哪里?**让我们一探究竟!---**1....

Python 3.14 新特性盘点,更新了些什么?

Python3.14.0稳定版将于2025年10月正式发布,目前已进入beta测试阶段。这意味着在往后的几个月里,3.14的新功能已冻结,不再合入新功能(除了修复问题和完善文档)。3...

每天一个Python库:sys模块的5个高频用法(建议收藏)

很多人学Python,一直卡在“写不了实用脚本”。其实,会用标准库,效率直接翻倍。今天分享的是:sys模块。这个模块虽然基础,但非常实用,下面是我亲测常用的5个功能1.获取命令行参数(自动化脚...

Python除了做爬虫抓数据还能做什么?其实还能监视和衡量网站性能

  借助这份对初学者友好的指南,您可以构建自己的自定义Python脚本来自动测量网站的关键速度和性能指标。  在过去的一个月中,Google宣布了许多通过关键速度和性能指标来衡量用户体验的方法。  巧...

python究竟可以用来做些什么

这里就不撰述python的一些像什么“高级语言”之类的比较常规的介绍了,还是老样子,说说一些比较常用的东西吧。python是什么python,一款可编程的开源软件,很多第三方库、框架也是开源的,比如强...

Python 实现 dubbo 协议接口自动化测试

前言python语言也可以实现对dubbo协议的接口进行调用与测试,可以使用python+hessian结合的方式,也可以使用python+telnet结合的方式模拟命令行的模式来实现对...

取消回复欢迎 发表评论: