Flask + MongoDB：“Azure Web 傻瓜应用”指南

Question

在花了很多时间阅读了几十份指南之后，我终于进入了工作设置，并决定在这里发布说明。

问题：我的机器上运行着一个运行正常的 flask 应用程序。 如何使用 Microsoft Azure 平台将其作为 web 应用程序启动？

Answer 1

所以这是我的指南。 我希望它能帮助别人！

在 Azure 下启动新的 web 应用程序的步骤：

0.登录Azure

转到 Azure 门户https://portal.azure.com/并使用您的 Microsoft 帐户登录。

1.创建资源组：

• 主页 > 创建资源 > 资源组
• 填写：订阅（免费试用），名称（带_resgrp的东西），地区（例如西欧）

2.数据库：

• 主页 > 创建资源 > 创建 Azure Cosmos DB > Azure Cosmos DB for MongoDB
• 填写：订阅（免费试用），资源组（见上），账户名（带_db的东西），地区（西欧），【创建】
• 转到Home > db account > connection strings ，复制标记为“PRIMARY CONNECTION STRING”的行并将其放在一边。

3.应用程序：

• 首页 > 创建资源 > 创建Web App
• 填写：订阅（免费试用），资源组（见上），名称（会出现在站点url，）：发布，代码：运行时堆栈。 python 3,9：区域，西欧：计划，Basic B1（$13/月），[创建]
• Home > our-web-app > configuration > Application settings > Connection strings 单击“New Connection strings”并使用步骤 2 中的连接字符串设置MYDB 。

4.代码：

我们将使用由 Prashant Shahi 发布的一个漂亮的“待办事项列表”极简主义应用程序。 谢谢普拉尚！

• 将代码从https://github.com/prashant-shahi/ToDo-List-using-Flask-and-MongoDB克隆到某个本地文件夹中。
• 删除除 app.py、static、templates、requirements.txt 之外的所有内容
• 编辑 requirements.txt，使 Flask 不带“==version”出现，因为默认情况下有旧版本。
• 使用以下命令创建wsgi.py ：

from app import app
if __name__ == '__main__':
    app.run()

• 使用以下代码创建go.sh 。 这些命令将设置环境，然后启动gunicorn以响应 web 请求。 其中一些命令仅用于调试。

# azure webapp: called under sh from /opt/startup/startup.sh
set -x
ls -la
pip install -r /home/site/wwwroot/requirements.txt
echo "$(pwd) $(date)"
ps aux
gunicorn --bind=0.0.0.0 --log-level=debug --timeout 600 wsgi:app

• 编辑 app.py：

  • 将关于数据库连接的前 3 行替换为：（顺便说一句，MYDB 来自第 3 步）

CON_STR = os.environ['CUSTOMCONNSTR_MYDB']
client = MongoClient(CON_STR)    #Configure the connection to the database

• 在 app = Flask( name ) 之后添加这些行以进行日志记录：

if __name__ != '__main__':
    gunicorn_logger = logging.getLogger('gunicorn.error')
    app.logger.handlers = gunicorn_logger.handlers
    app.logger.setLevel(gunicorn_logger.level)

• 在 def about() 下添加第一行：#clicking [about] in the app will dump environment vars to the logs）

app.logger.debug('\n'.join([f'{k}={os.environ[k]}' for k in os.environ.keys()]))

5. Ftp：

• 主页 > our-web-app > 部署中心 > FTPS 证书
• 打开 FileZilla，左上角图标，[新站点]
• 从 web 复制粘贴到 FileZilla：FTPS 端点到主机，用户到用户名，密码到密码，[连接]
• 将第 4 步中的文件夹内容（不是父文件夹！）上传到远程路径/site/wwwroot

6. 启动：

• Home > our-web-app > 配置 > 常规设置 > 启动命令
• 粘贴这个： sh -c "cp go.sh go_.sh &&. go_.sh"

7. 测试：

• 浏览到 https://[our-web-app].azurewebsites.net

8. 记录/调试：

• 从https 安装 Azure CLI（命令行界面）://learn.microsoft.com/en-us/cli/azure/install-azure-cli
• 打开 cmd 并运行

az login
# turn on container logging (run once):
az webapp log config --name [our-web-app] --resource-group [our-step1-group] --docker-container-logging filesystem
# tail the logs:
az webapp log tail --name [our-web-app] --resource-group [our-step1-group]

9.应用程序的Kudu SCM管理

（必须登录到 Azure 才能正常工作）：

• 显示文件/目录：https://[our-web-app].scm.azurewebsites.net/api/vfs/site/[path]
• 下载完整站点：https://[our-web-app].scm.azurewebsites.net/api/zip/site/wwwroot
• 状态：https://[our-web-app].scm.azurewebsites.net/Env
• SSH: https://[我们的网络应用].scm.azurewebsites.net/webssh/host
• Bash：https://[我们的网络应用].scm.azurewebsites.net/DebugConsole
• 有关 REST API 的更多信息，请访问： https://github.com/projectkudu/kudu/wiki/REST-API

10. 注意事项：

我不建议使用 GitHub / BitBucket 的自动部署，除非你有 Azure 的支持。 我们遇到了很多困难。

欢迎提出任何意见。