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

推荐订阅源

C
CERT Recently Published Vulnerability Notes
G
Google Developers Blog
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
宝玉的分享
宝玉的分享
Microsoft Security Blog
Microsoft Security Blog
Jina AI
Jina AI
L
LangChain Blog
博客园_首页
有赞技术团队
有赞技术团队
The Register - Security
The Register - Security
GbyAI
GbyAI
Blog — PlanetScale
Blog — PlanetScale
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
J
Java Code Geeks
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
Security Archives - TechRepublic
Security Archives - TechRepublic
量子位
雷峰网
雷峰网
Security Latest
Security Latest
博客园 - 【当耐特】
V2EX - 技术
V2EX - 技术
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园 - 聂微东
IT之家
IT之家
爱范儿
爱范儿
S
Schneier on Security
N
News | PayPal Newsroom
H
Help Net Security
Recent Announcements
Recent Announcements
Martin Fowler
Martin Fowler
N
News and Events Feed by Topic
C
Cyber Attacks, Cyber Crime and Cyber Security
U
Unit 42
博客园 - 司徒正美
Forbes - Security
Forbes - Security
P
Proofpoint News Feed
W
WeLiveSecurity
Cisco Talos Blog
Cisco Talos Blog
小众软件
小众软件
The Cloudflare Blog
AWS News Blog
AWS News Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
P
Palo Alto Networks Blog
Google DeepMind News
Google DeepMind News
H
Heimdal Security Blog
V
Vulnerabilities – Threatpost
Microsoft Azure Blog
Microsoft Azure Blog
T
Tailwind CSS Blog
G
GRAHAM CLULEY

人人都是产品经理

