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

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

(0)
LomuLomu
上一篇 2025 年 1 月 13 日 上午1:43
下一篇 2025 年 1 月 13 日 上午2:44

相关推荐

  • GreatSQL temp文件占用时长分析

    GreatSQL temp文件占用时长分析 GreatSQL DBA在日常工作中可能会遇到这种情况,存在一个 InnoDB 引擎下的 temp_x.ibt 文件很大,但是却无法确定这个文件是什么时间由哪个连接建立的,难以支撑后续定位问题,今天这篇文章彻底讲明白这个问题。 现象:发现一个实例下面(4406端口对外提供服务的实例)temp文件很大,如下所示: `…

    2025 年 1 月 12 日
    35700
  • Java 技术全景 —— 运用 Java 实现城市交通大数据可视化分析与智能治理方案(191)

    ✨尊敬的读者朋友们,诚挚欢迎您访问【智汇科技园】!在这个数字化浪潮奔涌的时代,我们致力于打造一个融合创新技术与实践应用的交流平台。本博客将持续为您呈现前沿技术解析与实战案例,期待与您共同探索科技发展的无限可能!✨全网平台(微信公众号/CSDN/抖音/华为/支付宝/微博):智汇科技一、欢迎加入【技术精英圈】快速加入通道1:【智汇技术精英社群(最新)】快速加入通…

    2025 年 5 月 11 日
    10900
  • 常见的图形库对比 Echarts Highcharts AntV

    图形库 图形库 特点 图表类型 适用场景 依赖项 官网/文档 ECharts 功能丰富,支持大规模数据,交互性强 折线图、柱状图、饼图、地图、雷达图、散点图、热力图等 复杂数据可视化 无 https://echarts.apache.org/ Chart.js 简单易用,轻量级,支持响应式设计 折线图、柱状图、饼图、雷达图、散点图等 简单图表,快速开发 无 …

    未分类 2025 年 1 月 12 日
    32200
  • 系统突遇百倍流量冲击?资深架构师的应对策略全解析

    “当你负责的核心系统某天突然面临百倍流量冲击,该如何紧急应对?”——这并非虚构场景,而是某科技公司面试中的真实考题。当候选人回答“简单扩容”时,面试官立即追问:“若资源不足或数据库崩溃呢?”瞬间暴露出技术方案的局限性。这类问题如同技术照妖镜,能精准检验工程师的系统性思维。仅靠“增加服务器”这类条件反射式的回答,往往暴露架构认知的短板。完整的解决方案需融合流量…

    2025 年 5 月 13 日
    11400
  • Java刷题常见的集合类,各种函数的使用以及常见的类型转化等等

    目录 前言 集合类 ArrayList 1. 创建和初始化 ArrayList 2.添加元素 add 3.获取元素 get 4.删除元素 remove 5.检查元素 6.遍历 ArrayList LinkedList Stack 1. 创建Stack对象 2. 压入元素 (push) 3. 弹出元素 (pop) 4. 查看栈顶元素 (peek) 5. 检查栈…

    2025 年 1 月 5 日
    32300

发表回复

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

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

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

关注微信