支付宝小程序科普（首发）

前言

距离微信小程序上线已经过去一周的时间了，网上关于微信小程序的文章非常多，这里不再对其进行介绍。在微信小程序上线后，网上流传着一些文章说支付宝也在搞小程序了，但是并没有一篇文章介绍过支付宝小程序。作为一只在16年7月份就开始接触支付宝小程序的程序猿，我打算给大家科普一下。

什么是支付宝小程序？

• Hybrid模式，通过web相关技术，灵活构建移动端App
• 通过和Native协同（jsBridge)，提升web能力边界和体验
• 缓存HTML/JS/CSS/图片等资源，运行时只传输必要的动态数据，尽可能降低对网络的依赖

支付宝小程序的前世今生

支付宝小程序原名Hybrid离线包，大概是在16年11月更名为支付宝小程序

支付宝小程序提供了哪些接口？

支付宝内部有一个小程序的JSAPI文档，由于还没有对外公开，我这里也不便写出来。

小程序的接口大部分都可以直接通过JSAPI直接调用，部分接口需要开通权限。

github上面有一个容器接口文档，这里面所介绍的接口全部收录到了支付宝小程序接口中（除此之外，又新增了一些接口）

支付宝小程序的接口只需要在支付宝客户端里面运行页面就可以使用了（比如扫一扫页面的二维码）。

支付宝小程序接口调用方式

bridge使用方法一

<h1>请点击标题查看效果h1>
<script src="https://as.alipayobjects.com/g/component/antbridge/1.1.1/antbridge.min.js">script>
<script>
    ant.on('titleClick', function (e) {
        alert('title clicked')
    });
script>

bridge使用方法二

<h1>请点击标题查看效果h1>
<script>
    document.addEventListener('titleClick', function (e) {
        alert('title clicked')
    }, false);
script>

第一种方法需要引入一个js文件，而小程序官网上面已经说明这个js文件已经包含在容器中，使用不会产生网络流量。所以两种使用方法我觉得并没有什么区别。

如何入驻？

小程序官网上介绍了入驻流程，是比较容易的（认证、签协议就可以了）。具体的流程就不说了。目前除了支付宝内部外，只对支付宝的第三方合作伙伴提供入驻。

小程序的体验上限？

可以参考支付宝内的蚂蚁森林、游戏中心、我的快递、生活缴费、充值中心，它们都是用类似小程序的方案进行开发部署。

原创文章，转载请注明出处！

原文地址：支付宝小程序科普（首发）

博主博客地址：Molin的博客