为什么你的产品找不到差异化?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迎来强劲对手 – 人人都是产品经理, 企事业单位数字化的业务供需本质 – 人人都是产品经理, 医疗智能体·第1讲——医疗信息化重构:从“辅助软件”到“自主智能体”的范式转移 – 人人都是产品经理, 粉丝量就是空气!!! – 人人都是产品经理, 用户说“薯片碎了”,机器回“要买吗?”:意图识别的翻车与破局 – 人人都是产品经理, RAG召回准确率从75到90 我做对了这三件事 – 人人都是产品经理, AI大事件:Anthropic改收费、OpenAI发安全版、手术机器人纳入医保、阿里发布”秒悟” – 人人都是产品经理, Chrome 推出 Skills 新功能,Agent 重塑上网方式 – 人人都是产品经理, GitHub前创始人拿了a16z的1700万美元,做Agent时代的Git – 人人都是产品经理 拷贝或克隆其他 Flutter OH 项目到本地后无法运行 – 人人都是产品经理, 优惠券设计:优惠券创建 – 人人都是产品经理, 不用死磕文档!AI 助手 1 小时搞定飞书 CLI 安装 + 配置 + 知识库 – 人人都是产品经理, 用小龙虾做竞品分析报告:从2天到20分钟,我是怎么做到的 – 人人都是产品经理 用小龙虾做市场分析报告:搞懂这3个公式,市场规模不再靠猜 – 人人都是产品经理, 你早就在做 Harness 工程,只是不知道它叫这个名字 – 人人都是产品经理, Think Long就够?你可能想多了! – 人人都是产品经理, 货代SRM实战:供应商准入怎么做,才能让资源池不是通讯录而是可交付网络? – 人人都是产品经理, 如何做好用户调研?详解基本技巧 – 人人都是产品经理, 木鸟、途家、美团对打,平台春天行动开“卷” – 人人都是产品经理, 入职才发现公司不靠谱?小红书从业者求职避坑指南 – 人人都是产品经理, 美国 AI 三巨头联手封堵,中国 AI 突围之路在何方 – 人人都是产品经理, 小红书,放在需求对面的镜子 – 人人都是产品经理, AI 会带来大规模失业吗? – 人人都是产品经理, 从出单到补货前,我第一次犹豫:该不该放大? – 人人都是产品经理, Flutter 三方库鸿蒙化适配:5 种高效检查方式,快速判断是否需要适配 – 人人都是产品经理, 从做产品进阶拿结果:医美机构产品经理转岗科室运营经理 – 人人都是产品经理, 阿里HappyHorse,一场关于“Token经济”的阳谋 – 人人都是产品经理, To B AI:客户留存落地的观察与思考 – 人人都是产品经理, AI产品的“生命线”——数据采集、标注、清洗的产品化设计 – 人人都是产品经理, 谈谈AI Agent(二):当“孩子”能自己“体验世界”时,你该学什么? – 人人都是产品经理, UI/UX设计师的3层能力进阶,前两层让你活下来,第三层…才是真正的分水岭 – 人人都是产品经理, 2分钟 → 30秒,效率提升75%:B端产品经理如何用「规则枷锁」驯服AI幻觉? – 人人都是产品经理, 还没来得及学OpenClaw,来了个更猛的:Hermes Agent – 人人都是产品经理, AI日报:宇树机器人跑出10m/s刷新世界纪录 – 人人都是产品经理, 一文说透基金互金如何用情绪价值引导用户决策做转化 – 人人都是产品经理, 当浏览器开始替你”看”网页:AI 浏览器正在亲手拆掉它脚下的那张网 – 人人都是产品经理, 0代码,一天时间我Vibe Coding了个网站 – 人人都是产品经理, Hermes 和 OpenClaw 之争,Agent 的能力应该“装上去”还是“长出来”? – 人人都是产品经理 视频生成的“桌子”,字节Seedance 2掀完,阿里快乐马掀 – 人人都是产品经理, 从听不懂到完全信任:我的 Codex 深度产品体验 – 人人都是产品经理, 当虚拟偶像有了北京户口,与真人偶像还有什么区别? – 人人都是产品经理, 会说,远远比会做更重要 —— 对 SBTI 爆火现象的五层观察 – 人人都是产品经理, AI产品经理必看:当“搭环境”比“选模型”更重要,你的认知还在2024年吗? – 人人都是产品经理, 2026年AI产品商业化核心逻辑:从功能demo到规模化营收的3个必破卡点 – 人人都是产品经理, 京东围绕供应链,卷起裤腿下场的那些事儿 – 人人都是产品经理, SBTI一夜刷屏:它赢在了“太会说人话” – 人人都是产品经理, 折扣零售的真相:不是便宜,而是价值感! – 人人都是产品经理, 和甲方吵了一架,最后加钱做了——我学到的ToB产品经理生存法则 – 人人都是产品经理, 和几位小红书操盘手聊了8小时,干货全在这 – 人人都是产品经理, 智谱GLM-5.1登场,开源模型首超Opus4.6!!! – 人人都是产品经理 Anthropic收入凭什么反超OpenAI,终于有人把这事说清楚了 – 人人都是产品经理, 史上最有故事感的技术报告——Claude最强模型Mythos 7个极其精彩的细节 – 人人都是产品经理, 模型不是壁垒,Harness 也不是 – 人人都是产品经理, 抖音本地生活业务思考21 – 人人都是产品经理, Superpowers:145k Star的AI编码框架,到底是什么来头? Superpowers:145k Star的AI编码框架,到底是什么来头? – 人人都是产品经理, OpenAI 的路走错了,Anthropic Harness 解法启示:模型需要实践专科生 – 人人都是产品经理, 画原型图的前一步:设计站点地图 – 人人都是产品经理, 给 DeepSeek 的最后一封催更信 – 人人都是产品经理, 手把手教你用 Claude Code 搭建 AI 营销团队:5 个 Agent、12 项技能,独立完成研究、写作、设计全流程 – 人人都是产品经理, 你以为大模型在学语言?不,它在重新发明语言学 – 人人都是产品经理 所谓Skill,不过是AI时代的工业垃圾 – 人人都是产品经理, 聊一聊内容传播的几个方法 – 人人都是产品经理, 当平台开始吃掉生态:从 OpenClaw 被封杀,读懂 Anthropic 的这盘棋 – 人人都是产品经理, 你装了 10 个 AI 插件,Obsidian 还是一个文件夹 – 人人都是产品经理 关于AI智能体架构演进的系统性思考:从单体试水到多体协同的重构 – 人人都是产品经理, 当“人”变成Skill,我们又该何去何从? – 人人都是产品经理 Mythos 事件:前沿 AI 治理的意外实验 – 人人都是产品经理, 货代CRM:信用与风险管理怎么做,才能把坏账风险拦在放货之前? – 人人都是产品经理, 从HR收集自拍照到员工自助录入——我见证了园区人脸识别从”不可用”到”真好用”的全过程 – 人人都是产品经理 千问闯关AI混沌期:阿里画靶,吴嘉张弓,马云射箭? – 人人都是产品经理,
用Cursor两小时开发了一套查八字的微信小程序,万字沉浸式教程都在这了,小白看了都能直接上手
苍何 · 2025-03-27 · via 人人都是产品经理

