扣子又出新功能，支持一键部署小程序，太强了！！

大家好，我是R哥。

作为一名程序员和技术博主，我一直关注如何使用工具提升生产力，尤其是在内容创作和应用开发领域。

拿我开发一个微信小程序为例，我需要懂前端、后端、运维 等全栈技术，开发流程和技术栈复杂，我还需要购买云服务器、云数据库 等各种基础设施，资源耗费非常多。

虽然现在有如 Cursor 这样的革命性 AI 开发工具，它突破了传统开发模式的壁垒，非开发人员也能轻松开发一个应用。但有一说一，用它来开发简单的小功能还行，对于复杂的应用，需要前端、后端、运维这种，这一套下来非开发人员根本搞不定。

话说前阵子我不是用扣子 0 代码开发了一个 AI 应用嘛：重磅！字节发布扣子应用 IDE，一站式开发各种复杂 AI 应用，强的离谱！！

最近扣子又出新功能了，支持一键发布到抖音/微信小程序 ，非开发人员也能 0 代码、一站式搭建自己的小程序，直接将 AI 应用玩到极致了。

再说说我之前全栈开发的一个面试小程序，想想我那个蹩脚的前端开发水平，和不怎么专业的运维水平，加上稍微专业点的后端水平 ，才勉强撑起了这个面试小程序，前端页面开发一直是我的噩梦 。

这次扣子亮出的新功能，直接击碎了我的所有痛点，前端、后端、运维，甚至连服务器，通通都不用我管了 ，拖一拖，拉一拉，就能开发和发布一个小程序，这真是革命性的创新。

今天，我就结合自己的实际体验，和大家聊聊扣子是如何打破这些壁垒的。我是如何 0 代码开发了一个微信小程序：面试无忧 ，全程一个人可视化开发，没用到任何付费资源。

支持发布小程序

扣子应用现已支持发布抖音/微信小程序，有以下两个亮点：

1、支持搭建移动端页面

通过用户界面编辑器，可以搭建出适配各种移动端设备的用户界面。意味着，我们不仅可以 0 代码可视化开发 Web 应用，还能开发移动端应用 ，对于非前端开发人员来说真是重大福音。

2、支持发布为小程序

搭建好的移动端应用，可以发布到抖音小程序、微信小程序，适配移动端用户场景。

因为微信小程序 支持以个人形式发布，所以我以微信小程序 为例，说说发布到微信小程序的前提条件：

• 已经注册了微信小程序。
• 已登记主体信息。
• 已填写微信小程序基本信息，如：名字、头像、描述等。
• 已设置微信小程序服务类目。
• 已完成了微信小程序备案。

微信公众平台地址：

https://mp.weixin.qq.com/

进入后，点顶部「立即注册 」，然后选择注册小程序即可，微信小程序的注册和设置这些都不难，对于非开发人员来说都可以轻松搞定。

一切弄好之后，只需要获取小程序 AppID 即可，获取路径：小程序管理页面 - > 账号设置 -> 基本设置 -> 账号信息，如下图所示：

获取之后可以保存一下，后面预览和发布都会用到这个 AppID 。

一站式开发面试小程序

这里我重点介绍下扣子新功能：支持一键发布小程序， 这次是真正意义上的一站式的开发 AI 应用了。

下面我重点介绍下如何使用扣子开发小程序及详细发布流程，我用了仅仅不到一小时就搭建了一个微信小程序 AI 应用：面试无忧 ，主要包括首页（刷题）和我的（展示刷题记录）两个菜单。

第 1 步：创建 AI 应用

扣子官网地址如下：

https://www.coze.cn/

创建一个简单的 AI 应用，创建过程都是傻瓜式，这里我重点说下如何使用小程序方式开发。在创建成功后，回到「用户界面 」时，一定要选择「小程序和 H5 」选项：

选择「小程序和 H5 」选项，这样才能开发及发布为小程序，当然，开发和发布 H5 页面也是可以的。

第 2 步：编排业务逻辑

创建两个工作流，每个页面对应一个工作流：

工作流说明：

• 首页生成刷题的工作流： 根据界面上用户选择的编程语言和难度生成面试题和答案，然后将结果写入数据库，最后再返回面试题和答案。
• 我的查询刷题记录的工作流： 加载我的页面时，从数据库中按生成时间倒序获取刷题记录，默认只查询并展示最新的 100 条记录。

