之前拿AI开发了一套内部使用工具，开发过程确实非常高效便捷。然后，前段时间正好看到有人发了一个单页面的AI应用网页，于是调研了一下DeepSeek的API价格，发现挺便宜的，调用一次R1模型也就是1-2分钱。那就意味着搞个AI应用没啥成本，于是琢磨着搞个微信小程序玩玩，本篇记录了完整的步骤。

nerror="javascript:errorimg.call(this);">

在微信公众号平台可以申请注册小程序，个人也是可以的。需要准备好如下资料：

• 小程序名称：不能重复，不能侵权他人商标
• 图标：小程序的图标，这个拿AI生成一个就行
• 工信部备案：所有小程序都需要工信部备案，备案提交前微信团队会做初审，如果有问题会让你修改后再提交。提交后一般3-7个工作日会通过。没有备案不影响小程序的发布和上架，但是没备案的话无法被搜索。
• 微信认证：需要填写认证资料，然后交30块钱。微信会委托第三方对个人信息进行核实。我开始认证为产品经理，结果没通过（第三方网站发布的文章截图不算数），快的话，选择认证身份为“无”就行了。

DeepSeek接口开通

充值好之后，创建一个APIKey，方便在小程序利用这个APIKey来请求接口（注意不要泄露APIKey，否则其他人就可以用你的接口了）。

nerror="javascript:errorimg.call(this);">

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

nerror="javascript:errorimg.call(this);">nerror="javascript:errorimg.call(this);">

AI开发

然后就是给AI聊天发开发任务了，我通常会这样描述开发任务：

2）页面描述：前端界面的描述，比如我的小程序有两个界面，我会告诉AI，这个小程序有两个页面，第一个页面有xxx组件，组件排列的次序，组件前面的文字标签是什么，如果是输入组件输入的类型是什么（比如日期，开关，年份）。第二个页面也是类似。

4）业务逻辑描述：比如提交按钮该请求什么接口，接口的关键参数是什么，像DeepSeek就可以把APIKey，使用的模型给到AI，他会自动编写调用DeepSeek的接口 —— 毕竟文档是他自家的。比如下面的DeepSeek接口调用是AI生成的，然后我改了一下参数。

nerror="javascript:errorimg.call(this);">

所有这些都好了之后，就可以到微信开发者工具模拟运行。当然，一般来说会遇到一些问题。这个时候就把遇到的问题复制下来，扔给AI（切换到Chat模式），然后它会告诉你怎么处理。调试器打开后，可以在Console栏看到错误信息，把错误信息复制到TRAE里，然后告诉他说出现了错误：xxxx（复制的错误信息），AI就会帮你分析错误和提供解决方案。

nerror="javascript:errorimg.call(this);">

按照上面的方式，多调整几次，就可以运行起来了。过程其实就是一个循环：调整->问题->扔给AI调整……

调试没问题之后，就可以在微信开发者工具通过上传按钮提交版本，提交后在小程序后台能够看得到，可以设置为体验版，然后自己用真机验证一番。没问题就可以提交审核了，审核一般1个工作日，通过后就可以发布了。

nerror="javascript:errorimg.call(this);">

后记

另外就是调用DeepSeek的prompt很关键，一个是对任务的prompt要清晰没有歧义，否则功能可用性就比较差。一个是对输出格式的要求，因为DeepSeek默认输出的是Markdown格式，不是结构化的字段，而且会夹杂AI自己的总结，在小程序里展示就不太好。我自己就是在调整输出HTML网页格式的时候花了不少时间，最后还是将需求丢给AI，然后AI给了我下面的prompt：

nerror="javascript:errorimg.call(this);">

专栏作家

本文原创发布于人人都是产品经理，未经许可，禁止转载。

该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。