H5与Android和ios的交互

背景：H5页面是用uniapp来写的，嵌套在原生APP内，H5页面有一个下载文件的功能，按平时下载功能直接把文件链接写在a 标签的href，点击就会直接下载，但是嵌套在app内这种方法是不起作用的，正确的方法如下

1：跟ios和Android的开发人员商量好，他们那边下载功能给我们提供什么方法，我们这边调用他们的方法就可以了，原理就是点击的时候，把文件地址传给ios和Android，他们拿到地址之后做下载功能
2：当ios和Android的开发人员提供好方法之后，写一个点击事件，点击的时候调用他们的方法，把文件地址传给他们，这里需要区分当前点击的环境时Android还是ios，uniapp提供了一个方法uni.getSystemInfoSync().platform

代码如下：

  <text @click="goDownLoad">下载文件</text>

goDownLoad(){
	const url = 'https://xxx.xxx.xx/xx.doc'
	// 获取当前运行环境  android or ios
	const platform = uni.getSystemInfoSync().platform
	switch(platform){
	    case 'android':
	     // JustTest.goDownLoad 是android开发提供的方法
	      const JustTest = window.JustTest
	      JustTest.goDownLoad(url)
	      break
	    case 'ios':
	      // JustTest.postMessage是ios开发提供的方法
	      const justTest = window.webkit.messageHandlers.justTest
	      justTest.postMessage({
	        openUrl:url
	      })
	      break
  }
	
}