因为项目原因,学习了react,Django,完成react开发项目过后,打包(做好了代码分割、压缩)放入Django中,在本地运行速度很快,结果放到服务器中,虽然某些js文件很小(只有一百多kb),但是下载速度非常慢,需要3-6秒,这样导致页面加载速度很慢,通过查询,通过gzip压缩,可以使项目js文件进行进一步压缩,极大的加快项目运行速度。现将完整的流程分享如下:

一、确保项目在服务器中运行成功(暂不做任何处理):

  比如我购买腾讯云服务,在服务器中启动Django项目,python manage.py runserver 0.0.0.0:80  (腾讯云服务公网ip会映射到此地址),在本机使用公网ip确保能访问

二、在centos中安装uwsgi

直接使用以下命令完成安装:

pip install uwsgi

1.配置uwsgi:在Django项目的根目录下,新建两个文件,uwsgi.ini( 配置文件)和run.log(日志文件)

2.在uwsgi.ini配置如下:

  

[uwsgi]
chdir = /home/myweb ----->项目根目录
module = myweb.wsgi:application ----->项目myweb/myweb/wsgi.py
socket = 127.0.0.1:8000 ----->nginx与uwsgi通信端口,与nginx配置文件中一直,下面会说
master = true ----->允许主线程存在(true)
processes=4 ----->开启的进程数量(这里是开启4个进程)
max-requests=5000 ----->最大请求数
daemonize = /home/myweb/run.log ----->上面创建的日志文件
disable-logging = true ----->表示不记录正常信息,只记录错误信息
wsgi-file = /home/myweb/myweb/wsgi.py ----->项目myweb/myweb/wsgi.py
pidfile=/home/myweb/uwsgi.pid ----->uWSGI运行后自动生成的,里面记录了uWSGI的进程号,可以用来重启uWSGI
vacuum=true ----->当服务器退出的时候自动清理环境,删除unix socket文件和pid文件

4.在项目根目录中运行以下命令进行static文件收集,这个提供ngnix静态文件

python manage.py collectstatic

3.uwsgi.ini操作

启动:uwsgi --ini uwsgi.ini
停止:uwsgi --stop uwsgi.pid
重启:uwsgi --reload uwsgi.pid

三、centos安装nginx

安装依赖

1.yum install gcc-c++  
2.yum install pcre pcre-devel
3.yum install zlib zlib-devel
4.yum install openssl openssl--devel

下载nginx

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

解压缩

tar -zxvf nginx-1.12.0.tar.gz

进入目录

cd  nginx-1.12.0

安装

./configure
make
make install

centos默认安装路径:/usr/local/nginx

进入此目录:cd /usr/local/nginx/sbin

输入命令启动nginx(测试是否安装成功):./nginx

如果成功会显示以下界面:

进行nginx配置

  cd /usr/local/nginx/conf

vi nginx.conf进行编辑

插入:

    gzip  on;                              ----->启动gzip压缩
gzip_min_length 1k; ----->最小压缩为1k
gzip_buffers 4 16k; ----->以16k为单位,按照原始数据大小以16k为单位的4倍申请内存
#gzip_http_version 1.0; ----->识别http协议的版本,早起浏览器可能不支持gzip自解压,用户会看到乱码
gzip_comp_level 4; ----->等级1-9 最小的压缩最快 但是消耗cpu
gzip_types text/plain application/javascript application/x-javascript text/css text/javascript image/jpeg image/gif image/png; ------>压缩格式,这个很重要,只有对应格式才压缩
gzip_disable "MSIE [1-6]\."; ----->指定哪些不需要gzip压缩的浏览器
gzip_proxied any; ------>nginx做为反向代理时启用,off(关闭所有代理结果的数据的压缩),expired(启用压缩,如果header头中包括"Expires"头信息),no-cache(启用压缩,header头中包含"Cache-Control:no-cache"),no-store(启用压缩,header头中包含"Cache-Control:no-store"),private(启用压缩,header头中包含"Cache-Control:private"),no_last_modefied(启用压缩,header头中不包含"Last-Modified"),no_etag(启用压缩,如果header头中不包含"Etag"头信息),auth(启用压缩,如果header头中包含"Authorization"头信息)
    gzip_vary on;                          ------>启用应答头"Vary: Accept-Encoding"

继续编辑在server里编辑

charset utf-8;                                  ----->设置字符编码

        location / {
uwsgi_pass 127.0.0.1:8000; ----->对应uwsgi配置的端口
include /usr/local/nginx/conf/uwsgi_params; ------conf目录下
}
location /static{ ----->静态文件
alias /home/myweb/static;
}

nginx操作:

启动:在sbin目录    ./nginx -c /usr/local/nginx/conf/nginx.conf
停止:查看进程 ps -ef|grep nginx 杀死进程 kill -TERM 2132
重启:./nginx -s reload

四:启动uwsgi、nginx服务,项目就运行成功了,如下:

参考文章:

  https://blog.csdn.net/xing851483876/article/details/84306953

  https://www.cnblogs.com/leechenxiang/p/7086298.html

https://www.jianshu.com/p/cc61d74104e5

https://www.cnblogs.com/codingcloud/p/5095066.html

