H5与小程序数据交互

 功能已通过原生+vue混合开发的方式实现了，现需要将这个功能原封不动的搬到微信小程序。综合各方面评估，选择了微信小程序套webview的方式实现（若时间允许，建议还是通过小程序实现）。

 采用小程序webview的方式，可以复用大部分H5页面，但H5调用团歼的原生方法还是需要重新实现。实现方式主要分以下几种情况（当然也可以通过jssdk的方式去实现 https://qydev.weixin.qq.com/wiki/index.php?title=%E5%BE%AE%E4%BF%A1JS-SDK%E6%8E%A5%E5%8F%A3 ，但不在本文讨论范围内）：

 (1) 获取照片，可通过html的input标签实现；

 (2) 获取经纬度，可通过webview的url拼接参数实现；

  (3) 人脸识别，可通过H5调起刷脸小程序的方式实现。

 下面主要描述下第3种情况的实现方式。

 H5与小程序交互所涉及的数据部分主要包括两块：

 (1)H5如何将数据传给小程序？

   url参数拼接。

 (2)小程序如何将数据传给H5？

   wx.setStorage及wx.getStorage。

 详细流程如图所示。

 webview小程序pageA调起人脸小程序pageB，pageB回退到pageA。因为pageA重新设置了webview的url，其所嵌套的H5与历史H5页档派面无法进行数据共享，导致业务功塌蠢冲能无法继续。解决办法就是调起人脸小程序之前，在H5页面先将必要的信息通过 localStorage.setItem 保存，人脸识别结束回到H5页面时，再通过 localStorage. getItem 获取所需要的业务数据。

微信小程序的优点： 

1. 无需下载：微信小程咐巧序可以直接在微信中使用，无需下载安装，方便快捷。

2. 体验流畅：微信小备简侍程序采用轻量级的技术架构，加载速度快，使用流畅。

3. 便于推广：微信小程序可以通过微信公众号、朋友圈等渠道进行推广，覆盖面广。

4. 交互性强：微信小程序支持多种交互方式，如语音识别、扫码等，用户体验好。

5. 开发成本低：微信小程序开发成本相对较低，开发周期短，适合中小企业和个人开发者。

 微仿吵信小程序的不足： 

1. 功能受限：微信小程序的功能受到微信平台的限制，无法实现一些高级功能。

2. 用户留存率低：由于微信小程序无需下载，用户留存率相对较低，需要通过不断更新和优化来提高用户粘性。

3. 推广难度大：由于微信小程序的推广主要依赖于微信平台，推广难度相对较大。

4. 数据统计不完善：微信小程序的数据统计功能相对较弱，无法满足一些高级数据分析需求。

5. 审核周期长：微信小程序需要经过严格的审核，审核周期较长，影响开发和上线速度。

总之，微信小程序具有便捷、流畅、交互性强等优点，但也存在一些不足之处，需要开发者根据实际情况进行权衡和选择。

小程序和功能页都是应用程序的一种形式，但它们之间有一定的区别：

1. 应用范围不同：小碰携程序主要用于微信生态圈中，用户可以在微信中直接使用，而功能页则可以通过携吵漏各种方式进行推广，如搜索引擎、社交媒体等。

2. 交互方式不同：小程序通常采用轻量级的交互方式，用户可以快速浏览、使用，而功能页则更注重用户体验和交互设计，提供更丰富的交互方式和功能。

3. 功能设计不同：小程序的功能设计通常比较简单，主要用于满足用户的基本需求，而功能页则可以提供更多的功能和服务，满足用户更为复杂的需求。

4. 开发方式不同：小程序的开发通常采用微信提供的开发工具和开发语言，而功能页则可以采用多种开发语言和技术进行开发。

总的来说，小程序更加轻便、快速，更适合满足用户的基本需求，而功能页则更加注重用户体验和功能设计，辩烂能够提供更丰富的服务和功能。

---