前言
在原生app的开发中,我们或多或少都会在项目中接入H5网页,尤其是电商等项目中,因为要求频繁更新UI,所以会大量使用H5页面。有些H5页面,会根据不同用户、是否登录等条件展示不同的页面。这就要求我们Android app开发者在webview加载网页的时候,告诉H5开发者关于用户的信息。我们可以直接在网页的get参数上拼接上改用户的token,这种方法很简单直接。但是当我们有大量的H5页面,需要多个参数,并且随着用户登录登出操作这些参数会发生变化的时候,再使用拼接get的形式会显得非常臃肿和繁琐。此时使用LocalStorage会显得非常方便。
关于LocalStorage
localStorage作为HTML5本地存储web storage特性的API之一,主要作用是将数据保存在客户端中。在移动设备上,由于大部分浏览器都支持web storage特性,因此在android和ios等智能手机上的web浏览器都能正常使用该特性。
localStorage保存的数据,一般情况下是永久保存的,也就是说只要采用localstorage保存信息,数据便一直存储在用户的客户端中。即使用户关闭当前web浏览器后重新启动,数据让然存在。知道用户或程序明确制定删除,数据的生命周期才会结束。
因此我们可以将数据存到LocalStorage,H5从中读取想要的数据。
开始使用
第一步、与H5开发者沟通
首先你需要和H5开发者协商好采用LocalStorage来交互数据,并约定好各数据的key值。