腾讯公测云开发低码!实战评测

听说腾讯的新产品『 云开发低码 』即将开放公测了,怀着无比激动的心情,鱼皮立刻去官网申请并成功拿到了公测资格,然后使用它开发了一个小程序,并且通过 2020 Techo Park 开发者大会加深了对这项技术的了解。

而就在 2020 年的最后一天下午,公测正式启动!

说是全网首篇云开发低码实战评测应该一点也不过分!

如果你想轻松快速地制作小程序或移动端网站,一定要花 5 分钟读完本文!

下面鱼皮带大家一起吃螃蟹。首先了解什么是云开发低码,然后通过实战开发『 备忘录 』小程序来体验云开发低码平台,最后分享个人使用心得,并给出看法和评测。

可以先通过 1 分钟短视频简单了解云开发低码。

什么是云开发低码?

在认识云开发低码前,要先了解『 云开发 』和『 低码 』。

1. 什么是云开发?

云开发(CloudBase)是云端一体化的后端云服务 ,采用 Serverless  架构,无需自己搭建后端,免去了传统开发和构建中繁琐的服务器搭建和运维。同时云开发提供的静态托管、命令行工具、Flutter SDK  等能力降低了应用开发的门槛,前端同学也可以轻松开发一个完整的小程序、小游戏、H5、Web、移动 App 等应用。

通过云开发提供的云数据库、云存储、云函数等功能,开发者无需再关心各种复杂的后端架构和服务运维,只需要专注于开发业务逻辑,从而大大提升了开发效率。

2. 什么是低代码?

低码即低代码,英文 LowCode,但此处的 Low 可不是低端的意思,而是指在开发中少写代码、甚至是不写代码(零代码)。

怎么能做到少写代码甚至不写代码来实现功能呢?我们可以想一下自己在编程中减少重复代码的方法。

假设我们要开发一个填表网站,网站上有输入框、单选框和复选框。

第一次开发表单时,我们可能会复制组件库的代码或者完全自己编写。但之后开发类似页面时,我们还会从零开始写一遍么?肯定是直接把之前的页面代码复制粘贴过来修改几下就好了。

复制粘贴次数多了,你会变得越来越懒,能不能通过工具自动生成重复的代码呢?当然可以,而且实现一个简单的代码生成器并不复杂,可以简单理解为创建一个包含特定字符串的文件。

如果嫌这样的代码生成器太过简陋、不够灵活,我们还可以开发一个可视化界面,需要什么组件,就在界面上选中,然后动态生成不同的代码。这其实就是一个低代码应用。

低代码的本质就是应用场景的极致抽象并且模板化的过程。很多知名的互联网大公司早就推出了自己的低代码构建软件,随着近几年云计算、云原生技术的发展,这些平台也逐渐上云,开发者甚至不需要下载任何软件,就能开发出一套系统。

3. 什么是云开发低码?

2020 年 11 月 29 日,腾讯正式推出云开发低代码平台,帮助越来越多的小白成为 “开发者”。

云开发低码(LowCode)是腾讯云提供的高效、高性能的拖拽式低代码开发平台,向上连接前端的行业业务,向下连接云计算的海量能力,助力企业垂直上云。

云开发低码将繁琐的底层架构和基础设施抽象化为图形界面,通过行业化模板、拖放式组件和可视化配置快速构建多端应用(不仅仅是微信小程序,还支持 H5 应用、Web 应用等,未来还会支持 App 等更多端,只需开发一次,可自动部署多端),免去代码编写工作,让开发者能够完全专注于业务场景。

云开发低码以云开发作为底层支撑,云原生能力将应用搭建的全链路打通,提供高度开放的开发环境,时刻为应用保驾护航。整体架构如下:

云开发低码整体架构

云开发低码有着重大的意义。

一方面是极大降低开发门槛,通过云开发低码平台,哪怕你只会前端或者后端,甚至是没有任何技术背景的产品、运营同学,也可以独立制作应用,人人都是可以是全栈开发者!

另一方面,云开发低码能够提升生产效率,避免重复性工作,开发者可以更加专注于业务逻辑创新、专注架构和算法设计。

举一个官方提供的例子,粤省事小程序要开发一个 “贫困认证” 功能,低代码平台可以直接复用基础组件和已有业务逻辑抽象,代码行数从 2000 多行降低到 61 行,文件个数从 42 个缩减为 1 个,交付效率提升了至少5倍!

