惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

雷峰网
雷峰网
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
大猫的无限游戏
大猫的无限游戏
Google DeepMind News
Google DeepMind News
V
V2EX
T
The Blog of Author Tim Ferriss
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Hugging Face - Blog
Hugging Face - Blog
Stack Overflow Blog
Stack Overflow Blog
I
InfoQ
博客园_首页
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Last Week in AI
Last Week in AI
Recent Announcements
Recent Announcements
Vercel News
Vercel News
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
T
Tailwind CSS Blog
美团技术团队
Martin Fowler
Martin Fowler
宝玉的分享
宝玉的分享
Blog — PlanetScale
Blog — PlanetScale
GbyAI
GbyAI
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
J
Java Code Geeks

人人都是产品经理

为什么你的产品找不到差异化?90%的失败都卡在第一步上(下) – 人人都是产品经理, 3年从30万到1300万用户、获2200万美元融资,这个AI教育产品用“抽卡”破解了获客难题 – 人人都是产品经理, 园区招商系统怎么做才能真正帮到去化?我加了这一个功能,推广链接转发400次阅读过万 – 人人都是产品经理, AI大事件:OpenAI发完网络安全模型又搞药物研发,小鹏汽车要抓”DeepSeek时刻” – 人人都是产品经理, 电商不是卖货,是一场更残酷的产品经理实战 – 人人都是产品经理, 没想到,活动营销又回来了! – 人人都是产品经理, 为何All-in海外KOC:一场关于AI时代窗口期的豪赌 – 人人都是产品经理, 重新理解企业的内部协作 – 人人都是产品经理, 苹果的 AI 战略到底是什么? – 人人都是产品经理, 医疗智能体·第2讲——合规护城河:等保、PIPL与HIPAA的架构实战 – 人人都是产品经理, 向量知识库五步法:从“答非所问”到“精准回复” – 人人都是产品经理, 鸿蒙PC三方库构建总指挥HPKBUILD(sha)库为例 – 人人都是产品经理, 何时该用LLM?AI产品经理的LLM设计指南 – 人人都是产品经理, 医疗信息领域的需求方、决策方、准入方以及关注点(二) – 人人都是产品经理, 即梦涨价:一场被误读的「傲慢」 – 人人都是产品经理, 面试AI PM必答题:Hermes和OpenClaw的区别,如何讲清楚业务价值 – 人人都是产品经理, AI的下一张船票:世界模型——AI产品经理必须理解的技术拐点 – 人人都是产品经理, 小红书做GEO,怎么让AI信你?记住这 3 个重要信息 – 人人都是产品经理, 5 家印度 AI 初创公司,看看印度 AI 再做什么 – 人人都是产品经理, AI项目跨团队协作:产品技术业务如何不打架 – 人人都是产品经理, Agentic Workflow(智能体工作流):让AI从”答案生成器”变成”数字员工” – 人人都是产品经理, lycium_plusplus 项目全景解读:OpenHarmony 三方库构建的“大管家” – 人人都是产品经理, 从爆单救火到前置履约:两套预采策略,把生鲜大促履约效率拉满 – 人人都是产品经理, 什么时候该补货?我用一轮数据做了一个决定 – 人人都是产品经理, 从“机械兜底”到“动态分流”:AI客服重复进线治理的4大底层逻辑 – 人人都是产品经理, 抖音拼效率,红书拼洞察 – 人人都是产品经理, 全民狂欢与退潮——为什么龙虾这波热潮冷却得如此之快? – 人人都是产品经理, Stripe押注!MPP重塑全球支付 – 人人都是产品经理, 小红书GEO:AI引用你的内容,不是因为你对,而是因为你看起来可信 – 人人都是产品经理, 前百度副总裁押注办公Agent,日韩付费爆发,Manus迎来强劲对手 – 人人都是产品经理,
与 AI 一起开发HelloTravel小程序项目复盘
小王子和小企鹅 · 2026-01-04 · via 人人都是产品经理

Gemini3助力小程序开发的全新突破!从核心功能框架到技术攻坚,AI不仅大幅提升了工作效率,更在智能行程规划、地图数据验证与云函数优化上展现出惊人潜力。本文将深度拆解RAG架构重构、数据一致性管理等关键挑战的解决方案,揭示AI与小程序开发的无限可能。

真的很久很久没有这么兴奋了!!!

首先是在 Gemini3 的加持下完成了首款小程序,其次我切实感受到了深度与 AI 一起工作效率的大幅提升,以及对未来无限可能的期待!

总结一下这次小程序开发,功能、设计、前后端开发整体 AI 都干了什么。