腾讯云服务器centos7.2+nginx(开启gzip压缩)+uwsgi+Django+react的更多相关文章

  1. 部署Flask项目到腾讯云服务器CentOS7

    部署Flask项目到腾讯云服务器CentOS7 安装git yum install git 安装依赖包 支持SSL传输协议 解压功能 C语言解析XML文档的 安装gdbm数据库 实现自动补全功能 sq ...

  2. Nginx 开启gzip压缩(图片,文件,css)

    1.Vim打开Nginx配置文件 vim /usr/local/nginx/conf/nginx.conf 2.找到如下一段,进行修改 gzip on; gzip_min_length 1k; gzi ...

  3. Nginx开启Gzip压缩提升页面加载速度

    1.在 nginx 的conf 目录下新建 gzip.conf 文件 #开启gzip压缩 gzip on; #设置允许压缩的页面最小字节数 gzip_min_length 1k; #申请4个单位为16 ...

  4. nginx 开启gzip压缩

    Nginx开启Gzip压缩功能, 可以使网站的css.js .xml.html 文件在传输时进行压缩,提高访问速度,!  Web网站上的图片,视频等其它多媒体文件以及大文件,因为压缩效果不好,所以对于 ...

  5. Hexo博客部署到腾讯云服务器全过程(Nginx,证书,HTTPS),你要的这里都有

    背景 说来也惭愧,博客已经搭建很久了,一直免费的部署在 Coding 和 Github Pages 上,前者迁移到腾讯云 Serverless,导致原有的配置始终有问题,没时间仔细研究,刚好腾讯服务器 ...

  6. Nginx 开启gzip 压缩

    随着nginx的发展,越来越多的网站使用nginx,因此nginx的优化变得越来越重要,今天我们来看看nginx的gzip压缩到底是怎么压缩的呢? gzip(GNU-ZIP)是一种压缩技术. 经过gz ...

  7. Nginx开启gzip压缩功能

    在Nginx安装完成之后,我们可以开启Gzip压缩功能,这里Nginx默认只能对text/html类型的文件进行压缩.下面的指令为开启Gzip的指令: gzip on; gzip_http_versi ...

  8. Nginx 开启gzip 压缩,实现基于域名的虚拟主机。

    一:gzip(GNU-ZIP)是一种压缩技术. 经过gzip压缩后页面大小可以变为原来的30%甚至更小,这样,用户浏览页面的时候速度会块得多. gzip 的压缩页面需要浏览器和服务器双方都支持,实际上 ...

  9. WIN2003服务器IIS下如何开启GZIP压缩

    在上一篇文章黑客流谈到了关于网页打开速度对SEO的影响,其中提到了网页开启Gzip压缩的好处,接下来我来和大家分享一下WINDOWS系统IIS服务器下如何开启Gzip压缩. 首先我们来了解一下什么是G ...

随机推荐

  1. 5、netty第四个例子,空闲检测handle

    netty可支持空闲检测的处理器,用于心态检测,当服务器端超出等待时间,没发生事件时,会触发handler中的方法 userEventTriggered. initializer import io. ...

  2. web项目踩坑过程

    sql函数设计: 一开始本来是直接用Java的jdbc直接传输操作语句的.但后来学了存储过程发现存储过程可以提高不少的效率.就重构了自己对数据库的操作代码.包括:开启,查找,修改,关闭. 开启:直接使 ...

  3. 将Excel表结构导入到Powerdesigner

    我们经常会在excel中设计整理表结构,整理完需要导入到Powerdesigner中,可以通过以下脚本来实现快速,具体操作方法: 打开PowerDesigner,新建模型,点击Tools|Execut ...

  4. C语言程序设计100例之(22):插入排序

    例22  插入排序 问题描述 排序是计算机程序设计中的一种重要操作,它的功能是将一个数据元素或记录的任意序列,重新排列成一个以关键字递增(或递减)排列的有序序列. 排序的方法有很多,简单插入排序就是一 ...

  5. kubernetes部署高可用redis

    本文redis通过helm搭建,提供redis高可用完整的编排,关于Helm的搭建和使用请查看文章<helm的搭建及使用>,其中前一章介绍了Helm搭建,并提供了Helm搭建Harbor的 ...

  6. sql server判断表存在

    在创建表.更改表结构.删除表或对表进行什么操作之前,一个比较严谨的做法是先判断该表是否已经存在. 在SQL Server中判断一个表是否存在,有两个方法,下面以diso表为例. 方法1 from sy ...

  7. jquery使用on()方法绑定的事件被执行多次的问题

    jQuery用on()方法绑定了事件之后,在代码执行过程中,可能会遇到事件被多次执行的情况. 本来以为是事件冒泡的问题,后来发现是on()方法的特性引起的问题. 简单还原一下问题的场景 这里简单还原一 ...

  8. Java描述设计模式(06):建造者模式

    本文源码:GitHub·点这里 || GitEE·点这里 一.生活场景 基于建造者模式,描述软件开发的流程. 1.代码实现 /** * 基于建造者模式描述软件开发 */ public class C0 ...

  9. C# OpenCVSharp使用SetMouseCallback设置回调方法,报错"向非托管代码传递委托时,托管应用程序必须让这些委托保持活动状态,直到确信不会再次调用它们。"

    一.描述问题 当非托管代码调用托管应用程序的委托的时候,经常会报错“托管调试助手 "CallbackOnCollectedDelegate"   Message=托管调试助手 &q ...

  10. 常用类-CSV---OLEDB

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.D ...