内容已经转出,请移步以下网址:

https://viadean.notion.site

Docker容器化 Flask 和 React 应用

 二维码 24
文章附图

Flask 是一个非常强大的框架。 您可以使用 Flask 构建各种各样的系统,从非常基本的 Web 应用程序到大型平台。 React 是一个非常流行、易于使用且非常强大的前端开发 JavaScript 库。 Docker 是一个开放平台,供开发人员和系统管理员构建、发布和运行分布式应用程序,无论是在笔记本电脑、数据中心 VM 还是云上。

Flask 服务器和 docker 部署

设置基本环境

创建工作区和目录

app 模块代码

app 对象及其服务器代码

上述代码释义

Docker 部署

连接 MongoDB 数据库进行 CRUD 操作

MongoDB 是一个开源且面向文档的 NoSQL 数据库。 它使用带有模式的类似 JSON 的文档。 它对于快速和无迁移开发非常强大。 要了解有关 MongoDB 的更多信息,请查看此非常详细的教程。 我们将使用 MongoDB 作为我们的数据库并将其与我们的 Flask Web 应用程序连接。

MongoDB 与 Flask 服务器连接

数据库和Flask 服务器代码

上述代码释义

CRUD 操作命名用户集合

代码修改

CRUD 操作代码

代码释义

修改 docker-compose 文件支持 mongoDB

修改 Dockerfile

测试

使用 JSON Web 令牌进行身份验证

JSON Web Token (JWT) 是一个开放标准 (RFC 7519),它定义了一种紧凑且自包含的方式,用于在各方之间作为 JSON 对象安全地传输信息。您可以在此处阅读有关 JWT 的更多信息。

基本上,我们可以发送一个紧凑且自包含的加密令牌,而不是在我们向服务器发出的每个请求中添加用户信息。

  • 紧凑:由于尺寸较小,JWT 可以通过 URL、POST 参数或在 HTTP 标头内发送。此外,较小的尺寸意味着传输速度很快。

  • 自包含:有效负载包含有关用户的所有必需信息,避免多次查询数据库的需要。

Flask-JWT-Extended 模块与 Flask 服务器集成

使用 json schema 验证 API 请求对象

创建用户注册和身份验证路由

源代码

类似视频演示

  1. 在本视频中,我们将学习如何使用 Docker 设置 Flask、React 应用程序。我们将首先了解 docker 是什么以及如何使用 Flask 设置 docker。

  2. 在本视频中,我们将学习如何将一个简单的 Flask 后端和一个 React.JS 前端应用程序部署到 Heroku。


阅读完整文档