我要投稿

30 分钟，无代码，我用 Cursor 开发了一款AI 应用小程序

发布日期：2025-01-21 19:58:12 浏览次数： 1598 来源：非著名程序员

现在 Cursor 系列教程，在知识星球「AIGC·掘金成长研习社」已经更新到了第七篇了，这篇教程重点讲述如何使用 Cursor 来调用 AI 的后端 API 接口，实现一款 AI 应用的微信小程序。

既然是 AI 小程序，这里我们就用到了大模型的东西，所以，这里我们使用 Coze 平台提供的智能体和工作流的接口，也就是我们在 Coze 平台上搭建好了 AI 智能体或者 AI 工作流，可以配置 API ，来调用我们制作好的 AI 智能体。

当然了，这篇文章还是以小白的身份来讲述，虽然我是程序员，但是，全程我也没有写一行代码，尽量让没有学过编程的朋友也能看懂。

我们这篇教程需要用到搭建 Coze 智能体的知识，我的星球里也有教程，没有看过 Coze 课程的朋友，先去了解一下如何搭建 Coze 智能体的课程，有了这个基础知识，接下来，才能更容易看懂。

好，接下来就回到正文了。

1、搭建春联生成器的智能体

首先，我们先在 Coze 平台上搭建一个春联生成器的智能体。咱这个智能体的任务就是根据人名来制作春节对联，不是马上春节了吗？需要写对联，蹭个热点，大家可以学着制作一个。

Coze 平台地址：https://www.coze.cn/

就是让智能体根据人名来创作藏头对联，把名字藏在对联之中。

我的要求是这样的：

请以人的名字，比如：赵本山，做一幅春联，并给出横批。要求，如果名字是两个字，这两个字藏在上下对联之中就可以，如果名字是三个字，请把姓藏在横批之中，如果姓不好组词的话，为了让横批更生动精彩，可以使用同音词替代，名字在对联上。

然后我就在 Coze 平台制作了一个春联生成器的智能体。

点击「发布」按钮之后，需要配置 AI 。

2、配置 API 鉴权令牌

点击发布之后，会跳转到如下这个界面：

在这个界面，一定要勾选「API」这个选项，然后点击右边的「配置」。

在配置信息页面，需要创建令牌，令牌的作用就是访问授权，只有拿到令牌密钥的人，才能调用接口。

这里需要填写名称、访问令牌过期时间、权限，权限，你能多选就多选，用不到无所谓，但是，一定要勾选对话和会话管理权限，因为调用接口必须要有这个权限。

点击确定按钮之后，会给你一个密钥，这个密钥只出现一次，一定要复制出来，保存好。记住：只出现一次，一定要先复制，再关闭对话框。

到这里，接口调用的鉴权令牌密钥也有了，就等着小程序创建完成，我们调用接口了。

3、创建微信小程序目录

创建微信小程序目录，需要使用微信小程序开发工具，下载小程序开发工具之后，安装，打开，创建一个小程序文件目录就行了。

具体操作步骤，在星球里看上一篇的教程，有详细步骤。

4、Cursor 零代码编程

接下来，我们就要打开 Cursor 开发工具，然后开始让 AI 帮我们编写小程序了。

我们的这个界面很简单，一个名字输入框，一个按钮，一个展示区。

输入要制作春联的名字，点击生成春联的按钮，调用 AI 智能体的接口，让 AI 帮我们生成春联，然后在展示区展示 AI 智能体帮我们生成的春联结果。

这个逻辑就是这么一个线性的简单逻辑。

首先，我们需要写一个提示词，让 Cursor 帮我们先画出小程序界面来。

根据我的需求，提示词我是这么写的：

当然了，很多小白可能会说，这么复杂的提示词，我不会写怎么办？其实，你只要用自然语言描述清楚，Cursor 就可以帮你编程，写不了这么复杂，可能就需要多轮调试，慢慢实现需求。

然后，使用快捷键 command + i ，Windows 电脑使用 Ctrl + i 的快捷键，调出 Composer ，将提示词发给它，就帮我们自动编程了。

在这个 Composer 输入框里，我们用自然语言给它发交互指令就行了。

比如，小程序界面画完之后，一开始界面很简单，太丑了，连颜色都没有。我就发送指令：

