H5于原生APP交互封装（这里用vue，其他同理）

最近项目要求APP中要嵌套H5的页面。

首先，创建两个JS文件，便于区分管理

1、DeviceType.js用于判断环境是Android还是IOS

export const DeviceType=(()=>{
    var u = navigator.userAgent;
    if (u.match(/Android/i) != null) {
        return "Android";
    } else if (u.match(/iPhone|iPod|ios/i) != null) {
        return "IOS";
    }
})()

2、utilityApi.js 再创建一个文件用于封装与android和ios交互的方法，保证统一并且易于管理。要引入DeviceType.js

import {DeviceType} from './DeviceType'

bannerClick（id）为H5中使用的方法去调用app的方法，jumpBanner（id）为原生app的方法，两边统一，id为需要传递的参数，这里有一种情况，url传递参数为文字的时候会出现乱码的情况，这里需要进行转码处理、encodeURI（）

这里有个大坑，