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

大家好,我是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/5632.html

(0)
LomuLomu
上一篇 2025 年 1 月 10 日 下午7:09
下一篇 2025 年 1 月 10 日 下午7:39

相关推荐

  • Java核心设计模式解析与典型应用场景剖析

    Java设计模式深度解析与实践应用 在构建高质量软件系统时,设计模式作为经验结晶能够有效解决特定场景下的架构难题。合理运用这些模式可以显著提升代码质量,增强系统的灵活性和可维护性。以下将深入分析几种典型的Java设计模式,并配以实例代码说明其应用场景。 1. 单实例模式(Singleton) 核心概念:保证类在程序运行期间仅有一个实例存在,并提供统一的访问入…

    未分类 2025 年 5 月 13 日
    8100
  • 【Java】:lambda 表达式

    ![](https://pic.it1024doc.com/csdn/202412/71e03759762be38e9b71a6acff995d34.png) ### **1. 引言 🚀** 🔥 **Lambda** 表达式是Java在JDK8中引入的一项创新特性,它极大地简化了Java代码的编写,尤其是在处理集合遍历和操作时。Lambda表达式允许我们将函…

    未分类 2024 年 12 月 28 日
    27200
  • 利用Java与GeoTools实现矢量边界自动生成地理网格的技术方案

    目录背景概述一、数据准备与实现原理1、矢量数据预处理2、网格生成技术原理二、具体编码实现1、获取Shapefile边界范围2、构建网格要素集合3、输出Shapefile文件三、成果检验与评估1、输出文件格式说明2、GIS软件验证方法四、技术总结与展望 背景概述 在数字地理信息处理领域,空间数据的转换与处理技术日益重要。矢量数据以其精确的空间表达能力广泛应用于…

    2025 年 5 月 19 日
    7100
  • 【潜意识Java】Java匿名内部类深入笔记总结,助力开启高效编程新征程。

    目录 一、匿名内部类是什么 (一)概念引入 (二)语法结构 二、匿名内部类的优势 (一)简洁的代码表达 (二)灵活的功能实现 三、匿名内部类在实际场景中的应用 (一)图形绘制系统 (二)事件驱动编程 四、匿名内部类与局部内部类、成员内部类的比较 (一)与局部内部类的区别 (二)与成员内部类的区别 五、匿名内部类的注意事项 (一)访问外部变量的限制 (二)调试…

    2025 年 1 月 19 日
    29200
  • MySQL 面试题

    MySQL 中有哪几种锁? 全局锁、行级锁、自增锁、记录锁、外键锁、间隙锁、表级锁、元数据锁、意向锁、临键锁 MySQL 中有哪些不同的表格? 基础表、临时表、系统表、信息表、性能模式表、分区表、外键表、触发器使用的表、存储过程和函数使用的表 简述在 MySQL 数据库中 MyISAM 和 InnoDB 的区别? 事务支持 InnoDB:支持事务处理,具有提…

    未分类 2025 年 1 月 12 日
    34500

发表回复

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

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

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

关注微信