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

Ubuntu+Nginx+uwsgi部署django项目

ztj100 2025-02-28 18:11 5 浏览 0 评论

相比较学习Django来说,部署应该是在整个环节中比较难的一项,特别是一些自学者,对liunx系统的命令行操作不熟悉,甚至是从来没有接触过服务器,这一块我相信劝退了很多人!当初我自己学习的时候也是如此!

但我仍然觉得自学是一件非常酷的事,虽说可能会走些弯路,但这些弯路何尝不是一种历练和积累呢?你看人生的每一步都是这样,越想走捷径的人最后都绕了远路,马云在成功之前也曾经历过无数失败,所以直面困难。

自学习编程,请做到以下这三点:

一、学会总结归纳问题,并养成做笔记的习惯

二、出现问题,学会利用搜索引擎去搜索问题

三、不懂的可以先照猫画虎,将你的需求实现,然后再去探寻一些概念性以及你不懂的知识点

好了,开始我们今天的正题,部署我们已经用django开发好的博客项目!

部署之前需要做的几件事

注意:以下几件事都必须在激活虚拟环境下完成

  1. 运行以下命令生成项目所需的依赖列表,会在项目根目录生成一个requirements.txt的文件
pip3 freeze > requirements.txt

读取requirements.txt文件,并安装项目依赖命令!

 pip3 install -r requirements.txt 

2. 搜集项目的静态文件

在项目的配置文件settings.py文件中添加添加静态文件路径

 STATIC_ROOT = '/var/www/django-blog/static/'

这将会把所有的静态文件拷贝至STATIC_ROOT配置的路径!

解决服务器的问题

学习阶段我们需要买一个云服务器吗?

我的答案是如果条件允许,建议你买一个初级的!费用也不是很高,一般做活动的话阿里云等这些平台都会很便宜!但购买服务器不是必须的,我们可以在本地电脑上安装虚拟机来充当服务器学习,一般安装系统为ubuntu或centos,虚拟机使用 VMware就可以!

虚拟机VMware哪里有?以及如何在虚拟机安装liu,nx系统 ?请参照自学编程的第二点,大家自行去解决这两个问题!

如何在本地链接到服务器?

一般我们开发用的系统都是windows 10,至少我是如此,土豪Mac请绕过,那首先必须安装openssh!

win10 openSSH安装教程:
https://docs.microsoft.com/zh-cn/windows-server/administration/openssh/openssh_install_firstuse

使用vscode编辑器链接远程服务器

一、安装扩展Remote Development

vscode本身就支持远程开发,请安装下边这个扩展!

二、添加远程服务器连接

三、保存服务器配置文件

安装Nginx

sudo apt-get install nginx

检查nginx是否安装成功:*nginx -v 查看nginx的版本,如果正确显示格式如这样 nginx version: nginx/1.18.0 (Ubuntu),那么证明安装成功!

nginx常用命令:

  1. 启动nginx: service nginx start
  2. 停止nginx:service nginx stop
  3. 重启nginx:service nginx restart
  4. 重载配置文件:service nginx reload
  5. 查看nginx状态:service nginx status

安装git并克隆项目

ubuntu安装git,请参考这篇文章:
http://www.lotdoc.cn/blog/post/28/

一、进入Nginx用来默认放置网站的文件夹

cd /var/www

二、克隆项目到该文件夹

git clone https://gitee.com/qbiancheng/django-blog.git

三、创建虚拟环境

python3 -m venv venv

四、激活虚拟环境

linux: . venv/bin/activate
windows: venv\Scripts\activate

五、安装依赖

pip3 install -r requirements.txt

安装uwsgi

linux-ubuntu安装uwsgi

对于 Python3.x 版本

sudo apt-get install python3-dev
sudo apt-get install python3-pip 
sudo pip3 install uwsgi

创建uwsgi配置文件

在项目目录下创建一个deploy的文件,创建一个uwsgi.ini的文件

cd /var/www/django-blog
makdir deploy
cd deploy
touch uwsgi.ini

使用vim打开uwsgi.ini文件vim uwsgi.ini,复制以下代码并加以修改

# 配置域应该是uwsgi,记住这个不能丢,否则会报错
[uwsgi]
# uwsgi监听的socket,可以为socket文件或ip地址+端口号,用nginx的时候就配socket , 直接运行的时候配 http, http-socket = 127.0.0.1:8080
socket    = 127.0.0.1:8001

#指定项目的目录,在app加载前切换到当前目录
chdir           = /www/wwwroot/django-blog

# Django的wsgi文件,用来加载blog2/wsgi.py这个模块
module          =  mysite.wsgi
# Python虚拟环境的路径
home            = /www/wwwroot/django-blog/venv
# master 启动主进程。
master   = true
# 最大数量的工作进程数
processes   = 10
# 指定工作进程中的线程数
threads = 2

# 设置socket的权限
chmod-socket    = 664
# 退出的时候是否清理环境,自动移除unix Socket 和 Pid 文件
vacuum          = true
#日志文件路径
daemonize = /www/wwwroot/django-blog/deploy/uwsgi.log

创建项目nginx的配置文件

进入:cd /etc/nginx/sites-enabled

创建:touch blog

用vim编辑打开刚才创建的blog文件,将下边的内容填写进去,具体参考注释说明:

# 配置文件内容:
# 转发给哪个服务器,可以通过upstream配置项让nginx实现负载均衡
upstream django {    
    server   127.0.0.1:8001;  # 这里的端口号必须和uwsgi里的保持一致
    server   127.0.1.1:8001;
}

