使用CodeBuddy从0-1零编程打造一款微信小程序（附体验二维码）原创

大家好，我是蓝镜空间Les，我是一名零编程经验的开发者，本期视频将向大家介绍如何通过腾讯的。Code吧，来打造一款微信小程序。我将通过微信的需求背景、产品方案、创新点、技术架构、工具、使用心得和产品演示几个方面来逐一介绍。首先是需求背景。经常能够在B站小红书上面看到，呃，类似于如下这种帖子。说明大家，呃，非常想找一个学习搭子来进行在线监督学习，身边也有不少朋友说，学习虽然是自己的，但也是希望能够找个人一起监督来实现学习目标，说明需求是广泛且真实存在的，于是我下定决心打算做一款产品来满足。产品方案，产品名称是呃嘟哒嘟哒，寓意监督学习搭子，中英文的搭配非常的生动有趣。

产品的logo是呃，原始的产品logo的设想是如下这样，呃，后来通过AR工具不断的去打磨，最终生成了现在这个效果，整体看起来非常的稳固简洁，产品形态考虑到微信它覆盖到的用户群体比较广，然后。可以支持跨iOS、安卓等平台，所以最终选择微信小程序进行落地。核心功能最核心的功能是一对一的精准匹配，它是按照学习时间来进行精准的匹配，最终实现两人的组队学习。除了精准匹配之外，还可以按照学习兴趣进行选择匹配。可以按照学习的目标在匹配广场中自由选择，更加的灵活。在学习的过程中具有完善的学习体验。在开始学习前，支持进行倒计时的提醒，在学习中随时可以对学霸进行鼓励提醒，然后也可以选择临时休醒，在线的状态也会实时的显示。

我会在后面的产品演示中为大家详细的进行介绍。同时还有丰富的成就积分系统，丰富的统计维度可以直观地看到学习结果，激励用户去坚持学习，奖惩有序的积分体系也可以用于约束用户更好地去遵守规则。创新点第一点是全新重构的时间选择器交互，从市面上没有去找到合适的时间选择器组件，所以从0~1进行设计，然后从0~1进行编程，这个编程过程当然是通过CO8的来去实现的。它是一个更符合直觉的时间选择圆环，让学习的时间选择更加的简单直观。中间可以进行。非常清晰的。内容的展示。同时，它可以支持跨1天、跨2天和当天的这种多种可能的时间组合。

从时间选择到匹配中的状态进行清晰的切换，一眼便可以知道当前的结果。另外一个就是构建了完整的学习过程的体验。包括清晰的状态展示。时间，在线状态，学习目标，双方的学习目标下方具有小工具，可以对学办进行鼓励提醒。然后有事情可以选择临时休息。然后也可以直接结束本次学习。刚才讲的都是一些前端页面体验上的一些优化设计。接下来会从。后端的角度来讲一下一些创新点，首先是高效率、低消耗的匹配架构的设计。如何去面对用户广泛的匹配的需求？

首先，我将时间按照30分钟进行的时间切片形成的时间槽。用户的需求进来之后，通过时间和过滤形成匹配值。这里可以看到用户。很多需求经过时间淘之后，就进一步减少，成了有限的几个匹配池。通过在匹配池中获取时间相同的用户进行匹配，匹配成功之后从匹配中进行移除。这个时候才进行创建，呃，匹配记录学习计划等后续的数据来减少。呃，数据库的开销。另外一个，整个过程全部是使用的云端开发，无需部署。这里主要是充分使用了cloud base的基础设施，包括云函数、云数据等。

不需要去采购服务器，也不需要去部署服务环境，然后开发过程中也不需要担心环境问题，0编程经验也能够去轻松上手。在开发阶段。云函数、云数据这些都是免费的，然后在上线之后也可以去灵活的去选择套餐，可以做到成本最优，性能最佳，以此来减少浪费。技术架构。充分使用了club呃使提供的微信小程序基础设施，从服务层这里主要是云函数，云数数据这些，然后接口层其实是对云函数的具体实现，包括各种各样的云函数接口，应用层这里主要是微信小程序，后续可以扩展成。APP等多种的产品形态，交互层主要是页面上的一些功能展示。包括时间匹配、匹配广场等等。下面讲一下工具的使用心得，首先在开始项目之前，我们先要去配置一下项目规则，目的是能够在全局层面上去约束AI，以带来更好的效果。让AI按照我们设想的。

方法去工作。另外，在真正启动开发之前，要先去构建文档。这样是能够和开AR去更好的进行协作，其实在实际的工作中，我们也是通过和开发工程师进行。文档的评审之后，然后才才进入开发的过程。那对AI来说，我们也要形成这样一个习惯。比如，我先形成了技术文档和需求文档。然后再让AI进行开发。这样能够提高一次。完成的这种成功率。呃，另外一个就是我们要去帮助ARAR和我们是协作的关系。我不是要去强迫呀，这里可以举个例子，AR在生成某些页面的时候，它使用的图标文件总是达不到想要的效果，这时候可以让AR去说明一下希望的图标的位置以及它的图标名称。我们去从。

网上找一些合适的图标，然后放到对应的位置。另外，在和AR对话的过程中，要提供完整的。信息描述也要尽可能完整，如果涉及到复杂的业务逻辑，不要一句话就草草了事，因为AR他的理解可能和我们真实的需求是有偏差的，所以说应该尽量去描述清楚，当出现bug的时候。尽量去呃，贴上完整的这种log信息，这样AI才能更好的理解上下文，才能更好的去解决问题。好，下面进入演示视频环节。呃，首先如果，呃，这里是体验版的。二维码。大家可以去微信扫码去进行体验，如果失效的话，大家可以去私信我，然后这边是COS8的邀请码的获取的呃窗口。

好，下面进入演示环节。首先打开微信响应。首看，打开微信小程序之后进入登录环节。这里是提供了微信的快捷登录，登录成功之后进入首页。可以看到。可以先去添加学习目标。然后选择完成时间。点击确定完成学习目标的添加，也可以对学习目标进行二次编辑。接下来是去匹配广场，匹配广场里面有各种各样的丰富的匹配的需求，可以灵活选择，进行组队学习。

然后接下来是code拉和拉的官网的跳转链接可以进行。直接的跳转。呃，在接下来就是主要的这种时间选择，去进行精准的时间匹配，可以去看到可以。非常灵活的去选择时间。然后中间的时间展示的信息也比较的清晰。点击立即匹配，就进入匹配状态。这里我用了另一台手机来设置一模一样的时间来进行匹配。可以看到他匹配成功。出现了开始学习的卡片。可以去退出学习，也可以点击开始学习，进入到学习页，学习页之后可以看到。

上方是清晰的时间的展示，包括在线状态，然后中间是2个学习的卡片，可以看到学习目标。下方是按扭曲，可以进行鼓励，丢炸弹都有非趁的这种动画。也可以点击结束。结束本次学习。在接下来是成就业。成就页上方是个人成就的统计，然后下方是日历的日历图。然后再下方是全站的学习时长的排名，然后再下来，接下来是积分页，积分页展示了当前的积分，以及积分的一些统计信息，包括积分的任务。在接下来是我的页面，主要展示一些用户的基础信息，然后可以退出登录。好，以上就是。

关于。如何使用code body去打造一款微信小程序的全过程？大家如果有任何的意见或想法，可以随时联系我，感谢大家观看。