给整个页面加个背景色，根据不同的功能区，配上合适的背景色

然后，经过几轮的交流，最终的界面就是：

好了，到这里，AI 智能体创建完毕了，访问令牌也有了，小程序界面也画完了，就差最后一步了，就是在小程序界面去调用 AI 智能体的接口，来获取春联结果。

5、调用 AI 智能体接口

首先，我们打开 Coze 平台的 API 后台。

地址：https://www.coze.cn/open/playground

然后，找到智能体菜单，选择对话接口，这里有详细的介绍文档，告诉你接口是什么，参数是什么？还提供了模拟请求的运行环境。

比如：

我们根据文档说明来让 Cursor 来调用接口，我们把模拟请求的链接和参数发给 Cursor ，它就会自动帮我们写后台的 AI 接口调用的代码。

如下：

我们把 Coze 平台上的接口示例发给它，Cursor 就能写出调用接口的代码请求。

到这里，基本上就完成了。

最后的结果展示如下：

最后，大家就在微信小程序开发工具当中，上传代码，提交发布就行了。

53AI，企业落地大模型首选服务商

产品：场景落地咨询+大模型应用平台+行业解决方案

承诺：免费场景POC验证，效果验证后签署服务协议。零风险落地应用大模型，已交付160+中大型企业

160+中大型企业正在使用53AI

立即咨询预约演示

把握AI发展的机遇，共同探索、共同进步

2025-01-22

如何打造基于GenAI的员工服务机器人

2025-01-22

热点资讯

Coze教程之;知识库的奥秘

2024-07-18

Coze收费了，我还用吗？

2024-07-18

终于来了！扣子(Coze.cn)启动收费，这次是国内版！

2024-07-18

Coze扣子开发指南：怎么使用功能强大的插件？

2024-05-09

Coze多智能体（Multi-Agents）模式体验！

2024-05-09

Coze收费了，开发者分流，企业客户会买单吗？

2024-07-07

深度剖析字节Coze/扣子

2024-07-31

零基础也能学会！用Coze打造专属工作流，保姆级教程

2024-06-08

扣子（Coze）的工作流到底怎么用？

2024-08-06

用扣子(Coze)搭建Bot智能体详解

2024-08-06

大家都在问

扣子（Coze）的工作流到底怎么用？

2024-08-06

Coze收费了，我还用吗？

2024-07-18

Coze收费了，开发者分流，企业客户会买单吗？

2024-07-07

腾讯元器与字节Coze扣子，智能体你会选择哪一个？

2024-06-29

Coze背后的人，你什么时候顿悟的Agent？

2024-05-30

Coze扣子开发指南：怎样建立一个工作流？

2024-05-10

Coze扣子开发指南：怎么使用功能强大的插件？

2024-05-09

开箱即用的企业大模型应用平台

工作+AI

业务+AI

AIx业务

大模型咨询

大模型定制

1、搭建春联生成器的智能体

2、配置 API 鉴权令牌

3、创建微信小程序目录

4、Cursor 零代码编程

5、调用 AI 智能体接口

相关资讯

160+中大型企业正在使用53AI

把握AI发展的机遇，共同探索、共同进步

如何打造基于GenAI的员工服务机器人

热点资讯

Coze教程之;知识库的奥秘

Coze收费了，我还用吗？

终于来了！扣子(Coze.cn)启动收费，这次是国内版！

Coze扣子开发指南：怎么使用功能强大的插件？

Coze多智能体（Multi-Agents）模式体验！

Coze收费了，开发者分流，企业客户会买单吗？

深度剖析字节Coze/扣子

零基础也能学会！用Coze打造专属工作流，保姆级教程

扣子（Coze）的工作流到底怎么用？

用扣子(Coze)搭建Bot智能体详解

大家都在问

扣子（Coze）的工作流到底怎么用？

Coze收费了，我还用吗？

Coze收费了，开发者分流，企业客户会买单吗？

腾讯元器与字节Coze扣子，智能体你会选择哪一个？

Coze背后的人，你什么时候顿悟的Agent？

Coze扣子开发指南：怎样建立一个工作流？

Coze扣子开发指南：怎么使用功能强大的插件？

热门标签