原生app与h5页面之间的简单通信

在混合应用中,通常会涉及到原生app（IOS或者Andriod）向h5页面传递参数,或者h5向原生app传递参数

一、原生app给h5传递参数：

场景：有一个资讯详情页面,详情页面是用h5写的，我们需要在详情页面发送网络请求获取详情页面的信息，在发送请求之前我们需要获取token和countID(用户的ID)，这里需要原生app端给我们传递过来

那怎样处理呢？

由于这里用到的技术栈是nuxt.js（vue的一个服务端渲染框架），我们可以在mounted（）声明周期中声明一个全局的方法,原生app在进入到这个这个资讯详情页面时可以调用这个方法将值传递给h5页面，方法名可以和原生app开发人员约定好，如下案例：

定义的全局方法：getUserInfo

需要传递的参数：accountId token

执行的任务：当原生app传递过来参数时，发起网络请求获取数据

二、h5给原生app传递参数

场景：原生app有一个分享功能，该功能需要h5页面传递参数给app端

（1）h5传递参数给安卓：定义一个全局的方法，将需要传递的值return即可,安卓端可调用该全局方法获取你返回的值

如下代码：

（2）h5传递参数给IOS:

使用如下代码传递，jsonShare就是需要传递给原生IOS的值