# 设定虚拟主机配置,一个http中可以有多个server。
server {
    # 启动的nginx进程监听请求的端口
    listen      80;
    #定义使用域名访问
    server_name  192.168.11.106;
    charset     utf-8;

    # max upload size  
    client_max_body_size 75M;    # adjust to taste

    # location 配置请求静态文件多媒体文件。
    location /media  {
        alias  /www/wwwroot/django-blog/media/;  
    }
    # 静态文件访问的url
    location /static {
        # 指定静态文件存放的目录
        alias /www/wwwroot/django-blog/static/;
    }

#  将所有非媒体请求转到Django服务器上
    location / {
        # 包含uwsgi的请求参数,路径为qmblog_uwsgi_params绝对路径
        include  /www/wwwroot/django-blog/deploy/params; 
        # 转交请求给uwsgi
        # uwsgi_pass  127.0.0.1:8000; 
        uwsgi_pass  django;  
        #这个django对应开头出的,对于动态请求,转发到本机的端口,也就是uwsgi监听的端口,uwsgi运行的主机和ip,后面我们会在本机的该端口上运行uwsgi进程
        # 下面两个配置意思是如果比如通过http://www.xxx.com直接访问的是static下的index.html或者index.htm页面,一般用于将首页静态化
        #root   /root/src/www/CainiaoBlog/static/;
        #index index.html index.htm; 
    }
   # 精确匹配不同于上面/,这里http://www.xxx.com会匹配这个,根据这个配置将请求转发给另外nginx服务器,
   # 让另外服务器提供静态首页。同上面的访问index.html在另外同一台服务器上同一配置文件中结合。
   # location = / {
    #    proxy_pass  http://ip:port;
  #  }
}

最后,重启nginx,具体请参考nginx常用命令!

启动uwsgi服务

备注:请务必在激活虚拟环境下运行

cd /var/www/django-blog
uwsgi --ini deploy/uwsgi.ini

出现[uWSGI] getting INI configuration from deploy/uwsgi.ini类似这行的命令说明启动成功,直接去浏览器访问即可!

相关推荐

使用 Pinia ORM 管理 Vue 中的状态

转载说明:原创不易,未经授权,谢绝任何形式的转载状态管理是构建任何Web应用程序的重要组成部分。虽然Vue提供了管理简单状态的技术,但随着应用程序复杂性的增加,处理状态可能变得更具挑战性。这就是为什么...

Vue3开发企业级音乐Web App 明星讲师带你学习大厂高质量代码

Vue3开发企业级音乐WebApp明星讲师带你学习大厂高质量代码下栽课》jzit.top/392/...

一篇文章说清 webpack、vite、vue-cli、create-vue 的区别

webpack、vite、vue-cli、create-vue这些都是什么?看着有点晕,不要怕,我们一起来分辨一下。...

超赞 vue2/3 可视化打印设计VuePluginPrint

今天来给大家推荐一款非常不错的Vue可拖拽打印设计器Hiprint。引入使用//main.js中引入安装import{hiPrintPlugin}from'vue-plugin-...

搭建Trae+Vue3的AI开发环境(vue3 ts开发)

从2024年2025年,不断的有各种AI工具会在自媒体中火起来,号称各种效率王炸,而在AI是否会替代打工人的话题中,程序员又首当其冲。...

如何在现有的Vue项目中嵌入 Blazor项目?

...

Vue中mixin怎么理解?(vue的mixins有什么用)

作者:qdmryt转发链接:https://mp.weixin.qq.com/s/JHF3oIGSTnRegpvE6GSZhg前言...

Vue脚手架安装,初始化项目,打包并用Tomcat和Nginx部署

1.创建Vue脚手架#1.在本地文件目录创建my-first-vue文件夹,安装vue-cli脚手架:npminstall-gvue-cli安装过程如下图所示:创建my-first-vue...

新手如何搭建个人网站(小白如何搭建个人网站)

ElementUl是饿了么前端团队推出的桌面端UI框架,具有是简洁、直观、强悍和低学习成本等优势,非常适合初学者使用。因此,本次项目使用ElementUI框架来完成个人博客的主体开发,欢迎大家讨论...

零基础入门vue开发(vue快速入门与实战开发)

上面一节我们已经成功的安装了nodejs,并且配置了npm的全局环境变量,那么这一节我们就来正式的安装vue-cli,然后在webstorm开发者工具里运行我们的vue项目。这一节有两种创建vue项目...

.net core集成vue(.net core集成vue3)

react、angular、vue你更熟悉哪个?下边这个是vue的。要求需要你的计算机安装有o.netcore2.0以上版本onode、webpack、vue-cli、vue(npm...

使用 Vue 脚手架,为什么要学 webpack?(一)

先问大家一个很简单的问题:vueinitwebpackprjectName与vuecreateprojectName有什么区别呢?它们是Vue-cli2和Vue-cli3创建...

vue 构建和部署(vue项目部署服务器)

普通的搭建方式(安装指令)安装Node.js检查node是否已安装,终端输入node-v会使用命令行(安装)npminstallvue-cli-首先安装vue-clivueinitwe...

Vue.js 环境配置(vue的环境搭建)

说明:node.js和vue.js的关系:Node.js是一个基于ChromeV8引擎的JavaScript运行时环境;类比:Java的jvm(虚拟机)...

vue项目完整搭建步骤(vuecli项目搭建)

简介为了让一些不太清楚搭建前端项目的小白,更快上手。今天我将一步一步带领你们进行前端项目的搭建。前端开发中需要用到框架,那vue作为三大框架主流之一,在工作中很常用。所以就以vue为例。...

取消回复欢迎 发表评论: