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

大家好,我是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最新版)

觉得不错,别忘了随手点赞+转发哦!

文章整理自互联网,只做测试使用。发布者:Lomu,转转请注明出处:https://www.it1024doc.com/5479.html

(0)
LomuLomu
上一篇 2025 年 1 月 10 日 上午1:25
下一篇 2025 年 1 月 10 日 上午1:55

相关推荐

  • WxPython跨平台开发框架之图标选择界面

    在使用 wxPython 开发跨平台桌面应用程序时,创建一个图标选择界面 通常用于让用户从图标资源库中选择图标,我们可以把图标分为自定义的图标资源和系统的图标资源两大类,最终我们把它们整合一起使用,在框架的界面中使用,包括工具栏、右键菜单、按钮、图片等所需的地方显示,实现图文并茂的友好界面展示。本篇随笔介绍这两种图标资源的管理和使用过程。 1、图标分类介绍 …

    2025 年 1 月 6 日
    27900
  • 新版 Cursor 把其他 AI 编程工具按在地上摩擦了!

    大家好,我是汤师爷~ AI编程助手Cursor背后的Anysphere公司刚刚完成了1亿美元的B轮融资,估值直接飙升至26亿美元。 四个月前,这家公司刚拿下6000万美元,估值还只有4亿美元。如今,增长6.5倍,这速度,简直让人怀疑开挂了。 Anysphere不仅融资拿到手软,收入增长更是逆天。 公司从4月的年收入400万美元,短短六个月后,10月的月收入竟…

    2025 年 1 月 10 日
    42500
  • ORM框架与数据库交互

    — title: ORM框架与数据库交互 date: 2024/12/22 updated: 2024/12/22 author: cmdragon excerpt: 对象关系映射(ORM)框架是连接数据库与编程语言的桥梁,它极大地简化了两者之间的交互。通过ORM,开发者能够以面向对象的方式处理数据库操作,避免了直接编写SQL语句的繁琐,从而提升开发效率…

    未分类 2024 年 12 月 27 日
    27400
  • Java怎样实现将数据导出为Word文档

    文章首发于我的博客:Java怎样实现将数据导出为Word文档 – Liu Zijian’s Blog 我们在开发一些系统的时候,例如OA系统,经常能遇到将审批单数据导出为word和excel文档的需求,导出为excel是比较简单的,因为excel有单元格来供我们定位数据位置,但是word文档的格式不像表格那样可以轻松的定位,要想将数据导出为一些带有图片和表格…

    2025 年 1 月 14 日
    33100
  • 扣子又出新功能,支持一键部署小程序,太强了!!

    大家好,我是R哥。 作为一名程序员和技术博主,我一直关注如何使用工具提升生产力,尤其是在内容创作和应用开发领域。 拿我开发一个微信小程序为例,我需要懂前端、后端、运维 等全栈技术,开发流程和技术栈复杂,我还需要购买云服务器、云数据库 等各种基础设施,资源耗费非常多。 虽然现在有如 Cursor 这样的革命性 AI 开发工具,它突破了传统开发模式的壁垒,非开发…

    2025 年 1 月 13 日
    16600

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信