在AI技术飞速发展的今天,编程领域也迎来了重大变革。本文作者通过亲身实践,仅用两小时就借助Cursor开发了一款查八字的微信小程序,从需求分析到最终上线,全程记录并详细分享了开发过程中的每一个步骤和心得,希望能帮到大家。

说实话,写这篇文章的时候,我是有些犹豫的,由一个程序员来写总归会让人觉得有些假。

但又恰恰在某些方面显得有些真,至少站在客观现实的角度来分析当下的 AI 编程是否真如传说中那么牛逼。

当然还有最重要的是,有小伙伴真的需要这一份教程。

为了突出 AI 编程的本质,我先是将脑袋里的编程理论抽空,然后把自己当做一个没有任何编程经验的小白。

最后,用了 2 个小时,完成了一个微信小程序从 0 到 1 的开发。

这是最终的效果:

虽说是 2 小时,但也是凭借我多年的编程经验,给了 Cursor 一堆的提示,才有的结果。

所以,接下来,我会带你沉浸式感受下我这 2 个小时的历程,全程记录,做到无死角输出,让任何一个无编程经验的小白也能轻松复刻。

并且全程提示词及纠错过程都将会展现。讲真,开发 2 小时,写教程一天,不是瞎说的🐶。

文章会同步更新到我的AI 开源知识库,记得收藏!

全文 11353 字,51 张图,如果喜欢,不妨赏赐个赞👍🏻。

这是一个整体的流程,也是模拟的企业级软件开发必要的关键步骤:

所以这次,我的期望值是很高的,我希望他能真正充当起工程师,而非实习生。最后。。。还是放到最后说吧。

相比直接让 AI 写代码,我加入了一些前置的需求设计相关工作,目的也是为了让他能充分了解我们的需求和业务,避免开发出来的东西出入过大。

整个思路是这样的:

有前端,有后端、有小程序、还有 DeepSeek 等大模型的使用,可以说麻雀虽小,基本五脏俱全了。

下面每个步骤我们来做下拆解(呼!)

01 灵感搜集

不瞒你说,一开始还真不知道要开发什么功能的小程序,太复杂肯定不行,实验肯定进展不顺利,太容易也不行,一个静态页面玩玩没啥意思。

没有灵感没关系,先问下 Grok 3😂:

好家伙,还真找到个实用又好玩的功能点,那就是查八字

根据阳历出生日期的日期及出生时辰,自动计算农历日期、天干地支、所属五行、五行缺啥、所属生肖等。

这可是个刚需,几乎人人都需要,而且也利于传播。

所以我打算搞个完全由 AI 开发的八字查询小助手,对标参考小程序:查生辰。

ps:整个灵感的搜集,我仅仅用了 2 分钟,不得不说 AI 可真能天马行空。

02 需求分析

有了灵感后,第一步当然是对整个需求进行分析,值不值得做?实现难度如何?市场反馈怎样?

这一步通常会由产品经理或者市场来负责,但作为一个 AI,他可别想偷懒,都得给我干。

先提问 DeepSeek:

我想开发一个微信小程序,他主要功能是:“根据阳历出生日期及出生时辰,自动计算农历日期、天干地支、所属五行、五行缺啥、所属生肖等。用户只需要填入阳历出生日期及出生时辰即可,系统会自动调用 DeepSeek 的 API 来推理出需要的信息”。请帮我作为产品经理进行一下需求的分析,并给我输出需求分析报告。

DeepSeek 哗啦啦的就输出一堆。

忘记了,我是在 Cursor 中开发,不想复制来复制去,麻烦,那直接都去 Cursor 操作吧。

首先在 Cursor 中得有个空白的项目吧。

好,在 Cursor 中新建一个一个项目。就叫 wechat-mini 吧。

完了装逼一下,稍微修改提示词为:

我想开发一款微信小程序,主要功能是:

• 用户输入阳历出生日期和出生时辰,系统自动计算:

• 对应的农历日期

• 天干地支

• 所属五行

• 五行缺失情况

• 所属生肖

• 系统调用 DeepSeek API 进行推理,生成相关信息。

请你作为产品经理,对该小程序进行需求分析,并输出一份**详细的需求分析报告**,包括但不限于:

