【H5】H5与APP对接跳转

1、H5跳转APP方法

//跳转app方法
toPage: function(str) {if(window.Page) {window.Page.toNativeDetails(str, str);}
},
//跳转链接 -- 和app协商好跳转对应值
link: function(type,num) {if(type==1){if(num==1){this.toPage('artFirstSingle');}else{this.toPage('artShopping');}}else if(type==2){if(num==1){location.href = "../../activity/inviteFriends.html";}}
},

2、微信H5不能直接跳转到APP的相应页面，只能引导下载APP，或者打开app

isFromApp是判断，是app进入该页面，再跳进app的（app，则直接打开app），还是直接从h5跳入app的（微信h5，则判断是否下载该app，提示下载，若已有app，则打开）

link: function(type,num) {if(!this.isFromApp) {this.$toast('请下载App');setTimeout(function() {openApp();return;}, 1500);}//判断是否跳h5页面，没有则在下一步打开appif(type == 2) {if(num == 4) {if(this.isFromApp) {location.href = "../../activity/inviteFriends.html";}else{location.href = "../../activity/inviteFriends.html?fromh5=true";}return;}}//从app打开（若是app进入h5，再从h5回到app，就走这段）//if(window.Page) {//  window.Page.toNativeDetails("cash", "cash");//}if(num==1){this.toPage('artFirstSingle');}else{this.toPage('artShopping');}
},

打开app的方法

function openApp() {//   if(env.isWechat) {//        showGuid();//       return;//   }window.location.href = "yfg://m.native.com/visitor/webView";setTimeout(function() {if(env.isIos) {forward(iosDownLoadUrl);} else {forward(androidDownLoadUrl);}}, 1000);
}

//跳转ios  安卓下载
function forward(uri, params) {var to;if(/http/.test(uri) || /yfg:/.test(uri)) {to = uri;} else {to = resolvePath(uri);}if(window.Page) {if(!params) {window.Page.forward(JSON.stringify({url: to}));} else {window.Page.forward(JSON.stringify({url: to,nparams: JSON.stringify(params)}));}} else {location.href = to;}
}

【H5】H5与APP对接跳转相关推荐

H5网页链接APP浏览器跳转小程序-邪少外链
邪少外链专注于微信公众号.小程序.微信号等内容的推广引流免费的微信推广引流助手实现在手机浏览器.短信.知乎等平台中打开H5网页链接跳转微信小程序页面快速引导用户关注公众号.加微信好友.加群.打开 ...
H5链接打开APP并跳转到制定界面
手机如果安装了该应用,就直接打开该应用:如果没有安装该应用,就下载该应用.那么下面就对在浏览器中,用js判断某用户是否安装了该应用,并判断是否打开该应用做个简单的介绍. 那么,怎么判断某用户是否安装了 ...
h5 移动开发 html页面跳转,iosh5混合开发项目仿app页面跳转优化
前言:本人原本是ios开发工程师,但由于现今H5的兴起,行内刮起了一阵混合开发的风气,趁着这股劲,我也学了前端开发,不说研究的多深,但也能胜任日常的开发工作.长话短说,现今的混合开发应该还处于摸索阶段 ...
android 打开h5文件下载,微信h5页面下载app —— 安卓直接下载apk文件包,IOS跳转AppStore的实现代码...
需求:微信h5页面下载app -- 安卓直接下载apk文件包,IOS跳转AppStore 分析:微信不支持,在微信中屏蔽了apk文件的下载以及AppStore的跳转(且除非和TX有合作的应用,否则也不 ...
android点击按钮打开一个网页,Android实现H5点击打开app或跳转指定界面
Android实现H5点击打开app或跳转指定界面本文原创,转载请注明出处.欢迎关注我的简书. 安利一波我写的开发框架:MyScFrame喜欢的话就给个Star 场景 H5界面中的入口有时候为了 ...
京东商品详情数据接口（APP端，H5端）代码对接教程
京东商品详情数据接口(APP端,H5端)代码对接教程如下: 1.公共参数名称类型必须描述(接口代码教程wx19970108018) key String 是调用key(必须以GET方式拼接在 ...
H5页面唤起指定app或跳转到应用市场（扫描二维码直接下载APP）
场景1: 在 h5 页面上,不管用户是否安装过该app,都直接跳转到应用市场,让用户从应用市场上打开app. 思路: 这种场景处理比较简单,直接判断判断是android端还是ios端,然后在点击按钮上 ...
微信h5页面下载app —— 安卓直接下载apk文件包,IOS跳转AppStore的实现代码
需求:微信h5页面下载app -- 安卓直接下载apk文件包,IOS跳转AppStore 分析:微信不支持,在微信中屏蔽了apk文件的下载以及AppStore的跳转(且除非和TX有合作的应用,否则也不 ...
H5跳转APP，如果当前设备没有安装该APP，跳转去应用商店下载
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.使用步骤总结前言 H5跳转APP,如果当前设备没有安装该APP,跳转去应用商店下载提示:以下是本篇文章正文内 ...

【H5】H5与APP对接跳转

【H5】H5与APP对接跳转相关推荐

最新文章

热门文章