W3C

MiniApps 标准会议

2022年9月7日

题目:企业小程序化数字技术用例分享

讲者:杨涛 [演示文稿]

现场纪要

安勍:接下来有请来自凡泰极客的杨涛分享企业小程序化数字化技术用例分享。

杨涛:大家下午好!

我先简单介绍一下,我是凡泰极客创始人杨涛。我们也是去年加入了MiniApps工作组。

今天主要从应用层面分享一下,今天不会分享一些技术上的,主要是我们在小程序上应用的一些场景给大家做个介绍。

因为之前我一直在金融行业,我们公司在金融行业做得也比较深。

我们要解决的问题是金融行业银行数字化过程中连接性生态的问题,主要是从事小程序解决银行搭建场景的问题。我们是通过小程序的方式解决银行的问题。

我们在银行里提出应用欧盟2015年提出的“开放银行”的理念。国内的银行也开始跟进。

我们主要是把“开放银行”的理念用小程序的方式实现。

大家用过手机银行都知道,手机银行有各种衣食住行的场景。

传统银行做开放银行遇到了一个很大的问题。传统银行做“开放银行”行按照欧美提出的Open API的方式有很大的局限,如果开放银行的一个功能比较难用,用什么力度把控有很大的问题。

我们提出以小程序的方式,也就是说银行开放内容不开放API,开放的是一个又一个的小程序,这里的小程序就是微信小程序的一些组件。

对生态来讲,就不用对接API了,直接对接小程序的标准就可以了。我们就解决了这样的问题。

我们通过开放的力度,通过小程序的方式把复杂的API方式隐藏起来,开放的是一个小程序。

为什么是小程序呢?因为小程序经历了从17年到现在五年的发展,它用组装式理念,从技术平台到业务平台,帮助企业技术团队实现应用乐高化的设计,给银行带来了新的思路。

银行或者是金融机构自己的app都是用微信小程序的方式打造,这就是用小程序的方式做的。

我们可以回顾一下小程序的发展历史。小程序发展确实比较快,从17年到现在发展比较快。

现在这些小程序通过互联网巨头的加持之下,小程序在市场上基本上形成了事实上的标准。轻应用还多,像快应用、PWA以及最近苹果推出都是轻应用的形式,其实市场上最多的轻应用还是以小程序为代表的腾讯、京东、头条推出的类似的小程序。

无论是腾讯的小程序、百度、京东、头条、阿里的小程序,它们互相之间的标准都非常类似,可以互相转换。

我们希望做的事情就是把微信的小程序标准输出到企业,企业app也可以用到它,真正把小程序输出给企业,对小程序来讲,不仅仅只是互联网企业可以用的技术了,任何企业都可以用上小程序的技术了

[多媒体演示]

这张图非常清晰的解释了小程序不是H5,小程序是一个program,它里面有各种操作系统衍生的内容,比如蓝牙、电量、陀螺仪等等,小程序有几百个接口,已经标准化了。也就是说可以用H5的技术栈开发衍生的各种各样的应用,它兼顾了H5的轻量,衍生了各种各样能力的丰富。

如果H5想拿蓝牙等接口,没有,浏览器也不会提供这样的接口,标准里也没有,这就是小程序。

企业有了小程序的技术,企业就可以真真正正把自己的小程序或者终端像乐高一样,在开发app的时候像堆乐高一样开发各种各样的场景了,小程序可以当成乐高一样组合,我们可以把它组建出不同的功能,每个小程序都是一个组件。

看一下我们输出的小程序方案。我们的方案就是整套全生命周期的方案,我们用的标准没有重新发明,用的还是微信小程序的标准。

小程序的开发无论是拖拉拽生成小程序,或者是用其他的框架,或者是用前面一位老师分享的Taro框架生成的小程序。开发了之后,可以经过一个中间的平台,直接做管理。

我们可以开发完成之后上架,发布到各大平台,甚至自己的渠道、自己的app,相当于在中间建立了自己的平台。

