成功实现移动端与 FastAPI 后端的跨设备通信
通信架构的走通为团队协作注入了强心针。前端交付:将 API 文档正式交付给同学,开始小程序端的流式数据监听联调。数据积累:协同组长进行 Bad Case 的数据收集与 Prompt 优化。无障碍优化:确保返回的ai_result文本能够被手机系统级的屏幕阅读器完美播报。
一、 今日里程碑:通信链路全面打通
今天最核心的进展是解决了 任务 1.1:API 链路打通。通过将后端服务绑定至 0.0.0.0 并配置合理的网络访问路径,成功在移动端浏览器访问到了部署在 Mac 上的接口文档 。

这不仅是一个简单的网页访问,它意味着:
-
服务端监听正常:FastAPI 已正确处理多网卡绑定。
-
网络路由已通:跨设备访问链路(Mac <-> 手机热点 <-> 手机)已消除防火墙及隔离障碍。
-
前端对接就绪:为接下来的微信小程序联调铺平了道路 。
二、 技术实现细节
1. 后端架构部署
后端基于 FastAPI 框架,集成了 阿里云 DashScope (Qwen-VL-Plus) 模型,实现了视觉描述的流式(Streaming)返回 。
-
接口地址:
/v1/vision/analyze -
核心逻辑:接收 Multipart 图片流 -> Base64 编码 -> 调用大模型 -> 异步流式 yield 结果 -> 性能指标实时存库 。
2. 攻克跨设备访问难题
在 Mac 环境下使用手机热点进行调试时,遇到了“手机无法访问电脑 IP”的问题。
-
解决方案:
-
通过
ifconfig锁定热点分配的真实局域网 IP 。 -
将后端启动参数修改为
uvicorn.run(app, host="0.0.0.0", port=8000),确保监听所有入站请求。 -
配置 macOS 防火墙,允许 Python 解释器的入站连接请求。
-
三、 成果展示
通过手机端直接访问后端 Swagger UI 界面,验证了接口的可用性:
![插入你刚才提供的手机截图]
图表分析:
-
状态码 200:API 文档解析正常。
-
任务关联:符合任务书 任务 4.1(系统集成) 与 任务 4.2(项目文档) 的初期阶段要求 。
四、 性能指标监测(量化考核)
根据任务书的要求,我们对链路进行了初步压测 :
-
连接稳定性:移动端连续 10 次刷新接口页面,成功率 100%(目标值 > 85%) 。
-
下一步监控:后续将重点测试 首字延迟(First Token Latency) 是否能稳定在 800ms 以内,以及端到端延迟是否符合 1.5秒 的要求 。
五、 组长总结与后续计划
通信架构的走通为团队协作注入了强心针。作为组长,下一步我将:
-
前端交付:将 API 文档正式交付给同学,开始小程序端的流式数据监听联调 。
-
数据积累:协同 组长进行 Bad Case 的数据收集与 Prompt 优化 。
-
无障碍优化:确保返回的
ai_result文本能够被手机系统级的屏幕阅读器完美播报 。
更多推荐
所有评论(0)