介绍

背景

众所周知，当下互联网已全面进入超级APP + 小程序的全新互联网生态，以微信和支付宝为首的超级流量，成为了大家争抢流量的重要战场，随着微信等巨头纷纷推动企业升级到小程序，同时对于h5页面进行各种限制（限制转发、分享等等），所以小程序已经成为企业们的必备应用

相对于h5页面，小程序拥有着趋近于原生的用户体验及丰富的API能力，企业就能在应用内做更多有利于用户的事情，但是同时小程序也丧失了h5的灵活性，微信等超级APP为了更好的管控越来越多的小程序，秉着安全的原则，接入了类APP发版审核流程，这样就导致小程序不能够快速修复问题，快速上线，快速试错

以我们团队为例，大量的营销活动，不断的需要上线、试错、快速调整，在这样的背景下，小程序的审核机制就显得有些不太友好，基于此背景，我们依托小程序实现了小程序动态化，一次审核发版，后续可依托与哆啦A梦 (opens new window)快速编辑上线，真正的实现小程序的灵活性

实现思路

依托与哆啦A梦 (opens new window)编辑平台实现h5页面动态化方案，通过哆啦A梦 (opens new window)生成页面渲染所需要的json数据，小程序端根据json数据进行动态渲染，哆啦A梦 (opens new window)编辑平台随时可以修改页面的结构，一键发布，小程序随时响应, 最终达成：模板 + json配置 = 动态化

探索历程：

1. 小程序插件方案 (opens new window)

缺点：

• 插件内无法使用跳转到其他小程序
• 插件内无法使用button的getPhoneNumber（登录不太友好）

2. npm包方式

• 自定义组件渲染 (opens new window)
• template模板渲染 (opens new window)

版本演进

1.0 自定义组件渲染

2.0 template模板渲染