在这个平台上可以做很多事情,有了小程序的技术底座,开发人员开发的小程序甚至可以直接转换成app。

对开发人员来讲,不用开发app,不用用什么Java等语言,直接用小程序的标准就可以开发app,直接转换,做一个延伸的展缓,转换成一个app。对开发人员来讲,开发一个app的门槛大幅度降低了。

我们要把小程序用好,小程序非常大的优势就是生态的轻量性。在端侧上,我们要兼容市面上已有的小程序标准,首先要有渲染引擎。这个引擎要完全兼容已有的小程序标准才行。端侧要有这样的运行时或者是运行环境兼容它,解析小程序的标准。

刚才说有了小程序,肯定要把小程序的生态用起来,要有一个应用商店。我们也提出了小程序的应用商店。

比如企业,像我们为金融机构搭建的应用商店;还有一些开放平台,有小程序的应用插件,第三方插件或者是各种能力,都可以引进来,形成一整个大的生态体系。

既然小程序已经成为了一个标准,我们就可以把小程序直接拓展到不同的终端、不同的平台上,也就是说开发人员只要按照互联网微信小程序的标准,开发的小程序可以直接放到手机、平板、电脑、车载、智能电视或者IoT设备,通过引擎实现多端触达。

也就是说现在小程序不仅是手机移动设备上,在电脑以及其他智能终端都可以实现,无论是Windows、Linux、Mac都可以,一套代码可以实现多端触达。

接下来分享一下我们在银行里的应用场景。

场景最多的就是沙箱。金融行业最关注的就是安全性的问题,刚才说我们有个小程序的容器,小程序容器有个运行沙箱,把小程序的容器当做一个运行沙箱,每个小程序转换之后的代码跑在沙箱里,沙箱作为隔离,可以解决很多安全性的问题。这是解决了金融行业的问题。

小程序是一个标准,在行业里应用,还需要加上一个安全沙箱的应用。国外的Deno在今年6月份,红杉刚刚投了它2000多万美金,它就是做安全沙箱的。所以安全沙箱也是非常大的应用场景。这是在金融行业。

有和安全沙箱,可以把小程序实现刚才说的多端触达,比如W3C Miniapp可以直接触达移动端、车载设备等等。

[多媒体演示] 这是金融机构一整套把小程序沙箱用起来的架构,除了有端侧的架构,还有银行后台的生态运营中心。

[多媒体演示] 这里是一些案例,在app可以打开各种各样的小程序。

比如订机票、停车码等等,微信的小程序可以直接拿过来用。

小程序的入口也很多!可以下拉。现在很多银行会拉下,也和微信一样有很多小程序入口,整个app就变成了超级app。这就是我们在金融机构应用的一些场景。

它还可以直接嵌入对话框,比如客服,和客服对话的时候,直接把小程序推出来。也就是说小程序在想嵌入的地方都可以直接嵌入,比嵌入聊天框,打开就是一个小程序。

还有一个场景,我们把小程序用在线下的扫码。比如请客吃饭,到餐厅里微信一码,扫码打开一个点餐小程序。

现在可以在银行里使用,手机银行扫二维码,也可以直接打开一模一样的小程序,这都是银行里应用比较多的案例。

我们在金融行业的证券、银行应用比较多。当然还有一些非金融行业。

我今天的分享就是这些,主要是一些案例,没有讲技术。如果后面有机会,可以和大家分享我们兼容微信引擎怎么做的,包括双线程渲染、基础库、DOM等等。

安勍:线上线下有什么问题吗?

好的。非常感谢凡泰极客!特别感谢不辞疫情设置的门槛赶到会场做分享,非常感谢!

返回会议总结页面获取其他话题的会议纪要。

若您对上述内容有任何疑问或需进一步协助,请联系:薛富侨 <xfq@w3.org> 或会议主办方 W3C 北航总部 <team-beihang-events@w3.org>。