1.**产品概述**(介绍产品的核心功能和目标用户)

2.**用户需求分析**(目标用户群体、使用场景、核心需求)

3.**功能需求**(详细拆解功能点、输入输出、API 交互方式等)

4.**关键业务流程**(示例:用户输入数据 -> API 计算 -> 结果展示)

5.**开发周期**(建议的开发计划、MVP 版本优先级)

6.**商业模式**(是否有付费功能、盈利方式)

帮我将需求分析报告写在 mrd. md 里面。

直接丢进 Cursor:

噼里啪啦,一顿操作,给我输出完了,嗯,我看了下说是要 2-3 周开发完。你在逗我呢?我只能给你 2 小时,给我干。

03 产品 PRD 文档

有了需求分析,接下来应该是 AI 产品经理来输出需求文档(也就是 PRD 文档)了。

这是我给的提示词是:

接下来根据需求分析,按照最小 MVP 的版本,帮我写一份专业的产品需求(PRD)文档,我会给你三张参考小程序设计图,请参考我给你的图片帮我完成需求文档。并输出到 prd. md 中。

把对标的产品图片直接丢给他。

不到2 分钟,一份 2000 字的 PRD 文档就已经全部生成,稍微看一眼,然后狠狠的点击接受。

这个过程如果发现有和自己设计初衷不符的一定要提前揪出来,不然后面改需求,很坑爹的🐶

04 产品原型

有了需求文档,就得画产品原型了吧,还记得之前有分享过让 claude 3.7 制作产品原型的提示词吧。

这不用上了,哈哈哈。

稍微针对性做个更改,下面是提示词:

你是一位全栈工程师,同时精通产品规划和 UI 设计。

请根据产品 PRD 文档帮我输出完整的小程序原型图,请通过以下方式帮我完成小程序所有原型图片的设计。

1、按照 PRD 文档要求以及我给你的图片参考来设计最小 MVP 版本

2、以产品经理的视角结合 PRD 文档去设计页面和交互;

3、作为设计师思考这些原型界面的设计,并以设计师的视角去输出完整的 UI/UX;

4、使用 html 在一个界面上生成所有的原型界面,文件命名为: prototype. html,可以使用 FontAwesome 等开源图标库,让原型显得更精美和接近真实

5、我希望这些界面是需要能直接拿去进行开发的

丢进 Cursor,生成这样了,一定是哪里有问题,OK,你直接和 Cursor 说吧。

让他把背景图换一下。

页面的中国风亭子去掉,整个页面以我给你的图片为背景

有问题,提需求,继续让他生成。

1、整体背景并没有按照我给的图片做底图背景

2、右上角多了一个视频样式的图标,要去掉

3、结果展示页中底部那个是广告展示页,前期先不放广告,合理布局。 请重新按照要求生成。

经过调整,以及将垫图直接放在文件目录下并命名为:background. jpg

这里因为给了参考的图片且是截图的,难免会有些不准,也可以直接让 AI 不参考。

这是最终的效果:

一番调整花费了我5 分钟,总算输出个还不错的页面了。

05 架构设计

接下来需要指定开发规范、语言等来让他帮我们输出架构设计文档。这个提示词很重要。

这个地方就很考验提示词,如果不框定一些东西,AI 生成的连他妈都不认识,哈哈哈。

请依据 prototype. html、prd. md 来进行微信小程序的整体架构设计,注意我希望整体前端使用的是 uniapp,后端使用的 java 来开。

1、整体满足微信小程序的开发规范。

2、前端按照原型设计来开发,后端我希望满足阿里巴巴开发编码规范,遵守 rest 风格的接口公约,且后端主要提供一个计算的接口,返回前端需要的参数,

3、后端具体计算的逻辑,我希望是能直接通过调用 DeepSeek 的 API 来获得信息,然后转换为对应的接口字段,最终返回给前端。

请帮我输出架构设计文档到 architecture. md

大概5 分钟后,一顿输出,这个架构文档,嗯,我给打个 6 分吧,因为功能真的不难,没有过多系统间的交互。

不过你看整体有系统架构图,技术选型:

前端项目结构、页面组件设计等:

当然还有后端项目结构以及接口设计。

该说不说,还是很详细了。

06 开发阶段

下面就进入正式开发阶段了,这也是最激动人心的时候,我是真生怕 AI 做的不好,又怕他做的太好,所以忐忑的不行。

给个简单却信息十足的提示词:

