小程序Webview应用实战

在掘金小程序开发者大会上，我们有幸聆听了转转开放业务部前端负责人张所勇关于小程序webview实践的分享。张所勇先生不仅分享了转转团队在小程序开发过程中的经验，还深入探讨了如何在小程序内嵌入H5，以及如何实现多端兼容。

张先生首先指出，尽管web-view组件可以用来嵌入H5，但转转团队面临的挑战是如何让一套代码在多个端运行，特别是在H5页面复杂且需要多端运行的情况下。他强调，今天的分享更适合那些面临类似挑战的开发者。

张先生回顾了转转小程序的发展历程，从去年五月份开始开发，到今年六月份DAU达到千万级别，期间经历了多个阶段，包括快速搭建demo、正式开发以及不断优化功能与体验，问鼎娱乐官网入口。

关于开发方案，张先生提到了三种方案，并分析了它们的缺点。第一种是纯小程序开发，虽然灵活，但开发成本高且不够灵活；第二种是一套代码编译出多套页面，但性能和兼容性问题较多；第三种是将小程序作为端存在，核心页面用小程序开发，其他业务页面用H5并通过webview嵌入，这种方式成本较低，但存在小程序与H5交互和通信的问题，问鼎娱乐官网h5。

张先生进一步介绍了转转团队采用的方案，即小程序端使用WePY框架，H5使用vue和react，并通过一个adapter连接。他还详细解释了adapter的原理，以及如何实现多端适配。

在分享中，张先生还介绍了小程序提供给H5的功能，包括跳转能力、微信SDK能力、H5打开小程序页面以及H5与小程序的通信能力。他还针对分享信息设置、登录、支付和formId收集等问题进行了深入探讨，并分享了转转团队的一些解决方案。

最后，张先生强调了左上角返回按钮的重要性，以及它对业务提升的影响。他鼓励开发者关注“大转转FE”公众号，共同探讨FE和小程序方向的问题。

感谢张所勇先生的精彩分享，让我们对小程序webview的实践有了更深入的理解。