2020 Techo Park 开发者大会

说了那么多,还是通过一个实战来带大家感受一下云开发低码的优势。

实战『 备忘录 』小程序

开发小程序的目的主要是体验下云开发低码平台,并且希望能够带大家快速上手。因此小程序非常简单,就是一个备忘录(todoList),能够记录和查看自己的待办事项。

最终效果如下:

备忘录主页
添加待办页面

下面手把手带大家开发这个小程序,并在开发的过程中熟悉云开发低码平台的基础用法。不用担心自己没学过前端或者后端,因为在云开发低码的世界中,一切都是那么简单!

1. 创建应用

进入腾讯云开发低码控制台,创建空白应用。一个应用对应一个小程序或网站。

新建应用

2. 创建数据源

云开发为我们提供了云数据库和后端接口的能力,可以在控制台创建数据源,对应数据库的一张表。

数据源管理

点击新建数据源,可以在此填写数据表名、字段,并配置对该表的操作权限(增删改查等)。

新建数据库源

前期工作准备完成,下面开发界面。

3. 开发界面

颠覆了传统写前端代码来开发小程序界面的方式,云开发低码平台支持可视化拖拽式开发。

先进入应用编辑界面:

编辑应用

先来整体认识下应用编辑界面,大致分为如下几个区域,后面我们会在开发中认识这些区域的作用。

应用编辑界面

首先新建界面,我们需要两个页面,“主页” 和 “添加待办” 页面。

新建页面

新建页面后,我们先开发主页,就是显示待办事项列表,并提供一个跳转到 “添加待办” 页面的按钮。

直接点选需要的组件,能在组件树、预览区和编辑区实时看到页面的变化:

点选组件,搭建页面

每个组件都有一些默认的文字,可以编辑组件的内容,点击编辑区对应组件即可修改:

编辑组件内容

主页的内容结构就搭建完成啦,整个过程不会超过两分钟。而如果写代码来开发,即使有现成的组件,也要复制代码和修改,会额外花费大量时间。

4. 美化样式

现在的界面看着非常丑,我们需要美化一下页面的样式,同样不需要写代码,直接在 “样式” 中点选输入值即可。

修改导航条的文字颜色和背景色:

修改导航条样式

修改 “暂无待办” 文字样式,如间距、字号、对齐:

修改文字样式

当然,还可以灵活地自定义样式代码:

自由编辑样式代码

样式美化工作就完成了,可以用同样的方法制作 “添加待办” 页面。

但有一个要注意的点,表单输入项的 key 要和我们最初定义的数据表字段名保持一致,否则会增加很多额外的工作。

注意表单项的 key 要和数据表字段名一致

5. 前后端连接

虽然页面内容和样式都有了,但是现在的网站只是一个静态网站,我们看到的待办事项数据都是假的,不会发生任何变化。而实际上,我们需要通过后端从数据库中获取到数据,然后进行展示。

怎么将后端取到的数据和前端页面相关联呢?

如果靠写代码来实现,大家第一时间想到的是 Ajax,即异步 JavaScriptXML,一种创建交互式、快速动态网页应用的网页开发技术。

而使用云开发低码,只需要动动手指进行配置,就能自动关联。

先点击顶部操作栏的 “数据源变量”,创建一个 todos 全局变量(在整个应用内都有效),并和之前配置的 todo 数据源相关联。数据源动作指定为 “查询列表”,这样 todos 变量就保存了数据表 todo 中的全部数据。不用自己写代码查询数据再赋值了!

编辑数据源变量

那怎么在主页展示 todos 变量中的待办事项列表呢?

使用配置就能轻松完成。既然是列表,那就是重复添加单个组件,可以配置 for 循环来实现。先给外层视图组件 View 添加 for 循环展示。

给视图组件配置 for 循环表达式

再给视图组件内的 Cell 组件动态绑定标题、描述等,通过外层的 for 循环,会生成多个 Cell,因此配置内层组件时,只需要考虑单条数据,绑定方式选择 “For 循环”。

为内层 Cell 组件配置动态标题

配置完成,系统为我们生成了一些 string 类型假数据,方便我们查看效果。

列表成功动态展示

