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 } } 

本文地址：https://blog.csdn.net/diwang_718/article/details/107905487