Nginx+uWSGI+Django+阿里云ECS环境配置笔记

2018-04-21 本文已影响148人 _RedFox_

前言

在阿里云上注册了一个账号，可以免费使用一个月阿里云ECS服务器，于是试了一下，也踩了几个坑，做个笔记供以后查阅吧。主机镜像为debian

1.1. 用ssh链接到主机

首先通过阿里云的控制台查看到主机的ip地址

主机IP

我这里的IP是 120.79.210.25，在控制台输入

ssh root@120.79.210.25

这里由于我已经连接过，重置了硬盘，所以连接失败，删除.ssh目录下的文件就可以重新连接了!执行以下命令：

cd .ssh
rm -rf *

这里填yes

ssh连接成功.png

这样就成功的连接到了主机，就可以开始下面的步骤了。

2. 安装并测试nginx

2.1. 安装nginx

apt-get update
apt-get install nginx

安装好了提示错误！先忽略，执行命令修改文件。

vim /etc/nginx/sites-enabled/default

将原文件中的

listen 80 defaul_server;
listen [::]:80 default_server;

改为：

listen 80；
# listen [::]:80 default_server;

提示：按i进入编辑模式，编辑完后按ESC键，再输入“：”，输入wq保存并退出。后面还需要修改这个文件，可以一次改好，但是为了方便测试，就一步一步来吧。

2.2. 启动nginx

/etc/init.d/nginx restart

修改后nginx启动成功.png

然后在浏览器中输入IP地址（120.79.210.25）可以看到下面页面就表示nginx成功了！

测试nginx成功.png

3. 安装pip和python虚拟环境

3.1. 安装pip

apt-get install python3-pip

3.2. 安装python虚拟环境并激活

cd /var/www 
pip3 install virtualenv  
virtualenv -p /usr/bin/python3 venv

其中venv是虚拟环境名称，可以随便取。

创建虚拟环境后目录结构.png

激活虚拟环境如下：

source /var/www/venv/bin/activate

激活虚拟环境.png

注意图中的 (venv) root@website:/var/www，后续的操作都在虚拟环境中，如果中途退出再次连接，请再次激活。

4. 安装Django并测试

4.1 安装django，新建一个website的项目，项目中新建一个blog的App

pip3 install django

安装django.png

新建一个webstie的工程

django-admin startproject website

django startproject website 后目录结构.png

新建一个 blog app

cd website
python manage.py startapp blog

4.2 测试Django

cd website
python manage.py runserver 0.0.0.0:8000

在浏览器中输入 120.79.210.25：8000，再次出现错误：

网页无法访问：
解决办法：阿里云服务器控制台-本实例安全组-快速创建规则（右上角）-自定义端口：8000/8000，授权对象：0.0.0.0/0

本地安全组.png
添加端口.png
出现下图（Invalid HTTP_HOST header: '120.79.210.25:8000'. You may need to add '120.79.210.25' to ALLOWED_HOSTS.）错误：

allowed hosts 错误.png

解决办法：ctrl+c停止服务器后，找到并修改settings.py文件。

cd /var/www/website/website
vim settings.py

找到ALLOWED_HOSTS = [] 修改为 ALLOWED_HOSTS = ['*'] 保存退出。再次运行服务器，刷新浏览器可以看到django界面就成功了。再次Ctrl+C退出服务。

django：8000 oK.png

4.3 做点简单的测试

4.3.1 在blog文件夹下新建static，templates文件夹。

建立static文件夹，编写style.css文件

cd /var/www/website/blog
mkdir static
cd static
vim style.css

style.css内容如下：

h1{
    font-size:35px;
}

编写template文件夹，编写 index.html文件.

cd /var/www/website/blog
mkdir templates
cd templates
vim index.html

编写index.html.png

业务逻辑

vim /var/www/website/website/urls.py

添加如下代码：

def index(request):
        return render(request, "index.html")

路由

vim /var/www/website/website/urls.py

编写url.png

注册APP

vim /var/www/website/website/settings.py

找到INSTALLED_APPS添加‘blog’。再次运行django服务器。

cd /var/www/website
python manage.py runserver 0.0.0.0:8000

在浏览器中分别输入：120.79.210.25:8000 120.79.210.25/blog查看测试结果

127.79.210.25:8000

120.79.210.25/blog

在来看看后台有没有问题
Ctrl+C退出服务。

python manage.py migrate

django migrate.png

创建管理员账户

python manage.py createsuperuser

再次启动内置服务器，浏览器输入120.79.210.25:8000/admin 输入刚才创建的用户名密码，登录.

admin：8000.png

成功了Ctrl+C退出服务。
OK！现在nginx和Django已经安装好了，需要安装uwsgi来把他们连接起来，这里掉坑了。。。。。。。

5. 安装uwsgi

5.1 安装

pip3 install uwsgi

测试uwsgi：

cd /var/www/website
uwsgi --http :8000 --module website.wsgi

在浏览器中输入120.79.210.25/blog 和 120.79.210.25/admin 页面显示成功，但是没有加css载静态文件。

admin页面.png

blog的index.html页面.png

5.2 编辑uwsgi.ini 放在www目录下

vim /var/www/uwsgi.ini

内容为：

[uwsgi]
socket = :8001
processes = 4
threads = 2
master = true
chdir = /var/www/website
module = website.wsgi
home = /var/www/venv
vacuum = true

socket 必须和后面的nginx文件中的设置一样。nchdir是项目目录，module就是和项目同名的wsgi文件，home是虚拟环境目录。

5.3 编辑nignx文件

vim /etc/nginx/sites-enabled/default

最后是这个样子，我删掉了其中的注释

upstream django{
    server 127.0.0.1:8001;
}
server{
    listen 80;

    charset utf-8;
    server_name 120.79.210.25;
    client_max_body_size 10M;
    
    location / {
        uwsgi_pass django;
        include /etc/nginx/uwsgi_params;
    }

    location /static {
        alias /var/www/website/static/;
    }
}

重新启动nginx：

 /etc/init.d/nginx restart

启动uwsgi：

 cd /var/www
 uwsgi --ini uwsgi.ini

在浏览器中直接输入ip地址，访问80端口，看看是不是已经联通了

80端口.png

80端口blog.png

80端口的admin.png

可以看到，可以通过80端口访问了，ctrl+c 结束服务。

5.4 最后一步，搞定静态文件

在根目录新建static文件夹，然后让Django取收集静态文件到这个文件夹。

cd /var/www/website
mkdir static

编辑settings.py：

vim /var/www/website/website/settings.py

添加如下代码：

STATIC_ROOT = os.path.join(BASE_DIR, 'static'）

保存退出，收集静态文件：

cd /var/www/website
python manage.py collectstatic

再次启动ngnix 和 uwsgi 服务

/etc/init.d/nginx restart
cd /var/www
uwsgi --ini uwsgi.ini

重启nginx和uwsgi.png

启动成功
再次在浏览器中浏览

admin加载静态文件成功.png

为了明显一点，我重新修改了style.css文件，font-size加大了点，再次用命令收集一下静态文件，

index加载成功.png