前段时间,在《程序员副业搞米最容易上手的方案来了》一文中结合自己的经验给大家分析了开发者群体最容易做副业的两个方向:自媒体和独立开发。之前给独立开发这条赛道,推荐了一个最值得尝试的方向:AI智能体。
那么为什么今天的标题说副业搞钱的门槛又又又降低了呢?
因为“扣子”(https://www.coze.cn/)最近又有了重大更新:AI应用开发!从官方介绍看,这次的AI应用开发功能,不仅仅是对用户交互方面的增强,其中还涵盖了微信小程序的一键发布整合,这对于应用开发者来说非常重要,因为微信平台是最重要的流量平台之一。
构建第一个AI应用
下面DD将尝试使用扣子的应用开发功能从零到一完成一个利用AI来制作头像的微信小程序(涵盖开发、测试、发布全流程),感兴趣的小伙伴也可以跟着一起动手试试,相信你也可以做到。
创建应用
1. 登录“扣子”(https://www.coze.cn/),点击左侧“工作空间”进入到“项目开发”界面,点击右上角的“创建”按钮
2. 可以看到这里有两种类型:智能体和应用。智能体的创建,之前我们已经介绍过。今天我们的重点是右边的“创建应用”,一起来体验一下通过该工具创建具备复杂前端交互的AI应用。
3. 根据想要创建的应用选择合适的应用模版,扣子官方提供了AI应用的海量模版(涵盖了营销创作、信息处理、聊天陪伴、智能客服、学习教育等常见的AI应用场景),你可以基于这些模版根据自己的业务去修改创建自己的应用。这里DD对自己想做的内容有明确的想法,所以直接选择创建空白应用。
4. 输入应用相关的名称和介绍,图标的话可以直接点击右侧的按钮自动生成。当然,如果不满意可以自己上传。
实现业务逻辑
在完成应用创建之后,就进入到了扣子应用IDE界面。如下图所示,一个应用的创建分为两个重要部分:业务逻辑和用户界面。先进入“业务逻辑”,为应用创建生成头像的工作流
创建工作流的方式很简单,与之前介绍的创建智能体的工作流类似,只需要像画流程图一样去拖拽各种控制和功能节点(如下图)来组装想要的业务逻辑即可。
实现用户界面
点击顶部的“用户界面”,进入扣子的UI Builder功能为应用创建个性化的交互界面,比如下面我创建了两个页面。第一个页面用来显示创建头像的模版样例和生成图片的提示词修改界面,第二个页面用来显示头像的生成结果。
得益于扣子 UI Builder 的强大功能,像我这样不怎么擅长前端的后端开发也能轻松实现美观的用户界面,不需要学习任何前端技术,只需要以拖拽的方式把左侧丰富的前端组件放到对应页面中,然后在右侧稍做属性配置就能轻松实现用户界面的开发,最后再通过组件的事件配置将UI组件与业务逻辑串联起来,就能实现一个完整的AI应用了。
在线预览与调试
对于业务逻辑和用户界面的创建,扣子都提供了方便的在线预览和调试,在做每一步的时候都建议做好测试,以保证最后串联用户界面和业务逻辑的时候,都能更顺利的实现对接。
1. 业务逻辑的调试:点击在“业务逻辑”页面下方的“试运行”,然后右侧会自动弹出当前打开工作流的输入列表,填入需要测试的输入点击“试运行”,就能把当前工作流运行起来,以验证业务逻辑的正确性。
2. 用户界面的调试:只需要点击“用户界面”编辑页面右上角的“预览”按钮,就可以快速打开用户界面的调试工具来验证界面中UI组件之间的联动,组件与业务逻辑中间的事件串联。
不论是业务逻辑的调试还是用户界面的调试,都非常高效,也是几乎不需要学习成本就能快速上传。
一键发布到微信小程序
在完成在线调试,确保功能无误之后,就可以使用扣子的发布功能,将刚刚构建的应用快速发布到各大应用平台了,比如:扣子商店、豆包、微信小程序、抖音小程序等。
这里DD尝试了发布到微信小程序(与社交平台绑定,非常有利于传播),实现方法也是非常简单,只需要下面几步:
1. 登录“微信小程序”的后台管理,点击左侧“开发管理”菜单,在右侧页面获取的AppID
2. 回到扣子,点击右上角的“发布”按钮,在弹出页面中找到“发布到小程序”,具体如图所示:
3. 点击“微信小程序”的“配置”按钮,将弹出如下页面,填入之前获取到的微信小程序AppID
4. 点击“保存”之后弹出微信平台的授权二维码,使用小程序绑定的管理员微信扫码授权
5. 在完成授权之后,每次要“发布到小程序”时候,只需要勾选“微信小程序”即可
6. 点击“发布”之后,微信小程序不会立即发布成功,而是进入到微信平台的审核阶段。这里只能等待审核,当审核有结果之后,小程序的管理员微信会收到通知。同时,在扣子平台的右上角也能看到审核结果,比如下面这样:
7. 当收到微信小程序“发布成功”的状态,就可以直接打开微信搜索到我们刚发布的应用名称“头像创匠”尝试使用功能了。
点击这里直达小程序体验效果
小结
经过上面的实践,可以看到通过扣子的应用开发来制作微信小程序是非常丝滑的。整个过程没有任何需要编码的地方,基本都以拖拽+配置的方式来完成。对于有一些编程基础的开发者群体来说几乎不需要学习任何前置知识就能快速上手,轻松高效的实现一款AI应用的从零到一。
在如今这个AI革命的时代背景之下,对于独立开发者来说,当有一个创意想法时,最迫切的需求就是快速构建一个MVP产品去验证需求和抢占用户,而扣子这个快速开发微信小程序的整套功能非常符合我的需求。如果您跟我一样,正在尝试做AI相关的产品,也想快速高效的试错,不妨也来试试扣子的应用开发。
欢迎感兴趣的朋友关注扣子微信公众号,随时了解扣子最新情况
点击【阅读原文】可直达扣子官网体验