微信中 H5 页面唤起本地安装的 app

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 2560 天前的主题，其中的信息可能已经有所发展或是发生改变。

各位大佬，谁能解答一下，微信中 H5 页面唤起本地已安装的 app，这个是需要跟腾讯合作才可以吗？

唤起

App

页面

微信

19 条回复 • 2017-11-30 20:29:18 +08:00

byenow

2017-11-22 20:22:54 +08:00

Android：是的
iOS：universal links

Enochyun

2017-11-22 22:13:28 +08:00 via iPhone

ios 可以通过命令唤起你去看看微信开放平台

zj299792458

2017-11-22 22:14:31 +08:00 via iPhone

@byenow iOS 并不行，想多了，微信只跳转合作项目

pheyer

2017-11-22 22:21:19 +08:00 via iPhone

@zj299792458 我记得 universal links 能突破这个限制吧

LINAICAI

2017-11-22 22:39:21 +08:00

iOS 用通用链接，不过这里坑好多，需要前端配合

zj299792458

2017-11-23 01:21:13 +08:00 via iPhone

@pheyer
@LINAICAI
前端如何配合？我试过 a href 超链接不行，做成一个按钮点击事件也不行，这些在 safari 都是正常跳转的，如有方法不惜赐教

kohos

2017-11-23 08:29:30 +08:00

一种是提示用户用右上菜单的“用浏览器打开”之后再用通用链接跳转，一种是监视剪贴板，检测到符合格式的内容就弹提示，点击提示跳转 APP，像淘宝那样吧

66beta

2017-11-23 08:43:18 +08:00

3 楼正解，其他楼层都不知道楼主在说什么

bkmi

2017-11-23 08:51:46 +08:00 via Android

@66beta 一楼才是正解，建议你多了解一下

66beta

2017-11-23 08:53:31 +08:00

@bkmi 我实测过不能啊，难道新版微信取消限制了？

lylijincheng

2017-11-23 08:53:53 +08:00

试试这个，http://a.app.qq.com/o/simple.jsp?pkgname=com.zhihu.android&g_f=991703&android_schema=zhihu%3A%2F%2Farticles%2F30682352%3Ffallback_url%3Dhttps%253A%252F%252Foia.zhihu.com%252Farticles%252F30682352

zohan

2017-11-23 09:19:06 +08:00

universal links 是可以的，安卓的话，应用宝或者和收购腾讯

sujin190

2017-11-23 10:57:09 +08:00

@zohan #12 收购腾讯，很可以，坐等 2333

WenJimmy

2017-11-23 11:07:06 +08:00

上应用宝，要不就提示浏览器打开
http://www.jianshu.com/p/862885bd8ea2

WenJimmy

2017-11-23 11:08:57 +08:00

@WenJimmy #13 安卓和 ios8 以下提示浏览器打开，ios9+ 用 universal links

xionger

2017-11-23 11:38:58 +08:00 via Android

android 不行

coolcoffee

2017-11-23 11:50:50 +08:00

以微信这封闭环境，你连 app store 都不能直接跳转，你还指望随意跳其它第三方 app。

newzt

2017-11-30 20:22:16 +08:00

@Enochyun 看过没找到相关的你知道的话发我一下感谢

newzt

2017-11-30 20:29:18 +08:00

自己最近忙于找房发现自如的在微信中可以进行跳转附上地址 http://m.ziroom.com/BJ/room/60735247.html 仿照他们的写并没有用

function openApp(url){
var unEncodeUrl = url;
var base = new Base64();
var EncodeUrl = base.encode(unEncodeUrl);
if(isAndroid()){
//android
//此操作会调起 app 并阻止接下来的 js 执行
$('body').append("<iframe src='ziroom://ziroom.app/openApp?p="+encodeURIComponent(EncodeUrl)+"' style='display:none' target='' ></iframe>");
//没有安装应用会执行下面的语句
setTimeout(function(){window.location.href='https://static8.ziroom.com/card_clean'},2000);
}else{
//ios
window.location = 'https://static8.ziroom.com/openApp?p='+ encodeURIComponent(EncodeUrl);
// console.log('https://static8.ziroom.com/openApp?p='+ encodeURIComponent(EncodeUrl));
}
}