一、小程序的核心功能框架

二、技术架构概览

三、项目开发步骤和难点

1. 主要开发步骤 (Development Roadmap)

我们将开发过程分为了五个阶段,遵循了从“静态骨架”到“智能核心”再到“闭环生态”的路径:

1)顶层设计与基础设施搭建

  • 架构选型:确定了微信小程序原生 + 云开发 (Cloud Base)的无服务器架构。前端负责交互,云函数处理 AI 和地图逻辑,云数据库存储用户资产。
  • 视觉规范:建立了Zoo Style视觉体系(米白背景、森林绿主色、鹅卵石圆角卡片),并在app.wxss中定义了全局 CSS 变量。
  • 导航框架:配置了app.json,确立了“旅行规划”和“我的旅行”双 Tab 结构。

2)核心功能模块开发 (Plan & Overview)

首页 (Index):实现了自定义区间日历(支持跨月选择)和城市选择器(国内/国外分组、拼音搜索),解决了原生组件交互单一的问题。

目的地概览 (Overview):实现了“图文解耦”的内容展示。

3)核心技术攻坚 (Result – 智能行程页)

RAG 架构重构:为了解决 AI 瞎编地点导致地图无坐标的问题,我们将逻辑重构为AI 提名 -> 地图 API 验证 -> AI 最终规划的 RAG(检索增强生成)模式,但这里由于加载太慢容易失败而影响体验,最终还是选择和地图逆地址解析再回填。

高级交互:实现了长按拖拽排序功能,且拖拽后自动重新计算路线和距离。

4)用户系统与资产闭环 (My Trips)

云数据库:创建了trips和users集合,实现了行程的云端存储。

权限管理:实现了完整的“微信一键登录”流程,增加了隐私协议和用户协议的勾选校验。

社交裂变:实现了将特定行程分享给微信好友,好友点击后可查看并转存行程的逻辑。

5)发布与合规优化

过审策略:移除了高风险的wx.getLocation强制授权,改为默认北京定位+手动选城。

性能优化:开启了“按需注入”,并调整了云函数超时配置(60s)以适应大模型生成耗时。

2. 项目核心难点与解决方案 (Core Challenges)

在开发过程中,我们解决的几个最棘手的问题,其实也是目前 AI 应用开发最通用的痛点:

AI 的“幻觉”与地图数据的“严谨”之间的冲突

难点:DeepSeek/Kimi 生成的地点名(如“成都好吃街”)在地图 API 里搜不到,导致返回坐标 (0,0),地图连线飞到非洲,或者报错。

解决方案:

  • RAG 模式:先让 AI 提名,后端去地图 API 验证存在性并拿到标准名(Official Title),再把标准名喂回给 AI 做规划。
  • 脏数据清洗:前端严格过滤 lat=0 或 abs(lat)<0.1 的坐标。
  • 范围锁定:地图搜索时加上 boundary: region(city, 0),强制限制在当前城市,防止飞线到异地同名点。

云函数超时与并发限制

难点:大模型生成文本需要 15s+,搜图 12 张并发请求会导致 QPS 超限(腾讯地图个人版限制 5QPS)或 IP 被封,导致云函数 3s 默认超时报错。

解决方案:

  • 配置调整:将云函数超时硬性上调至 60s。
  • 后端节流:引入 sleep(250ms) 函数,手动控制 API 调用频率。
  • 图源策略:采用混合策略(Pexels 免费库分流 + SerpApi 精准搜索),并实现串行/并行控制。

复杂的数据一致性与状态管理

难点:用户在列表拖拽修改顺序后,地图上的连线、点与点之间的距离时间都需要实时重算;“查看模式”与“新建模式”的数据流混淆。

解决方案:

  • 缓存接力:利用 wx.setStorageSync 在页面间传递庞大的 JSON 数据。
  • 模式分离:在 Result 页 onLoad 中严格区分 mode=view(读库)和 mode=new(调 AI),避免重复生成消耗额度。
  • 原子化更新:拖拽后直接修改本地 data.plan 并触发 resolveLocationsAndRoutes,实现无感刷新。

微信小程序生态的限制

难点:无法直接保存长图(Canvas 绘图太复杂)、隐私接口(定位、用户信息)审核收紧。

解决方案:降级策略,定位权限改用默认城市;酒店比价改用wx.navigateToMiniProgram跳转成熟的腾讯地图小程序。

未来无限可能……

本文由人人都是产品经理作者【小王子和小企鹅】,微信公众号:【小王子和小企鹅】,原创/授权 发布于人人都是产品经理,未经许可,禁止转载。

题图来自Unsplash,基于 CC0 协议。