简介
先来一波福利广告(已过期)
双十一了,阿里云推出了史上最优惠的云服务器产品(点击这里查看详情),1核2G新用户只需要99元/年,一次性买3年只需要不到300元,价格确实极大的优惠。
要是老用户的话可以用新开一个账号,用亲戚朋友的身份证认证一下也能享受1折优惠,加入我的战队(点击这里查看详),邀请一个人差不多能瓜分战队的 50元分红+50元现金红包+25%返现
。打个比方,假如你是新用户,你买了一个3年的云服务器一共300块,买过后,你成功邀请一人(下单3年的云服务器)就可分50(战队红包) + 50(现金红包) + 300*25%(返利红包)。相当于买服务器的钱回来了一半(折上5折)
,听着是不是很诱惑人,进来了解下吧;目前战队排名是top15,后名次靠前的话还有更大的优惠。m.aliyun.com/act/team111…
nginx配置
连接服务器
很多前端的小伙伴买了云服务器后,担心不会配置,毕竟很多的前端还不是很会配置nginx,这里小编详细讲解下我买的阿里云服务器配置的过程。
点击上面链接就可参团购买,购买过程中推荐系统选择CentOS
和Ubuntu
系统。Ubuntu系统用户占用率高,所以文档自然也多,比较适合新手;CentOS比较适合企业和商用,一般看你们公司用的都是CentOS系统的;具体2者的区别可查看这里;小编买的是Ubuntu 16.04 64位
。其他的选项选择默认就行,地区只要是国内的都很快。
买好后,点击头像=>选择产品服务=>云服务器,即可看到购买过的服务器产品。基本信息,配置信息,对cpu的监控一目了然。买阿里云的一个主要原因还是阿里云盾安全。
可以在更多
里面修改远程连接密码和重置服务器密码,修改好后,尝试远程连接下,先输入远程连接密码,后登陆用户名(root)、密码即可。
当然,也可直接使用命令行链接 :
sudo ssh 服务器外网ip
输入电脑密码,输入服务器密码
除此之外,你也可用工具链接,对于 lunix
命令不是很熟悉的小伙伴比较实用。 这里推荐用Transmit
和Filezilla
其他的都一样,用户名输入root
,端口选择 22
即可。
安装Nginx
更新ubuntu软件源
sudo apt-get update
sudo apt-get install -y python-software-properties software-properties-common
sudo add-apt-repository ppa:chris-lea/node.js
sudo apt-get update
安装nginx
sudo apt-get install nginx
# 检查是否安装成功
nginx -v
安装好的文件位置:
/usr/sbin/nginx:主程序
/etc/nginx:存放配置文件
/usr/share/nginx:存放静态文件
/var/log/nginx:存放日志
其实从上面的根目录文件夹可以知道,Linux系统的配置文件一般放在 /etc
,日志一般放在 /var/log
,运行的程序一般放在 /usr/sbin
或者 /usr/bin
。当然,如果要更清楚Nginx的配置项放在什么地方,可以打开 /etc/nginx/nginx.conf
。
安装其他常用工具
1、安装nodejs
sudo apt-get install nodejs
sudo apt install nodejs-legacy
sudo apt install npm
更新npm的包镜像源,方便快速下载
sudo npm config set registry https://registry.npm.taobao.org
sudo npm config list
全局安装n管理器(用于管理nodejs版本)
sudo npm install n -g
安装最新的nodejs(stable版本)
sudo n stable
# 检查是否安装成功
node -v
npm -v
2、安装webpack
npm install webpack-cli -g
npm install webpack -g
3、安装git
如果系统未安装git的话,就会非常友好的提示安装git的命令:
apt-get install git
在云服务器上,关于git的相关操作就不方便用图形界面化工具了,现在命令行的优势出来了,具体git命令请参考
遗漏的工具后续会补上
配置nginx
nginx安装完成后,配置文件为 /etc/nginx/nginx.conf
和 /etc/nginx/conf.d/default.conf
cd /etc/nginx
vim nginx.conf
cd /etc/nginx/conf.d
vim default.conf
自定义nginx.conf 配置
#运行用户,默认即是nginx,可以不进行设置
user root;
#Nginx进程,一般设置为和CPU核数一样
worker_processes 1;
#进程pid存放位置
pid /run/nginx.pid;
events {
worker_connections 1024; # 单个后台进程的最大并发数
# multi_accept on;
}
http {
##
# Basic Settings
##
sendfile on; #开启高效传输模式
tcp_nopush on; #减少网络报文段的数量
tcp_nodelay on;
keepalive_timeout 65; #保持连接的时间,也叫超时时间
types_hash_max_size 2048;
# server_tokens off;
# server_names_hash_bucket_size 64;
# server_name_in_redirect off;
include /etc/nginx/mime.types; #文件扩展名与类型映射表
default_type application/octet-stream; #默认文件类型
##
# SSL Settings
##
ssl_protocols TLSv1 TLSv1.1 TLSv1.2; # Dropping SSLv3, ref: POODLE
ssl_prefer_server_ciphers on;
##
# Logging Settings
##
access_log /var/log/nginx/access.log;
error_log /var/log/nginx/error.log;
##
# Gzip Settings
##
gzip on; #开启gzip压缩
gzip_disable "msie6";
# gzip_vary on;
# gzip_proxied any;
# gzip_comp_level 6;
# gzip_buffers 16 8k;
# gzip_http_version 1.1;
# gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
##
# Virtual Host Configs
##
include /etc/nginx/conf.d/*.conf; #包含的子配置项位置和文件
# include /etc/nginx/sites-enabled/*;
}
#mail {
# # See sample authentication script at:
# # http://wiki.nginx.org/ImapAuthenticateWithApachePhpScript
#
# # auth_http localhost/auth.php;
# # pop3_capabilities "TOP" "USER";
# # imap_capabilities "IMAP4rev1" "UIDPLUS";
#
# server {
# listen localhost:110;
# protocol pop3;
# proxy on;
# }
#
# server {
# listen localhost:143;
# protocol imap;
# proxy on;
# }
#}
自定义default.conf 配置
server {
listen 80; #配置监听端口
server_name localhost; #配置域名
#charset koi8-r;
#access_log /var/log/nginx/host.access.log main;
location / {
#服务默认启动目录
root /usr/share/nginx/html/pc; #pc
# nginx适配pc和app设备
if ($http_user_agent ~* '(Android|webOS|iPhone|iPod|BlackBerry)') {
root /usr/share/nginx/html/app; #app
}
index index.html; #默认访问文件
allow all; #允许访问的ip
# deny all; #拒绝访问的ip
}
# redirect error pages to the static page /404.html
error_page 404 /static/html/404/404.html; # 配置404页面
# redirect server error pages to the static page /50x.html
error_page 500 502 503 504 /static/html/404/500.html; #错误状态码的显示页面,配置后需要重启
# ^~ 表示uri以某个常规字符串开头,大多情况下用来匹配url路径,nginx不对url做编码,因此请求为/static/20%/aa,
# 可以被规则^~ /static/ /aa匹配到(注意是空格)。
location ^~ /static/ {
root /usr/share/nginx/html;
allow all; #允许访问的ip
# deny all; #拒绝访问的ip
}
location = /50x.html {
root /usr/share/nginx/html/pc/; #pc
# nginx适配pc和app设备
if ($http_user_agent ~* '(Android|webOS|iPhone|iPod|BlackBerry)') {
root /usr/share/nginx/html/app/; #app
}
}
# 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;
#}
}
自定义默认目录
我们服务的默认目录放在 /usr/share/nginx/html
了下。
cd /usr/share/nginx/html
ls
假如你要定义服务器的默认访问目录,修改
location /
中的root即可,不过需要开通下你自定义目录的权限。
以/root/www
是自定义目录为例
# 需要一层层分别开通权限
chmod -R 777 /root
chmod -R 777 /root/www
假如你使用的是 Transmit
等服务器工具,也可用工具查看
自定义错误页面
# redirect error pages to the static page /404.html
error_page 404 /static/html/404/404.html; # 配置404页面
# redirect server error pages to the static page /50x.html
error_page 500 502 503 504 /static/html/404/500.html; #错误状态码的显示页面,配置后需要重启
然后在你默认或者自定义的服务器目录下,根据你的错误页配置,新建相关的页面即可。
Nginx访问权限和路径匹配规则
在匹配规则里面,有2个字段可以控制这个规则下的访问权限
location / {
allow all; #允许访问的ip
# deny all; #拒绝访问的ip
}
实际情况中,访问权限的控制还是比较复杂的,例如,要求服务器 static
(静态目录)所有用户都能访问,且,重新定义访问路径,我们需要location块来完成相关的需求匹配。
# ^~ 表示uri以某个常规字符串开头,大多情况下用来匹配url路径,nginx不对url做编码,因此请求为/static/20%/aa,
# 可以被规则^~ /static/ /aa匹配到(注意是空格)。
location ^~ /static/ {
root /usr/share/nginx/html;
allow all; #允许访问的ip
# deny all; #拒绝访问的ip
}
对于nginx路径匹配规则,也需要简单的了解一下
- = 表示精确匹配
- ^~ 表示uri以某个常规字符串开头,大多情况下用来匹配url路径,nginx不对url做编码,因此请求为/static/20%/aa,可以被规则^~ /static/ /aa匹配到(注意是空格)。
- ~ 正则匹配(区分大小写)
- ~* 正则匹配(不区分大小写)
- !~和!~*分别为区分大小写不匹配及不区分大小写不匹配 的正则
- / 任何请求都会匹配
符号的优先级
首先匹配 =,其次匹配^~, 其次是按文件中顺序的正则匹配,最后是交给 / 通用匹配。当有匹配成功时候,停止匹配,按当前匹配规则处理请求。
Nginx反向代理的设置
后续补充。
Nginx适配PC或移动设备
如上述配置:
#服务默认启动目录
root /usr/share/nginx/html/pc; #pc
# nginx适配pc和app设备
if ($http_user_agent ~* '(Android|webOS|iPhone|iPod|BlackBerry)') {
root /usr/share/nginx/html/app; #app
}
#服务默认启动目录
root /usr/share/nginx/html/pc; #pc
# nginx适配pc和app设备
if ($http_user_agent ~* '(Android|webOS|iPhone|iPod|BlackBerry)') {
root /usr/share/nginx/html/app; #app
}
可用app和pc访问我的服务器查看效果 47.99.212.100
配置阿里云安全组
从上面的配置文件可以看出,nginx服务监听的是80端口,所以记得到ECS实例一下打开端口。步骤如下:
- 进入阿里云控制台,并找到ECS实例。
- 点击实例后边的"更多"
- 点击"网络和安全组" ,再点击"安全组配置"
- 选择"安全组列表",再点击"安全组配置",再点击"加入安全组规则"
- 进行80端口的设置,具体设置如图。
nginx 相关命令
在nginx配置的过程中,我们
①先安装nginx;
安装好后,检查是否安装成功;②然后开始做相关nginx配置
;③配置完后检查配置是否正常
;④然后启动nginx
;⑤后续每次改动nginx配置都需重启nginx
;
启动nginx 服务
#方法一
nginx
#方法二
systemctl start nginx.service
查看所有启动的nginx进程
ps aux | grep nginx
停止Nginx服务
#方法一
nginx -s stop
#方法二
nginx -s quit
#方法三
killall nginx
检查nginx配置是否正常
nginx -t
重启nginx服务
sudo nginx -s reload
查看端口占用情况
netstat -tlnp
nginx操作常用的一些命令
ssh链接云服务器
sudo ssh 服务器外网ip
新建文件夹
mkdir www
移动文件
mv node-v6.10.0-linux-x64 nodejs
解压文件
tar -xvf node-v6.10.0-linux-x64.tar.xz
查看文件路径
pwd
访问文件
cd
ls
编辑文件
vim nginx.conf