一个前端攻城狮的快应用开发之路——WebView的斗智斗勇

本文作者：XiaoTian

本文章共分3期发出，欢迎大家持续关注

 

一、场景

 

在我们的产品的业务场景中，必须要引用一个特殊的第三方API：

 

1. 这个API不能服务端封装，只能客户端自己引用SDK、自己初始化、自己调用。

    

2. 初始化的过程比较慢，但一旦初始化过一次，在单次访问中可以一直调用不失效。然而如果快应用每个需要用到这个API的页面都初始化一次，则会等待时间较长，用户体验较差。

    

二、框架改造：创造单页快应用

 

当时的想法很简单，想要一个全局可用的、唯一的Web组件，那么我就开始动手改造，大概步骤如下：

 

1. 核心页面就一个Container.ux页面，里面引入了很多组件，每个组件其实就是一个单独的页面，例如Home.ux、WebView.ux等。

   

   

    

2. 新增加每个页面的配置项，例如标题等，全局配置项全局存储一个 [ 当前活动页面信息 ]