如何在uvtr上部署烧瓶应用程序-Python教程-PHP中文网

How to Deploy Flask Applications on Vultr

使用Gunicorn、Nginx和Let's Encrypt部署安全的Flask应用

Flask是一个用于构建Web应用程序的Python框架。借助Flask，开发者可以轻松定义路由、处理HTTP请求和响应，并使用Jinja2模板渲染动态内容。它还支持扩展，允许开发者集成数据库访问、表单处理和用户身份验证等功能。

本文将介绍如何使用Gunicorn部署Flask应用程序，并实现CSRF保护和内容安全策略 (CSP)。我们还将使用Nginx设置反向代理，并通过Let's Encrypt申请免费SSL证书来实现HTTPS。

在Vultr优化型云实例上部署

注册并登录Vultr客户门户网站。
导航到“产品”页面。
从侧边菜单中选择“计算”。
点击中央的“部署服务器”按钮。
选择“优化型云计算”作为服务器类型。
选择服务器位置。
选择Ubuntu 24.04作为操作系统。
选择合适的套餐。
如有需要，选择任何附加功能。
点击“立即部署”。

添加演示应用程序代码文件

设置Python虚拟环境

安装python3-venv包：sudo apt install python3-venv
创建虚拟环境：python3 -m venv myenv
激活虚拟环境：source myenv/bin/activate

添加演示应用程序代码文件

克隆Github仓库：git clone https://github.com/mayankdebnath/flask-todo-demo.git
导航到项目目录：cd flask-todo-demo/sample/
安装Flask和Gunicorn包：pip install flask gunicorn
允许传入连接到5000端口：ufw allow 5000

应用CSRF保护和内容安全策略

跨站请求伪造 (CSRF) 是一种漏洞，允许攻击者利用用户在受信任网站上的已登录会话，向用户信任的不同网站发出未经授权的请求。WTForms是一个Flask扩展，默认情况下集成了CSRF保护，以防止CSRF攻击。

内容安全策略 (CSP) 是Web应用程序的一层额外安全措施，可以保护它们免受恶意攻击。CSP指示浏览器允许加载哪些资源到特定网页上。通常，网站管理员通过向网页的服务器响应添加特殊的标头来配置CSP，然后浏览器接收CSP标头并了解允许加载哪些资源。Talisman是一个Flask扩展，简化了向Flask应用程序添加CSP的过程。

安装flask-wtf和talisman包：pip install flask-wtf talisman
打开app.py文件：nano app.py
编辑app.py文件以包含内容安全策略：

from talisman import Talisman

talisman = Talisman(
    app,
    content_security_policy={
        'default-src': ['\'self\''],
        'script-src': ['\'self\'', '\'unsafe-inline\'', 'https://code.jquery.com'],
        'style-src': ['\'self\'', '\'unsafe-inline\'', 'https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css', 'https://todoapp5.ddns.net/static/styles.css', 'https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css'],
    },
    force_https=True,
    session_cookie_secure=True,
    frame_options='DENY',
)

登录后复制

在app.py文件中，导入并配置CSRF保护：

from flask_wtf.csrf import CSRFProtect

app.config['SECRET_KEY'] = 'your_secret_key_here'
csrf = CSRFProtect(app)
csrf._csrf_request_token_key = 'X-CSRFToken'

登录后复制

保存并关闭文件。

导航到templates目录：cd templates
打开index.html文件：nano index.html
编辑HTML页面以包含CSRF配置：

var csrfToken = $('input[name="csrf_token"]').val();

$.ajaxSetup({
    beforeSend: function(xhr, settings) {
    if (!/^(GET|HEAD|OPTIONS|TRACE)$/i.test(settings.type) && !this.crossDomain) {
    xhr.setRequestHeader("X-CSRFToken", csrfToken);
        }
    }
});

登录后复制

保存并关闭文件。 8. 退出templates目录：cd ..

配置Nginx作为反向代理

Nginx充当Web服务器和客户端之间的反向代理。它根据您的请求配置设置来引导传入请求。在本节中，我们将配置应用程序以进行反向代理，以实现高效的请求处理和负载平衡。我们还将从Let's Encrypt申请免费SSL证书来实现HTTPS，从而保护用户和Web服务器之间的通信安全。

登录Vultr客户门户网站。
导航到“产品”页面。
从侧边菜单中展开“网络”下拉菜单，然后选择“DNS”。
点击中央的“添加域名”按钮。
按照设置步骤添加您的域名，选择服务器的IP地址。
使用您的域名注册商将以下主机名设置为域名的主名称服务器和辅助名称服务器：ns1.vultr.com 和 ns2.vultr.com。
安装Nginx：sudo apt install nginx
创建一个新的Nginx配置文件：sudo nano /etc/nginx/sites-available/app.conf
将以下配置粘贴到文件中：

server {
    listen 80;
    listen [::]:80;

    server_name <your_domain>;

    location / {
        proxy_pass http://127.0.0.1:5000/;
        proxy_set_header Host $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }
}

登录后复制

激活虚拟主机配置：sudo ln -s /etc/nginx/sites-available/app.conf /etc/nginx/sites-enabled/
测试Nginx配置：sudo nginx -t
重新加载Nginx：sudo systemctl reload nginx
允许传入连接到80和443端口：sudo ufw allow 80/tcp && sudo ufw allow 443/tcp
安装certbot包：sudo snap install --classic certbot
申请SSL证书：sudo certbot --nginx -d example.com -d www.example.com (将example.com替换为你的域名)
启动Gunicorn服务器：gunicorn -b 0.0.0.0:5000 app:app
现在您可以通过https://<your_domain></your_domain>访问您的Flask应用程序。