一、 写在前面
作为小程序开发者,我们会伴随一个个的产品需求,在自己的代码里堆积越来越多的功能。
我们更希望寻求新的技术挑战,对重复性的劳动感到痛苦,但有相当一部分的产品需求是无太多技术含量但是偏劳动型的。
比如在小程序里做一个邀请函的页面,通过一个特定的链接二维码跳转展示,页面里基本就是信息的纯展示,高级一点的会加上表单。
我们拆解出来,其实并没有什么技术难度。但如果你一直收到各种各样形色不一的邀请函页面制作需求,你就会考虑到把它模版化。
- 通过链接参数的形式传入邀请函的关键信息,动态的渲染。
- 通过动态的数据来判断邀请函页面的功能模块的显示和隐藏。
- 用线上保存邀请函完整结构信息并在小程序做解析的形式,来杜绝频繁提交小程序审核。
为实现以上能力,我们会花大力气做一套完整的解析形式,搭配上管理后台来记录参数id和邀请函信息。
我们在IDE开始页中上线了一个基于云开发的邀请函页面,你可以通过二次修改,配合云开发的数据库管理后台来实现相似的效果。
如果你的时间有限,或者没有单独的服务器资源来实现这些,就可以考虑用微信小程序新推出的云模版能力。
二、 云模版做邀请函的步骤
接下来给大家展示一下云模版使用步骤
1. 下载最新版的微信开发者工具IDE(nightly版本)
请在微信开发者工具(开发版 Nightly Build)下载地址与更新日志 | 微信开放文档,下载最新nightly版本的开发者工具IDE,并安装。(stable版本需要等待下一发版)
2. 打开自己的小程序开发项目(无需新建一个小程序项目),在代码目录中右键菜单,在菜单中点击「通过云模版或AI配置页面」
3. 跳转到云模版配置管理控制台,如果你没有任何使用任何模板,会出现以下界面,你可以选择心仪的模板,点击「安装模板」
安装页面大概需要2分钟左右,请耐心等待。
5. 页面安装完成后,跳转到页面的控制页面
在这里你可以点击右上角的「前往管理后台」,配置活动相关配置。以数字生态大会模版举例子,你可以配置邀请函页面信息,配置报名表单的提交字段,对报名和访问人数做统计等等。
如果你觉得页面的信息和自己的期望不符,你可以前往「自定义设计」做相应的修改,修改后发布即可。
如果你有和自己后端对接的需求,可以按照下述zhi'yi,配置外部数据源或工作流来对接。
6. 将页面安装到自己的小程序中
在初次安装云模版时,你需要填写必要的信息到控制台中,点击顶部的黄色警告栏,在弹出的对话框中输入小程序的关键信息。
对应的信息可以前往微信公众平台配置获取
配置完毕后,可以在页面控制台中,直接点击「添加到小程序」,页面就会自动的插入到你打开的项目中了。
你可以在后面二次修改这个页面的路径,和原生开发的体验无异。
三、 用「云模版」做邀请函有什么优势?
在小程序开发过程中,我们会发现很多,类似的业务需求,比如签到打卡、积分中心、趣味抽奖等,最大的变化就是前端页面设计;
我们可以将这些相似的需求归类,每一类需求都可以用一个开发模板为底座,通过上层的参数或页面调整来实现。作为开发者,我们可以用这种方式来替代我们重复的开发工作,同时提升了我们搭建活动页面的效率。
而「云模版」正是利用了这种 “模板复用,二次修改” 的思路。另外也为我们开发者预置了常见的场景类别,并且这个类别会持续的扩展。最大的好处是,由它生成的页面,可以直接导出源码到自己开发的小程序包中,调整非常的灵活。其特点如下:
1. 数据互通
直接打通登录态,用户进入云模版生成的活动页面后,会自动获取登录信息。另外在活动页面操作过程中的所有数据,都会有自带的数据源支持,开发者可以直接跟后面的数据源做对接。
这样直接对接数据源的好处有两点:
(1) 不需要修改前端页面来冗杂的对接所有数据,节省开发时间,提升开发效率。
(2) 直接对接的数据源数据更加整齐,减少了很多控制层的后端开发逻辑,一切以数据驱动。
如果你不想与自己的后端对接,只是想快速上线并运营一个独立的活动页。2.0自带的数据源也配有完善的管理后台,可以支持多用户多角色精细化授权管理。
2. 组件丰富化
云模版除了预置很多类别的模板之外,还允许你在模板的基础上做很多精细化的页面修改,这就需要提供更多组件来适应众多开发者不同的需求。
所以我们可以在云模版管理器中,看到丰富的组件库,以及可以供自定义逻辑使用的表达式配置。
四、 写在后面
总结来讲,「云模版」相当于给了你一套带管理后台的完整页面搭建工具,你可以不需要任何额外开发就可以获得模版化解决产品需求的能力。
同时使用「云模板」还会给你自带一套后端服务,并具备弹性和免维护的特性,在处理高并发场景时具有显著优势。无论你的页面访问流量如何变化,系统都能自动调整,以满足你的用户访问需求。
同时,免维护的特性也意味着你无需花费大量时间和精力去维护页面,可以将更多的精力投入到你的其他业务中。
另外,为了确保活动的数据安全,云模板采用了安全网关等先进技术,在链路层面实现了请求安全;可有效抵御黑灰产的攻击,保护页面访问和数据不受恶意攻击的威胁。
如果你目前正在为快速和重复的上线页面而烦恼,或者有计划升级你的开发模式,不妨可以花点时间体验一下「云模板」。
如果你在使用过程中有疑问或者建议,可以加入企业微信直接问。
关于本文中提出的观点和内容,如果你有其他补充和意见,欢迎在文章下留言一起探讨~