从需求梳理到代码生成，从组件搭建到上线发布，本文详确拆解用AI构建微信小要领的全经由，匡助居品东谈主和开拓者果然相识“AI器具链”的落所在式与配合范畴。

之前拿AI开拓了一套里面使用器具，开拓过程如实至极高效方便。然后，前段期间正颜面到有东谈主发了一个单页面的AI应用网页，于是调研了一下DeepSeek的API价钱，发现挺低廉的，调用一次R1模子也便是1-2分钱。那就意味着搞个AI应用没啥老本，于是考虑着搞个微信小要领玩玩，本篇纪录了圆善的形态。

微信小要领注册

在微信公众号平台不错肯求注册小要领，个东谈主亦然不错的。需要准备好如下尊府：

小要领称号：不成重叠，不成侵权他东谈主商标 图标：小要领的图标，这个拿AI生成一个就行 工信部备案：扫数小要领都需要工信部备案，备案提交前微信团队会作念初审，如果有问题会让你修改后再提交。提交后一般3-7个责任日和会过。莫得备案不影响小要领的发布和上架，然则没备案的话无法被搜索。 微信认证：需要填写认证尊府，然后交30块钱。微信会寄予第三方对个东谈主信息进行核实。我启动认证为居品司理，效果没通过（第三方网站发布的著作截图不算数），快的话，聘用认证身份为“无”就行了。

认证和备案没通过都不影响小要领开拓和上线，仅仅影响分发（没通过圮绝50东谈主/天）和搜索。注册号之后，从开拓不停里得到AppID，这个在开拓的时候会用到。

DeepSeek接口通畅

在DeepSeek官网通过API开放平台插足，作念完实名认证，充值就不错使用了，最低充值10元，门槛不高。

充值好之后，创建一个APIKey，方便在小要领诈骗这个APIKey来请求接口（肃肃不要清晰APIKey，不然其他东谈主就不错用你的接口了）。

开拓器具准备

我是用Visual Studio Code+TRAE AI代码插件来使用AI编程（两个都是免费的），然后在微信开拓者器具中模拟测试，微信开拓者器具不错在微信公众号平台的开拓器具里下载，还需要装置Node.js （网址：https://nodejs.org/zh-cn/）。

不会装置或不会使用的不进军，问AI就行，他会告诉你怎样作念，比如如何装置TRAE插件，不错这么问：Visual Studio Code如何装置TRAE插件？底下是AI的回话。

AI开拓

TRAE有个自动化构立功能（Builder），也算一个Agent，关于不懂编程的推选使用这个模式。因为编程的目次结构比拟复杂，如果不懂的可能一启动目次结构就错了，会踩不少坑。

然后便是给AI聊天发开拓任务了，我时常会这么形色开拓任务：

1）这是一个什么款式：这是一个新的微信小要领款式（AI会基于款式类型构建对应的款式目次结构）

2）页面形色：前端界面的形色，比如我的小要领有两个界面，我会告诉AI，这个小要领有两个页面，第一个页面有xxx组件，组件摆列的顺次，组件前边的翰墨标签是什么，如果是输入组件输入的类型是什么（比如日历，开关，年份）。第二个页面亦然访佛。

3）交互形色：页面内的交互，比如是否要表现加载中，点击按钮提交前作念什么处理（如表单考据），提交后处理，拿到接口效果后若哪里理。页面间如何跳转。

4）业务逻辑形色：比如提交按钮该请求什么接口，接口的舛误参数是什么，像DeepSeek就不错把APIKey，使用的模子给到AI，他会自动编写调用DeepSeek的接口 —— 毕竟文档是他自家的。比如底下的DeepSeek接口调用是AI生成的，然后我改了一下参数。

基本上按照上头的形态，在Buidler模式下就会给你生成一堆目次和代码，同期还会需要你实行一些敕令行敕令，你要作念的便是阐述（Accept便是接收修改，Run便是运行敕令）就好了。然后款式目次就好了。这是我当今这个小要领的目次结构，环球不错参考一下。肃肃，需要在project.config.json文献中填写一下appid（也便是前边提到的小要领的AppID）。

扫数这些都好了之后，就不错到微信开拓者器具模拟运行。固然，一般来说会遭受一些问题。这个时候就把遭受的问题复制下来，扔给AI（切换到Chat模式），然后它会告诉你若哪里理。调试器洞开后，不错在Console栏看到诞妄信息，把诞妄信息复制到TRAE里，然后告诉他说出现了诞妄：xxxx（复制的诞妄信息），AI就会帮你分析诞妄和提供搞定决策。

模拟运行还会发现界面可能不那么好意思不雅，这个时候你不错条目AI修改某个界面的组件样式，比如：诞诞辰期输入框的字体若是白色，90%的透明度。AI会给你生成样式，应用后就不错更动了。

按照上头的方式，多调整几次，就不错运行起来了。过程其实便是一个轮回：调整->问题->扔给AI调整……

上架发布

调试没问题之后，就不错在微信开拓者器具通过上传按钮提交版块，提交后在小要领后台能够看得到，不错诞生为体验版，然后我方用真机考据一番。没问题就不错提交审核了，审核一般1个责任日，通事后就不错发布了。

我这个易说测测小要领就两个页面，概况花了1天期间完成一皆过程，环球不错搜索体验一下。

跋文

关于不懂编程的居品司理来说，前期可能会踩一些坑，暴虐多尝试用结构化的方式作念抒发，AI相识起来会更准确。然后便是，需求尽量明确（和咱们我方作念居品需求相通）。我个东谈主就发现，出现偏差的时候时时是我的表述没那么明确，未必候AI会相识错，效果需要反复调整。

另外便是调用DeepSeek的prompt很舛误，一个是对任务的prompt要明晰莫得歧义，不然功能可用性就比拟差。一个是对输出形态的条目，因为DeepSeek默许输出的是Markdown形态，不是结构化的字段，况且会混合AI我方的纪念，在小要领里展示就不太好。我我方便是在调整输出HTML网页形态的时候花了不少期间，终末依然将需求丢给AI，然后AI给了我底下的prompt：

实质上圈套今还有好多东谈主不知谈怎样用好AI，关于一些至极细分的限度，如果咱们我方扣问出来了好的prompt，不错使用传统应用的表单模样，让用户填写表单，然后咱们再转成prompt，再将AI效果呈现给用户，也能给用户创造比拟好的价值。

专栏作者

居品海豚湾，公众号：居品海豚湾（ID：pm-dophin-bay），东谈主东谈主都是居品司理专栏作者。本领出身的居品司理，从事过 C 端居品和 B 端居品推敲，擅长 SaaS 居品推敲、居品架构推敲和需求分析。厚爱的B 端居品完成了圆善的从0到1，从1到 N 的过程，告成签约行业百强客户。

本文原创发布于东谈主东谈主都是居品司理，未经许可，不容转载。

题图来自Unsplash开云体育，基于CC0条约。