如果已有待办数据,那 “暂无待办” 这几个字就显得有些碍眼,应该自动隐藏,怎么实现呢?

其实配置一个 if 条件展示即可,编写一个条件表达式,当待办数据为空时才展示:

配置 if 条件表达式

配置完成后,“暂无待办” 就消失不见啦!

6. 实现交互逻辑

现在的小程序就是一个花瓶,只有内容和样式,中看不中用,点击页面上的按钮不会有任何反应,也根本无法添加待办。

下面我们来让小程序动起来,通过配置事件实现交互。

先为主页的 “添加待办” 按钮配置点击事件,当用户点击该按钮时,跳转页面。云开发低码平台内置素材库,提供了大量常用的事件以及执行动作,无需自己编写代码。

为按钮配置点击跳转事件

配置要跳转到哪个页面:

配置跳转详情

同样,我们要为 “添加待办” 页面的按钮增加事件,当用户点击时,向数据库中插入一条待办事项数据。但是从素材库中找不到合适的动作,这时我们就必须自己编写交互逻辑了。

配置低代码

在弹出的低代码编辑器中,先在指定页面新增一个事件处理器。

新增处理器

然后就要编写处理器的代码,此处的代码虽然看着比较多,但其实平台为我们提供了示例应用,直接把其中的代码复制到此处,替换数据源名称即可。就是大家喜欢的 Ctrl C + Ctrl V

编写代码

然后保存代码,指定执行动作,就大功告成了。到目前为止,这是我们唯一需要编写代码的地方。然而,小程序已经开发完成了!

7. 预览和发布

开发完小程序后,点击顶部 “预览发布”,就可以查看效果啦!

这里由于我的小程序坑位已满,就以网页 H5 的形式浏览。等待几分钟,会弹出一个可访问的链接,打开就能看到自己的作品了,还支持手机扫码浏览。

预览发布

亿点评测

体验了腾讯云开发低码平台,仿佛又让我找到了当时用 VSQt Creator 拖拖拽拽就开发出 Windows 桌面程序的快感。但是云开发低码平台略胜一筹的是,打通并结合低代码和云开发的强大能力,前后端都不用自己写代码来开发,完全不需要关心服务器的购置和部署!这种一条龙的开发体验,真的是非常棒!

而且使用云低码平台开发出的应用天然支持跨端,做一个应用,就能够同时支持小程序和 H5,甚至是其他端的应用。

虽然其他云服务厂商也有类似的低代码平台,但是考虑到微信小程序本身是属于腾讯自家的产品,使用腾讯云提供的云开发低码平台相对最靠谱稳定,和微信生态的连接更紧密,可以直接使用微信开放平台的一些功能,遇到问题也更容易定位和解决。

下面再从个方面简单评测一下。

易用性

毫无疑问,云开发低码平台本身的目的就是简化开发、降低应用开发上手门槛,因此易用性是非常重要的指标。

体验下来,易用性还是不错的。整个编辑界面简明清晰,可以轻松调整组件的顺序,设定组件的内容、样式、交互行为。

云低码平台提供了一些现成的应用模板,直接套用能大大减少工作量。即使不套用模板,也很简单。除了一些定制的业务逻辑外,开发一个完整的应用几乎不需要写任何代码,在要编写代码的地方也基本都给出了比较友好的提示。因此,我作为一名有一点前后端开发经验的程序员,即使没有读过文档,也能直接完成开发

友好提示

当然,我觉得还有很多可以优化的地方,比如鼠标悬停预览区时展示组件的样式、事件信息等等。

丰富度

目前云开发低代码平台虽然还处于公测阶段,但已经提供了非常多的常用组件,如表单、媒体、数据展示、画布、微信开放能力等,基本可以满足开发的需求。此外,还提供了一些面向企业级应用的页面模板,开箱即用!

开箱即用的模板

期待未来会提供更多现成的页面模板,并且针对具体的业务场景推出一些封装更好的业务组件。

灵活性

本来我非常担心低代码平台会不会因为大量的简化和封装,影响了开发时的灵活性。但是体验后,我发现自己多虑了。大到应用和页面信息,小到每个组件的 CSS 样式和 JavaScript 代码,都可以自由定制。甚至还可以灵活地控制页面的生命周期!

控制页面生命周期

