最近微信小程序推出「云模版」,在降低开发门槛,提升开发效率的路上又走了一步。我抢先体验了一圈,作为开发者用户来说下自己的感受。

云模版为开发者提供了众多常用的业务模块,只需选择所需模块并进行简单调整,即可直接将源码页面部署到小程序包中,实现活动的快速开发和上线。

图片

一、 什么场景需要云模板?

在小程序开发过程中,我们可以发现,有一些业务需求是类似的,可能最大的变化就是前端页面设计;比如签到打卡、积分中心、趣味抽奖等。

我们可以将这些相似的需求归类,每一类需求都可以用一个开发模板为底座,通过上层的参数或页面调整来实现。作为开发者,我们可以用这种方式来替代我们重复的开发工作,同时提升了我们搭建活动页面的效率。

微信小程序推出的「云模版」能力,正是利用了这种 “模板复用,二次修改” 的思路。另外也为开发者预置了常见的场景类别,并且这个类别会持续的扩展。

我在这里随便列举几个类别,大家可以带入一下:

1. 营销活动大类:

● 抽奖活动:吸引用户参与的抽奖页面;

● 限时优惠:限时折扣页面;

● 新品发布:为新品专设活动页面;

2. 信息收集与报名:

● 线上课程报名:为用户报名体验使用;

● 活动登记:活动登记表单,收集用户数据;

● 意见反馈:创建收集用户意见和建议的反馈页面;

3. 内容发布与展示:

● 新闻公告:在小程序中发布展示最新公告;

● 教育培训:在线教育机构可以快速更新课程信息;

● 产品展示:为产品创建专属展示页面;

4. 服务预约与管理:

● 医疗健康预约:用户可以方便地预约医疗服务;

● 餐饮预定:提供在线菜单,实现快速点餐与预定;

● 汽车维修预约:车主在线预约维修服务;

5. 用户互动与社区:

● 投票调查:发起在线投票,了解用户偏好;

● 社区交流:构建社区交流平台,促进用户互动;

● 知识问答:设置问答环节,提升内容的互动性;

「云模版」最大的好处是,由它生成的页面,可以直接导出源码到自己开发的小程序包中,调整非常的灵活。

图片

二、 云模版有什么特点和能力?

云模版最大的特点就是数据互通和组建丰富化两点。

1. 数据互通

直接打通登录态,用户进入云模版生成的活动页面后,会自动获取登录信息。另外在活动页面操作过程中的所有数据,都会有自带的数据源支持,开发者可以直接跟后面的数据源做对接。

图片

这样直接对接数据源的好处有两点:

(1) 不需要修改前端页面来冗杂的对接所有数据,节省开发时间,提升开发效率。

(2) 直接对接的数据源数据更加整齐,减少了很多控制层的后端开发逻辑,一切以数据驱动。

如果你不想与自己的后端对接,只是想快速上线并运营一个独立的活动页。2.0自带的数据源也配有完善的管理后台,可以支持多用户多角色精细化授权管理。

图片

2. 组件丰富化

云模版除了预置很多类别的模板之外,还允许你在模板的基础上做很多精细化的页面修改,这就需要提供更多组件来适应众多开发者不同的需求。

所以我们可以在云模版管理器中,看到丰富的组件库,以及可以供自定义逻辑使用的表达式配置。

图片

图片

三、 如何使用云模版 ?

接下来给大家展示一下云模版使用步骤

1. 下载最新版的微信开发者工具IDE(nightly版本)

请在官方IDE下载页面,下载最新nightly版本的开发者工具IDE,并安装。(stable版本需要等待下一发版,2401020(不含)之后)

2. 打开自己的小程序开发项目(无需新建一个小程序项目),在代码目录中右键菜单,在菜单中点击「配置云模版/单页模板」

图片

3. 跳转到云模版配置管理控制台,如果你没有任何使用任何模板,会出现以下界面,你可以选择心仪的模板,点击「安装模板」

图片

安装页面大概需要2分钟左右,请耐心等待。

5. 页面安装完成后,跳转到页面的控制页面

图片

在这里你可以点击右上角的「前往管理后台」,配置活动相关配置。以大转盘举例子,可以在管理后台中配置抽奖次数、奖品信息、中奖概率、中奖后地址的维护等。

如果你觉得页面的信息和自己的期望不符,你可以前往「自定义设计」做相应的修改,修改后发布即可。

图片

如果你有和自己后端对接的需求,可以前往「数据管理」页,配置外部数据源来对接。

图片

6. 将页面安装到自己的小程序中在初次安装云模版时,你需要填写必要的信息到控制台中,点击顶部的黄色警告栏,在弹出的对话框中输入小程序的关键信息。

图片

对应的信息可以前往小程序管理后台配置获取

图片

配置完毕后,可以在页面控制台中,直接点击「添加到小程序」,页面就会自动的插入到你打开的项目中了。

图片

你可以在后面二次修改这个页面的路径,和原生开发的体验无异。

图片

四、 写在后面

初次体验下来,从开通到安装到小程序,全程不到10分钟。如果再需要自己修改一下页面和规则,1个小时的时间也是富裕的。

目前的云模板预置的页面还是有限的几个,如果有其他场景需求,倒也不妨碍我们直接自定义全新的页面(自定义页面能力),期待后面可以推出更多场景的模板。

另外还发现云模板有「高并发设置」和「安全设置」能力,但是还没有上线。考虑到抽奖等活动可能会引来羊毛党等灰产的攻击,这些设置不仅能保证活动页面的顺畅运行,还能提供额外的性能和安全加成,又为开发者省去了一大工作量,我这里蹲一波,后面推出后体验下这块能力。

图片

如果你目前正在为快速上线活动页面而烦恼,或者有计划升级你的开发模式,不妨可以花点时间体验一下「云模板」。

如果你在使用过程中有疑问或者建议,可以加入交流群直接问。

图片

关于本文中提出的观点和内容,如果你有其他补充和意见,欢迎在文章下留言一起探讨~

最后给一些场景中一小部分模板,供大家参考

图片

图片

图片

图片


CloudBase云开发
425 声望438 粉丝

云开发(Tencent CloudBase,TCB)是云端一体化的后端云服务 ,采用 serverless 架构,免去了移动应用构建中繁琐的服务器搭建和运维。同时云开发提供的静态托管、命令行工具(CLI)、Flutter SDK 等能力极大的降...