You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flet应用部署至Azure App Service可行性及部署方法求助(部署后显示默认页面)

Flet应用部署至Azure App Service可行性及部署方法求助(部署后显示默认页面)

当然可以把Flet应用部署到Azure App Service啦!你现在部署后显示默认页面,肯定是部署过程中几个关键配置没做好,我来给你一步步说清楚怎么解决:

首先,先调整你的代码,让它适配云服务的web运行环境:
你的原代码里ft.app(target=main)是默认的桌面模式启动,Azure是云服务器环境,需要改成web模式启动,还要支持Azure动态分配的端口,修改后的main.py如下:

import flet as ft
import os

def main(page: ft.Page):
    page.title = "Counter App"

    text = ft.Text("0", size=30)
    
    def increment(e):
        text.value = str(int(text.value) + 1)
        page.update()

    page.add(
        text,
        ft.ElevatedButton("Increment", on_click=increment)
    )

if __name__ == "__main__":
    # 读取Azure自动分配的PORT环境变量,本地测试默认用8000
    port = int(os.environ.get("PORT", 8000))
    ft.app(target=main, port=port, view=ft.WEB_BROWSER)

然后,你需要给项目添加两个关键配置文件,让Azure知道怎么运行你的应用:

  • 第一个是requirements.txt,用来告诉Azure需要安装的依赖,内容如下:
flet>=0.22.0

(版本号可以根据你实际使用的Flet版本调整)

  • 第二个是Procfile(注意首字母大写),用来指定Azure的启动命令,内容只有一行:
web: python main.py

接下来用VS Code完成部署的步骤:

  • 确保你已经装了VS Code的Azure App Service插件,并且登录了你的Azure账号
  • 打开你的Flet项目文件夹,确认上面三个文件(修改后的main.py、requirements.txt、Procfile)都在根目录
  • 打开VS Code左侧的Azure插件面板,找到你的Azure订阅,右键点击要部署的App Service(或者新建一个),选择「Deploy to Web App」
  • 按照提示选择你的项目文件夹,等待部署完成后,再等个1-2分钟让Azure完成启动配置,然后访问你的App Service URL就能看到Counter应用了!

最后说下你现在显示默认页面的大概率原因:

  • 没有把Flet改成web启动模式,Azure跑不起来桌面应用,就显示了默认静态页面
  • 没有配置启动命令,Azure不知道该怎么启动你的Python应用,只能用默认页面
  • 没有适配Azure的动态端口,导致应用在错误的端口运行,外部访问不到

备注:内容来源于stack exchange,提问作者user28409312

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.14 10:28:05