@architecture. md 请帮我根据架构设计文档、需求文档以及原型图进行代码的开发,请注意,前后端项目结构是分离的,严格按照架构设计文档来开发。

这里一定要选择 claude 3.7 的 Agent 模式,他才能发挥出最佳的实力。

他先问你要不要创建目录文件夹,当然要啊,名字自己改呗:

接下来创建后端项目结构。点击继续就好了。

接下来是创建前端项目结构。同样点击继续。

只需要不断点击 next file 即可。

当然你也可以不用管他,等一会后。

在第 25 次工具调用后会停下来,你点击继续就好了。

注意:我们默认在 25 次工具调用后停止代理。你可以继续谈话了。

后端代码编写好后,他会停下来,接下来,你只需要继续提示:

请帮我继续完善前端代码,要求与后端能顺利的通信

一步步看着他全自动帮我生成好了。

整个过程预计持续15 分钟左右,中间还因为网络问题停了,我只要和老板一样签签字,不对,是点点鼠标就行了,中途大概点了十几次鼠标吧。(嗯,这一度让我很享受!)

07 后端功能验证

你看,经过前面的几个设计到开发的步骤,实际耗时只用了半小时左右,但具体代码有没有问题?能不能直接使用呢?

我们来验证下,先是后端验证,这一过程一度让我崩溃,因为 AI 写的考虑也是不够周到的,不过也能理解吧,毕竟一次性输出这么多代码。

为了看下能否启动,我在 idea 中打开代码,然后启动(当然你直接在 Cursor 中也没关系。)

在 idea 中先打开项目,将依赖拉取一下。

呕吼,报错了。

没关系,回到 Cursor 让他改。

后来我发现在 idea 中还是太多问题,直接在 Cursor 中让他自己改好吧。

自己一顿操作修改终于好了。(中途我一顿确认和点击,虽然全程没写代码,但我指挥的可不算少了😂)

这里有个插曲,我本来想用 DeepSeek 的 API,但余额用完了,而且由于 DeepSeek-r 1 推理模型非流式过慢,刚好我的火山还有余额,所以这里直接换成用豆包 lite 模型,速度会快上很多。

另外关于模型快慢情况以及首 token 相应情况也咨询了字节的同学:

我们lite系列的模型速度会快些,pro系列的模型速度与deepseek模型是差不多的哈。

这里给您介绍下通常模型输出“慢”可能会由哪些原因导致:

1. 与输出方式有关:看使用的是”流式输出”还是”非流式输出”由接口中参数 stream 决定, 非流式输出会等整个的推理过程全部完成才返回,会带来一种生成很慢的感觉;如果是聊天类应用的话,流式输出用户体验会更好,像豆包一样一字一句实时输出。

2. 与模型有关:不同的模型大小有差异,能力也不同,Doubao-pro 相对 Doubao-lite 会慢一些,客户需要按照实际业务需求(模型精度、上下文长度等)挑选适合的模型。

3. 与用户输入的 prompt 长度有关:如果用户输入的 prompt 本身就上千甚至上万 tokens ,对应生成首 token 阶段(prefill phase 或 context phase)耗时也会长一些。

TTFT (Time To First Token) 均值速度可参考:

lite 32k 模型每 1k token 的输入 ,耗时 300±100ms,并且是线性增长的,比如 1k token 300ms,5k token 就是5*300ms = 1500 ms;

pro 32k 模型每 1k token 的输入,耗时 600±100ms ,也是线性的增长的,比如 1k token 600ms,5k token 就是5*600ms = 3000 ms;

4. 与模型输出内容的长度有关:如果用户的任务需要生成比较长的文本内容,则在 Decode 阶段耗时也会比较长。

TPOT (Time Per Output Token) 均值速度可参考:

doubao lite系列 输出在 20-50 ms / token

doubao pro系列 输出在 50ms-100ms / token

PS:1 个 token 约等于 1.5 个汉字

5. 偶发情况和后端资源影响

———

基于上面的结论,模型的完整返回耗时是与模型生成的tokens和输入的tokens直接相关的,r1模型因为有思维链的产出,所以输出tokens是会比其他模型更多些,非流式情况下完整返回的耗时也会更久些。

最终调整后,速度快多了。

后端功能验证花费将近 40 分钟

08 接口联调

后端 OK 后,直接在 Cursor 中进行接口联调,也就是前端调用后端能不能走通整个流程,这一步很关键。