当然,要做到 100% 的灵活还是有些难度的。现在好像还不支持自定义组件和页面模板,期待之后开放这种能力。

成熟度

腾讯云开发技术和跨端开发框架已经发展了几个年头了,比较成熟,但作为一个融合而生的新产品,究竟能不能经受住大项目的考验,还不得而知,期待后续更多的实践和数据。

生态

云开发低码很好地打通了腾讯云开发的完整生态,借助云开发强大的技术能力顺势而生,可谓集大成者。从经典的云数据库、云函数、云存储,再到云托管、内容管理 CMS,这些技术的共生和连接使得 1 + 1 > 2,也是我认为云开发低码最惊喜的地方。

比如在数据源管理和应用管理界面,我们都能够看到数据管理后台的身影,即腾讯云 CMS。可以利用它轻松地管理我们定义的数据源,无需自己搭建管理后台,直接省去搭建一个系统的成本!

腾讯云 CMS 数据管理后台

总的来说,云开发低码平台是一个顺应如今快节奏开发时代的产品,真的是解决了传统开发时的低效、重复等问题,未来可期!


最后,如果你想要进一步学习腾讯云开发低码平台,可以点击下方阅读原文查看腾讯官方提供的『 快速开发一个云开发低码应用 』教程。

假如你的身边有同学想要制作小程序或移动端网站,一定要将本文分享给他,相信大家都能感受到开发和使用属于自己的小程序的快乐!

往期推荐

落户上海!分享心得,再做个积分计算器

编程入门到进大厂,你需要这套学习架构

揭秘软件开发的达摩克利斯之剑

觉得不错,长按关注叭

送您「最全 Java/前端 学习教程」

关注领取

点小花花,让他们知道你 “在看” 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/306055.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

gitee 从 拉取新分支到本地_Hexo博客详细教程(一)| 建立本地站点

