解锁新的小程序邀请函页面搭建方式

本文主要介绍新的页面开发模式

一、 写在前面

作为小程序开发者，我们会伴随一个个的产品需求，在自己的代码里堆积越来越多的功能。

我们更希望寻求新的技术挑战，对重复性的劳动感到痛苦，但有相当一部分的产品需求是无太多技术含量但是偏劳动型的。

比如在小程序里做一个邀请函的页面，通过一个特定的链接二维码跳转展示，页面里基本就是信息的纯展示，高级一点的会加上表单。

我们拆解出来，其实并没有什么技术难度。但如果你一直收到各种各样形色不一的邀请函页面制作需求，你就会考虑到把它模版化。

1.通过链接参数的形式传入邀请函的关键信息，动态的渲染。

2.通过动态的数据来判断邀请函页面的功能模块的显示和隐藏。

3.用线上保存邀请函完整结构信息并在小程序做解析的形式，来杜绝频繁提交小程序审核。

为实现以上能力，我们会花大力气做一套完整的解析形式，搭配上管理后台来记录参数id和邀请函信息。

我们在IDE开始页中上线了一个基于云开发的邀请函页面，你可以通过二次修改，配合云开发的数据库管理后台来实现相似的效果。

如果你的时间有限，或者没有单独的服务器资源来实现这些，就可以考虑用微信小程序新推出的云模版能力。

二、 云模版做邀请函的步骤

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

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

请在微信开发者工具（开发版 Nightly Build）下载地址与更新日志 | 微信开放文档，下载最新nightly版本的开发者工具IDE，并安装。（stable版本需要等待下一发版）

下载地址： https://developers.weixin.qq.com/miniprogram/dev/devtools/nightly.html

2. 打开自己的小程序开发项目（无需新建一个小程序项目），在代码目录中右键菜单，在菜单中点击「通过云模版或AI配置页面」

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

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

4. 页面安装完成后，跳转到页面的控制页面

在这里你可以点击右上角的「前往管理后台」，配置活动相关配置。以数字生态大会模版举例子，你可以配置邀请函页面信息，配置报名表单的提交字段，对报名和访问人数做统计等等。

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

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

5. 将页面安装到自己的小程序中

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

对应的信息可以前往微信公众平台配置获取（https://mp.weixin.qq.com/）

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

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

三、 用「云模版」做邀请函有什么优势？

在小程序开发过程中，我们会发现很多，类似的业务需求，比如签到打卡、积分中心、趣味抽奖等，最大的变化就是前端页面设计；

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

而「云模版」正是利用了这种 “模板复用，二次修改” 的思路。另外也为我们开发者预置了常见的场景类别，并且这个类别会持续的扩展。最大的好处是，由它生成的页面，可以直接导出源码到自己开发的小程序包中，调整非常的灵活。其特点如下：

1. 数据互通

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

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

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

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

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

2. 组件丰富化

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

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

四、 写在后面

总结来讲，「云模版」相当于给了你一套带管理后台的完整页面搭建工具，你可以不需要任何额外开发就可以获得模版化解决产品需求的能力。

同时使用「云模板」还会给你自带一套后端服务，并具备弹性和免维护的特性，在处理高并发场景时具有显著优势。无论你的页面访问流量如何变化，系统都能自动调整，以满足你的用户访问需求。

同时，免维护的特性也意味着你无需花费大量时间和精力去维护页面，可以将更多的精力投入到你的其他业务中。

另外，为了确保活动的数据安全，云模板采用了安全网关等先进技术，在链路层面实现了请求安全；可有效抵御黑灰产的攻击，保护页面访问和数据不受恶意攻击的威胁。

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

如果你在使用过程中有疑问或者建议，可以直接扫码加群讨论哦。

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