联调了一段时间,他说 OK 了。

这里后端有些调整 Cursor 还不大完美,我直接 idea 中看完后给他调整。这里会给到 Cursor 一些小的提示,让他少走弯路,发现下来,对后台代码的整体把控能力还是差了些。

联调的过程大概花费 15 分钟。

09 小程序调试

前后端代码都写完了,接下来需要用到一个工具:打开微信开发者工具。

直接搜索就可以下载,使用也非常简单,都是中文,下载完了后打开工具。

选择导入项目:

选择我们的项目 bazi-frontend:

选择 appid,这里没有的话需要注册一个。(注册页比较简单,不过后面会再细说说)

一开始首页没有正常渲染,后面我在 Cursor 中给了提示词让他快速就改好了。

点击下验证功能。

我们选择一个时间来看看。

计算失败了:

没关系,看下报错原因:

本地调试,域名校验这个先关了:

看样子是成功了:

我们看下有没有正常请求到后端服务:

可以看到,正常请求,且正常返回数据:

不过这个展示样式有些丑。让他改下吧。

上传一张截图,然后给以下提示词:

看到返回结果这个页面中的结果有点太靠右边了,请保持离右边一定的间距

你可以直接将这个你不满意的图上传给他:

经过一番改造,基本完工,这一步骤预计耗时:

10. 手机测试

在开发工具测试完毕后,需要手机真机测试,这里就有一些坑在了,比如点击预览如果不开开发模式的话,需要进行域名验证,这个会比较麻烦。

我们先点击预览:

会出现二维码:

但是因为本地的服务没有发布到线上,所以就没法使用服务,要服务上线。

不过功能已经通了。

所以需要上线服务。上线的意思就是将自己本地的服务发布到服务器,当然你也可以本地跑,但是需要将域名暴露出去,且要经过 SSL 验证,

不管他,我先在服务器中跑吧:

需要配置微信小程序的可信域名:

在小程序后台——开发与服务-开发管理-服务器域名,配置自己的域名。

如果没有域名,要申请+备案,这是一个很麻烦的过程,所以对小白并不友好,因为有前后端的交互,这一步不能少,如果是纯前端代码就无需这一步。

现在需要将小程序链接域名修改为线上的域名,直接让他改,提示词:

我现在已经将后端服务部署在了我的服务器,域名是XXX,端口号改为了XXX,请帮我前端改下配置,让他连接线上环境.要求本地环境和线上环境区分开来

报了一个错,跨域啦,直接丢给 Cursor

直接帮我解决好:

重新打包,重新部署后端服务看看。

又遇到一个 https 的错误,需要有一个 https 的域名,然后指向自己的服务,

这里花了一点时间。

手机再预览看看效果:

这里特别注意:要想直接预览,需要配置 https 证书,且在后台配置域名,这里需要配置子域名,不能配置顶级域名。

这一步还挺花费时间的,预计 20 分钟,当然如果没有编程经验,时间就更不好说了😂。

一切已经 OK 了,在手机上也能正常预览,接下来就只需要发布上线了,不过这个时候可以用体验版给大家演示使用。

上面所有步骤加起来耗时大概是这样的:30+40+15+15+20=120 分钟=2 小时。大家可以自行感受一下。

现在已经可以体验啦,不过需要开通体验权限,你可以点击文末阅读原文加入体验哦。

11. 发布上线

根据工信部于 2023 年 8 月发布的《关于加强移动互联网应用程序备案管理工作的通知》,对于未上架的微信小程序,自 2023 年 9 月 1 日起,必须在提交上线审核前完成备案,否则无法通过审核;

这一部分就先不哔哔了,发现已经 1 万 3 千多字了,肝不动了,小命要紧,下次再更。

不过一顿体验下来,有惊喜也有失望。

惊喜的是,我真的全称没写一行代码2小时就快速开发了一个小程序,要知道,换做以前,不敢想象的。

失望的是,目前体验来看,AI写出的前端代码还OK,但后端技术就不大行了,也可能是后端需要更复杂的逻辑,所以提示词要更精准一些。

在整个过程中,写代码其实花了也就半小时,但更多的时间都是用来解决这货产生的bug,哈哈哈,所以得出一个结论。

目前的 AI 编程确实还只是实习生水平。

不过,这已经很惊艳了,人人都能开发应用的时代很快就会到来,这一天,你期待吗?

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

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