点上方蓝字关注我们每天都有好玩的东西等着你博客炫酷效果展示安装Hexo安装Git参考文章:Git实用教程(二) | Git简介及安装详解。安装NodejsNodejs可以从官网( https://nodejs.org/en )下载LTS版本:安装之后检查一下是否正常输出版本信息:安装…

索尼android 怎么截屏快捷键,索尼XZ Premium怎么截屏 2种索尼XZ Premium截图方法

截屏作为手机常用功能之一,我们经常在分享朋友圈或微博的时候经常需要用到屏幕截屏。今天本文主要分享一下索尼XZ Premium怎么截屏,作为一款相对冷门的非国产骁龙835旗舰机,在使用中难免出现一些不太熟悉的问题,下面小编分享2种索…

IdentityServer4 之Client Credentials走起来

前言API裸奔是绝对不允许滴,之前专门针对这块分享了jwt的解决方案(WebApi接口裸奔有风险);那如果是微服务,又怎么解决呢?每一个服务都加认证授权也可以解决问题,只是显得认证授权这块冗余,重复在搞事情&…

读数据库遇到空就进行不下去_如何保证缓存与数据库的双写一致性?

作者:你是我的海啸来源:https://blog.csdn.net/chang384915878分布式缓存是现在很多分布式应用中必不可少的组件,但是用到了分布式缓存,就可能会涉及到缓存与数据库双存储双写,你只要是双写,就一定会有数据…

Windows Terminal 新手入门

翻译自 Kayla Cinnamon 2020年12月17日的文章《Getting Started with Windows Terminal》[1]安装Windows Terminal(Windows 终端)有两个不同的版本:Windows Terminal[2] 和 Windows Terminal 预览版[3]。两个版本都可以从 Microsoft Store 和…

5120v2怎么配置web登陆_阿里企业邮箱如何配置和添加到第三个电子邮件客户端中?...

我们常见的第三方邮箱客户端有:Outlook、Thunderbird、Live mail、Web客户端、畅邮(DM Pro)客户端等,下面用畅邮(DM Pro)为例。流程一.配置信息企业邮箱POP、SMTP、IMAP地址列表如下:&#xff0…

银河麒麟V10入选2020中国十大科技新闻

日前,中央电视台、中央人民广播电台、中国国际广播电台、中国国际电视台联合评选了“2020十大国内科技新闻”,“银河麒麟操作系统V10”与其他国家科技领域重大成榜上有名。8月13日,银河麒麟操作系统V10发布后,央视新闻、人民日报、…

微型计算机硬件采用什么,微型计算机的硬件系统包括什么?

微型计算机的硬件系统包括cpu、存储器、输入设备、输出设备四大部分。CPU是计算机硬件的核心,控制着整个计算机系统的工作;存储器是计算机中的记忆存储部件;输入设备是计算机与用户或其他设备通信的桥梁;输出设备是计算机硬件系统…

如何在 C# 中使用 反射

C# 中的 反射 常用于在程序的运行时获取 类型 的元数据,可获取的信息包括已加载到进程中的 程序集 和 类型 信息,它和 C 中的 RTTI(Runtime Type Information) 的作用是差不多的。为了能够使用反射,需要在项目中引用 S…

计算机基础知识教案1,计算机基础知识教案一

计算机基础知识教案一 秦皇岛外国语职业学院教案首页 年 月 日 学科 计算机基础 年级 专一 课题 计算机基础知识 教具 课时分配 2课时 教学目的 1. 了解计算机的发展、特点和应用 2. 掌握计算机的系统组成 3. 掌握各个逻辑部件性能指标和作用 教学重点、…

C# 9 新特性——init only setter

C# 9 新特性——init only setterIntroC# 9 中新支持了 init 关键字,这是一个特殊的 setter,用来指定只能在对象初始化的时候进行赋值,另外支持构造器简化的写法,Target-typed new expression 在已知类型的情况下可以使用 new() 来…

乔安监控云存储_智能运维丨全栈监控,护航云上业务

自2006年至今,云计算商用领域已经历了十余载的发展。云也从概念普及进入到广泛应用阶段,云服务变成了像水电一样的基础服务,已经是行业共识。云发展速度快、成长空间大,监控场景复杂最新Gartner的报告预测到2019年公有云市场将达到…

阿星Plus:基于abp vNext开源一个博客网站

作为微软最早迈向开源的重要软件之一,.NET 5的发布具有重要意义!微软希望 .NET Framework 开发者能够迁移他们的代码和应用到 .NET 5.0 上,为明年发布的 .NET 6.0 将 Xamarin 开发者过渡到统一平台奠定基础。这里推荐一个.NET Core 3.1 开源的…

html 保存文件指定路径,78.上传文件及在服务器保存文件到任意路径

上传文件到服务器是一个常用的操作,而在服务器上保存文件就需要多多用心了。因为你不可能只在一个路径里保存文件,所以需要实践一下保存文件到任意位置。当然,前提是你的应用程序有这样的操作权限。首先建立一个main.go文件,作为项…

excel表格中添加combobox_Excel中两个表格对比,找出不同数据

当你有两个Excel工作簿需要对比数据时候,你该怎么做呢?数据少,我们直接用眼睛就可以看到,数据如果太多,那么对比找出不同数据,是一件非常困难的事情。今天,小汪老师就来教大家几招,可…

计算机算法音乐专业,音乐信号分析算法的乐理简说(非音乐专业的乐理)

前言这篇文章不是讲乐理知识的,那是音乐制作人,编曲人员所需要钻研的学问,不过你要有兴趣也可以看看专业的乐理知识。这里仅仅是说在音乐信号分析的项目中,我们需要知道的一些参数的意义。在诸多信号处理,或图像处理算…

代码改变世界,也改变了我

愿2021的你,可以勇敢的踏出那一步,可以去追求自己想要的东西。脑图版代码版using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks;namespace ConsoleApp14 {internal class Program{pr…

计算机基础与应用教程计算机硬件,计算机基础系列一:计算机硬件

1、编程语言的作用及与操作系统和硬件的关系一个完整的计算机系统包括硬件、操作系统、软件(即程序员开发的各种软件)三部分组成。各程序员开发的软件若直接调用计算机的硬件,如硬盘读取、音频播放等,则软件不仅编写复杂同时影响开发效率,因此…

宝塔mysql远程链接_宝塔apache启动失败:报错 AH00526: Syntax error on line 解决方案

错误信息:AH00526: Syntax error on line 54 of /www/server/apache/conf/httpd.conf:Cannot define multiple Listeners on the same IP:port朋友网站突然访问不了,进入宝塔后查看Apache服务器没运行,重启Apache时提示这个错误信息打开Apach…