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

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

相关推荐

  • 《重构:改善既有代码的设计(第2版)》PDF、EPUB免费下载

    电子版仅供预览,下载后24小时内务必删除,支持正版,喜欢的请购买正版书籍 点击原文去下载 书籍信息 作者: [美] Martin Fowler出版社: 人民邮电出版社出品方: 异步图书副标题: 改善既有代码的设计原作名: Refactoring: Improving the Design of Existing Code,Second Edition译者: …

    2025 年 1 月 10 日
    12700
  • 电商项目-网站首页高可用(一)

    “`markdown 一、Nginx概览 Nginx,一个以高性能著称的HTTP服务器,是处理高并发请求的理想选择。在单台Tomcat服务器中,理论上最多只能处理500个并发连接,这对于流量密集的首页而言远远不够,容易导致服务崩溃。对于Tomcat集群而言,虽然可以扩展至5台服务器,但超过这个数量,性能反而会下降。 因此,在服务器选型时,Nginx是一个不…

    未分类 2024 年 12 月 24 日
    15100
  • JavaScript 延迟加载的方法( 7种 )

    JavaScript脚本的延迟加载(也称为懒加载)是指在网页的主要内容已经加载并显示给用户之后,再加载或执行额外的JavaScript代码。这样做可以加快页面的初始加载速度,改善用户体验,并减少服务器的压力。 以下是几种常见的延迟加载JavaScript的方法: defer 属性: 使用 async 属性: async 属性告诉浏览器立即开始下载脚本,并且在…

    2025 年 1 月 21 日
    14300
  • 2024Java零基础自学路线(Java基础、Java高并发、MySQL、Spring、Redis、设计模式、Spring Cloud)

    目录 一、Java基础 1、Java 基础 3、Java8新特性 4、Java集合 5、Java高并发 6、Java代码实例 二、MySQL数据库 三、Spring Boot框架(35天) 四、微服务Spring Cloud 四、Redis中间件 五、MongoDB数据库 六、Netty网络编程 七、23种设计模式 八、Dubbo 九、JavaScript零…

    2024 年 12 月 27 日
    12400
  • Java-异常处理机制-try-catch

    Java-异常处理机制 一、异常概述 1、异常的抛出机制 2、如何对待异常 3、异常的体系结构 3.1、Throwable 3.2、Error和Exception 3.3、编译时异常和运行时异常 3.4、常见的异常有哪些? 二、异常的处理方式一 try-catch的使用 1、过程1:抛 2、过程2:抓 3、使用细节 4、运行时异常案例 5、编译型异常案例 6…

    2025 年 1 月 6 日
    17100

发表回复

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

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

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

关注微信