AI编程学习笔记 | 接入 AI 大模型 + 部署上线:朋友圈截图人物画像分析助手

之前分享了无需连接大模型的字幕生成小工具，纯前端就能搞定，新手也能轻松跟着实操上手～

今天继续我的 AI 编程实操碎碎念，直接进阶升级：接入 AI 大模型，打造一款朋友圈截图人物画像分析助手，并且全程完成部署上线，从本地开发到生成公网可访问链接，一步到位，全程干货满满，编程小白也能跟着照做！

和上期字幕生成工具最大不同：这款人物画像助手核心必须依赖 AI 大模型。需要上传朋友圈截图，让大模型识别图中文字、画面内容，进而分析人物的兴趣爱好、消费习惯、性格特质、生活日常，自动生成完整人物画像报告。没有大模型的多模态识图 + 文本分析能力，核心功能根本没法实现，这也是两个实操案例最关键的区别。

开发依旧沿用熟悉的 Trae 工具，不用重新适应新软件，节省学习成本。这次要接入大模型，第一件事就是琢磨薅免费额度，新手先不花钱开会员😂先去了解了 Kimi 和 DeepSeek 免费额度：Kimi 每日不限 token、仅限制请求频率；DeepSeek 新用户注册送免费额度，实名认证还能额外加码。

但实测后发现短板：Kimi、DeepSeek 对应模型不支持图片理解，而人物画像助手必须识别朋友圈截图，直接没法推进。兜兜转转，还是用了豆包的模型。

Trae 国内版优势太明显：支持豆包 Doubao-Seed-1.6 多模态模型，自带图片理解 + 文本分析双能力，完美匹配本次开发需求，火山免费额度轻松薅到，正式开工👏

新建项目后，先搭建基础前端界面，很多布局逻辑可以复用上次字幕工具的经验；重点新增AI 大模型调用模块，这是本次案例的核心，也是和纯前端工具最大的区别。

⭐ 大模型接入核心实操步骤：

选择配置模型：选用支持图片理解 + 文本分析的多模态大模型，本次依旧用豆包，免费额度足够日常学习实操；

配置 API 密钥：跟着 Trae 指引一步步操作配置接口与密钥，不用懂复杂底层逻辑，小白也能无脑跟着设置；

设定清晰 AI 指令：明确需求 —— 制作朋友圈截图人物画像分析助手，用户上传截图后，自动识别图文内容，从兴趣爱好、消费倾向、性格特质、生活习惯多维度分析，生成通俗易懂的画像报告，并支持报告导出。

这里重点提醒：做截图分析、人物画像类工具，一定要选多模态模型。像豆包既能识别截图文案、生活照片，又能整合信息提炼人物特质；和上期用来辅助生成 PRD 的多模态模型用途不同，一个侧重截图深度分析 + 画像产出，一个侧重识图转需求文档，大家按自己项目需求选模型就行。

🧩 核心实现逻辑

前端页面搭建设计简洁操作界面，包含截图上传区、分析按钮、画像报告展示区、报告导出按钮；复用之前响应式布局经验，手机、电脑都能自适应适配。

AI 大模型调用用户上传朋友圈截图、点击分析后，前端把图片传给大模型，由 AI 完成识图、内容拆解、人物维度分析，最后返回结构化的画像数据。

报告展示与导出前端接收 AI 返回数据，规整排版展示画像内容；同时增加导出功能，方便把报告保存、转发备用。

多场景本地测试上传不同类型朋友圈截图：生活分享、工作日常、消费打卡等，反复测试 AI 分析准确度，微调提示词，避免信息遗漏、分析跑偏，让画像更贴合真实人设。

✨ 细节功能优化

截图格式兼容：支持 JPG、PNG 主流截图格式，自动适配尺寸，无需手动裁剪；

画像模块化拆分：固定分为性格特点、兴趣爱好、生活方式、情感状态四个维度，分析条理更清晰；

报告 PDF 导出：支持一键导出 PDF 文件，适合职场整理客户资料、存档转发；

异常友好提示：新增上传失败、AI 分析失败弹窗提示，支持重新上传重试，新手遇到问题也不会手足无措。

🚀 部署上线关键环节（重点注意密钥安全）

1. 密钥加密脱敏

部署前先用 AI 协助完成 API 密钥加密脱敏，不用自己手写复杂加密代码，自动隐藏保护密钥，从根源避免信息泄露。

2. Claude Code 辅助小白部署

借助 Claude Code 一步步给出部署流程指引，还能帮忙优化部署代码，不用硬啃晦涩教程，大大降低零基础小白的部署恐惧感。

3. 极简上线操作（无需服务器知识）

Trae 直接导出已脱敏的静态页面文件；

将文件上传至免费网页托管平台；

按照 Claude Code 和平台指引完成简单配置；

自动生成公网访问链接，不用安装任何软件，浏览器打开就能用，自己用、分享给同事都很方便。

整个实操流程走下来感触很深：AI 编程真的大大拉低了零基础入门门槛。两个案例对比一目了然：简单展示、编辑类小工具，纯前端开发即可，不用接入大模型；涉及识图、内容拆解、智能分析这类复杂功能，就必须借助多模态大模型，靠 AI 能力实现产品价值。

💡 进阶知识点碎碎念

⭐ 1. 模型选型原则做截图识别、人物画像类项目，优先选支持图片理解的多模态大模型，避开只有文本对话、无识图能力的模型，否则核心功能无法落地。

⭐ 2. 新手免费额度技巧不用着急付费开会员，豆包、Kimi、DeepSeek 等都有日常免费调用额度，新用户注册、实名认证还能额外领额度，完全满足学习实操需求。

⭐ 3. 零基础部署技巧Trae 导出静态页面后，直接上传免费托管平台即可，不用自建服务器，跟着指引简单配置，几分钟就能生成公网链接。

⭐ 4. 提示词决定分析质量给大模型下指令时，明确好分析维度、输出格式，指令越具体，生成的人物画像越精准，也是提升 AI 利用率的关键小技巧。

⚠️ 5. 重中之重：密钥安全但凡接入 API 密钥的工具，部署前一定要做加密脱敏，杜绝密钥泄露；新手部署可以借助 Claude Code 这类工具做流程指引，降低难度、少走弯路。