前端与app交互方法汇总
<p>欢迎使用ShowDoc!</p>
<p><strong>1.简要描述:关闭当前H5</strong> </p>
<p><strong>返回示例</strong></p>
<pre><code> if (isAndroid) {
window:jsandroid.finishWebview("关闭当前webview")
} else {
window.webkit.messageHandlers.CloseWebView.postMessage({url: '关闭当前webview'});
}</code></pre>
<p><strong>2.简要描述:跳转到code-推广链接。如:福利中心</strong> </p>
<p><strong>返回示例</strong></p>
<pre><code> if (isAndroid) {
window: jsandroid.webJumperUrl(url);
// 返回示例 window: jsandroid.WebShareDialog(url,url,100,100, 100, 5, 5,false);
} else {
window.webkit.messageHandlers.PushCodeNoEncoding.postMessage({url:url});
}</code></pre>
<p><strong>2.1.简要描述:埋点(同方法2一样,只是传的数据不一样)</strong> </p>
<p><strong>返回示例</strong>
可以查看这个文档看描述:<a href="https://www.showdoc.cc/gylm1?page_id=2801463988062021">https://www.showdoc.cc/gylm1?page_id=2801463988062021</a>
注意:传给app的数据需要为json格式的字符串,传之前记得先转换一下</p>
<pre><code>必传参数(以下必传参数没有特殊情况前三个保持这样传参就可以了,需要变动的只有eventId,和eventDesc,这个两个字段有杭州运营给,不知道的话就问一下)
jsonshear: {
"type": 1,
"noInviteBindIsJump": 0,
"jumpCode": '',
"eventId": 'h5_yearbill',
"eventDesc": 'name_share¥¥_2019'
},
var jsonShear = JSON.stringify(this.jsonshear);
if (isAndroid) {
window: jsandroid.webJumperUrl(jsonShear);
}
else {
window.webkit.messageHandlers.PushCodeNoEncoding.postMessage({url: jsonShear});
}</code></pre>
<p><strong>3.简要描述:订单页 跳转 到成员信息页</strong> </p>
<p><strong>返回示例</strong></p>
<pre><code> if (isAndroid) {
window:jsandroid.webTalkNative(1,uid+"¥"+utype);
} else {
window.webkit.messageHandlers.TeamContributionCheckInfo.postMessage({childrenId:uid, childrenType:utype});
}</code></pre>
<p><strong>4.简要描述:分享3合一</strong> </p>
<p><strong>返回示例</strong></p>
<pre><code>if (isAndroid) {
window: jsandroid.WebShareDialog(_that.share_img, _that.loadurl, 750, 1332,204, 270, 964, false);
// window: jsandroid.WebShareDialog(图片链接, 二维码链接, 图片宽, 图片高,二维码宽, 二维码距离左边距离, 二维码距离顶部距离, 是否为小程序);
} else {
window.webkit.messageHandlers.SaveImageAndShare.postMessage({imageURL : xxxxxx, codeURL : xxxxx, picWith : xxxxx, picHeight : xxxxxx, qrPicWith : xxxxx, qrDistanceLeft : xxxxxx, qrDistanceTop : xxxxxx, isShowXiaoChenXuMa : xxxxxx});
}</code></pre>
<p><strong>5.简要描述:ios视频下载</strong> </p>
<p><strong>返回示例</strong></p>
<pre><code>if(isiOS) {
window.webkit.messageHandlers.VideoPlayAndDownload.postMessage({url: 视频链接});
}</code></pre>
<p><strong>6.简要描述:保存图片</strong> </p>
<p><strong>返回示例</strong></p>
<pre><code>if (isAndroid) {
window:jsandroid.createQrAndMerge(imgUrl,qrUrl);
} else {
window.webkit.messageHandlers.DownloadImage.postMessage({imageURL: 传回的图片url, codeURL: 传回的二维码url});
}</code></pre>
<p><strong>7.简要描述:分享好友(图片)</strong> </p>
<p><strong>返回示例</strong></p>
<pre><code>if (isAndroid) {
window:jsandroid.createShareToFriend(imgUrl,qrUrl,content);
// window:jsandroid.createShareToFriend(图片链接,二维码链接,"(空的字符串就可以)");
} else {
window.webkit.messageHandlers.ShareImageToWeChatWithWeChatSDK.postMessage({action: 1, imageURL: 传回的图片url, codeURL: 传回的二维码url}); (1--好友 2--朋友圈)
}</code></pre>
<p><strong>8.简要描述:分享朋友圈(图片)</strong> </p>
<p><strong>返回示例</strong></p>
<pre><code>if (isAndroid) {
window:jsandroid.createShareToCircle(imgUrl,qrUrl,content);
// window:jsandroid.createShareToCircle(图片链接,二维码链接,"(空的字符串就可以)");
} else {
window.webkit.messageHandlers.ShareImageToWeChatWithWeChatSDK.postMessage({action: 2, imageURL: 传回的图片url, codeURL: 传回的二维码url}); (1--好友 2--朋友圈)
}</code></pre>
<p><strong>9.简要描述:调用支付宝</strong> </p>
<p><strong>返回示例</strong></p>
<pre><code>if (isAndroid) {
window:jsandroid.webTalkNative(4,"支付信息")
} else {
window.webkit.messageHandlers.AliPay.postMessage({payInfo: 支付宝订单号});
}</code></pre>
<p><strong>备注</strong> </p>
<ul>
<li>更多返回错误代码请看首页的错误代码描述</li>
</ul>