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

大家好,我是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

相关推荐

  • Grok Super微信支付代充开通教程

    Grok Super微信支付代充开通教程,适合国内用户使用微信支付宝为自己的账号完成充值、订阅或代充开通。

    未分类 3天前
    1800
  • 一文搞懂架构设计的衡量标准:功能性、可用性、性能、可扩展性、安全性、协作效率、复杂度、成本效益

    大家好,我是汤师爷~ 架构设计的首要目标是服务于业务需求。因此,我们不应该盲目追求所谓的”最厉害的”架构,而应该致力于寻找最适合当前业务环境和未来发展需求的架构方案。 衡量架构的合理性是一个复杂的过程,需要从多个角度进行全面评估。主要可以从以下视角进行分析: 功能需求视角:评估架构是否有效支撑当前业务需求,并具有充分的灵活性以适应未来业务发展。 非功能需求视…

    未分类 2025 年 1 月 16 日
    63800
  • 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 日
    73400
  • Microi 吾码与 JavaScript:前端低代码平台的强大组合

    目录 一、引言 二、Microi 吾码概述 三、JavaScript 在 Microi 吾码前端开发中的应用 (一)前端 V8 引擎与 JavaScript (二)接口引擎与 JavaScript 四、JavaScript 在 Microi 吾码后端开发中的协同 (一)与 C# 后端框架的交互 (二)利用 gRPC 实现跨语言通信 五、Microi 吾码中 …

    2025 年 1 月 12 日
    67100
  • Java编程进阶指南——深入理解类与对象的核心概念⑦

    Java编程进阶指南📚——深入理解类与对象的核心概念⑦ 一、面向对象编程基础 1.1 面向对象编程的本质 Java作为纯粹的面向对象编程语言(OOP),其核心理念是将现实世界中的事物抽象为程序中的对象。这种编程范式强调通过对象之间的协作来解决问题。面向对象编程的优势:- 更贴近人类思维方式- 便于构建复杂的软件系统- 提升代码的可扩展性和维护性- 通过对象协…

    2025 年 5 月 19 日
    42700

发表回复

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

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

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

关注微信