通过扣子工作流，无需开发和部署后端系统，无需购买服务器资源，就能打通前端和后端之间的桥梁。

第 3 步：设计界面

扣子最引以为傲的就是可视化开发 AI 应用 了，目前支持 18 个组件，常用的都有，无需编写任何前端代码即可实现直观的界面交互设计，对于非前端人员真的非常友好。

下面是我开发的两个页面：

每个底部菜单对应一个页面，也可以一个页面跳转其他页面，只需要在页面上拖拖拉拉，设置一下属性和事件即可 ，开发起来非常得心应手，解决了我开发前端应用的噩梦。

第 4 步：应用测试

小程序工作流测试和在 Web 页面上的测试就不说了，和之前的流程一样，这里我重点介绍下如何在手机真机上测试小程序 。

首先在「用户界面 」点击预览按钮后，如果是小程序和 H5 开发模式，会出现一个「手机扫码预览 」按钮，点击配置小程序的 APPID 然后授权绑定即可。

配置好微信小程序之后，再刷新页面，重新点击「手机扫码预览 」按钮，点击微信就会生成微信小程序体验码，微信扫码即可真机体验小程序。

小程序体验版本仅设置的开发人员才能使用，也可以添加 15 个体验成员（小程序管理页面 - > 管理 -> 成员管理 -> 体验成员），真机体验对于扣子开发小程序非常重要，以确保组件兼容性 和小程序的顺利发布。

第 5 步：应用发布

测试没问题后就可以将 AI 应用一键发布到微信小程序了，扣子应用提供以下两种发布方式：

• 托管发布 ： 扣子应用代码打包完成后，扣子平台会将其直接部署到微信开放平台的指定小程序项目中。开发者可直接提交审核并发布微信小程序。该方式更加便捷高效，开发者无需关注后端代码的具体逻辑，适用于小程序快速发布上线的场景。
• 自行下载 ： 扣子应用代码打包完成后，开发者需要将代码包手动导入到自己的微信小程序项目中，按需二次开发或改造之后，自行提交审核并发布小程序。该方式扩展性较强，开发者可以根据需求自由定制和增加扩展功能，但需要具备微信小程序的开发技能，适用于小程序定制化开发的场景。

以托管发布 为例，发布流程如下：

• 在开发页面右上角点击「发布 」进入发布页面；
• 在发布页面填写版本号、版本描述 信息；
• 然后选择「发布到小程序 」选项；
• 选择「托管发布 」形式发布；
• 点击「配置 」按钮，填入小程序 APPID 保存授权；
• 点击「发布 」按钮，完成发布；
• 等待小程序审核完成即可使用；

发布相关流程图如下：

回到开发界面，右上角显示「发布成功 」则说明已经正式上线了，可以正常使用了，在微信小程序中搜索你的小程序，或者去小程序管理平台下载小程序二维码扫码使用。

到此，从微信小程序的开发到发布流程就结束了。

来，扫码体验下我开发的面试无忧 小程序：

总结

AI 巨变，扣子也在巨变。

从智能体到 AI 应用开发，从可视化开发到一键发布小程序，扣子的每一次进步都是对传统开发模式的颠覆 ，让人人 0 代码、一站式开发一个 AI 应用变为可能。

AI 时代已来，未来已来。

AI 时代的生产力真是无比惊人，这是从质变到量变的过程，一些简单的应用现在真的不用程序员就能完成了，AI 或许不会取代程序员，但肯定会取代不会使用 AI 的程序员 。

字节旗下的扣子正是国内 AI 应用开发的标杆，旗下的「豆包大模型 」更是位居位国内大模型首位，扣子 + 豆包，轻松开发各种复杂 AI 应用 ，感兴趣的都来试试开发一个自己的 AI 应用吧。

官方网站：https://www.coze.cn/

更多文章推荐：

1.Spring Boot 3.x 教程，太全了！

2.2,000+ 道 Java面试题及答案整理(2024最新版)

3.免费获取 IDEA 激活码的 7 种方式（2024最新版）

觉得不错，别忘了随手点赞+转发哦！