Android 中 QQ 和 微信打开第三方应用

最新推荐文章于 2024-06-18 10:14:25 发布
置顶 最新推荐文章于 2024-06-18 10:14:25 发布
阅读量7k 收藏 3
点赞数 1
分类专栏： # Android Webview
转载请注明出处——https://blog.csdn.net/chy555chy
本文链接：https://blog.csdn.net/chy555chy/article/details/104429559
版权

获取当前浏览器

可以用 navigation.userAgent 来区分当前的运行环境（当前测试手机：vivo x20）

  • QQ（Android）
    Mozilla/5.0 (Linux; Android 8.1.0; vivo X20A Build/OPM1.171019.011; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/66.0.3359.126 MQQBrowser/6.2 TBS/045120 Mobile Safari/537.36 V1_AND_SQ_8.2.6_1320_YYB_D QQ/8.2.6.4370 NetType/WIFI WebP/0.3.0 Pixel/1080 StatusBarHeight/72 SimpleUISwitch/0

  • QQ（iPhone）
    Mozilla/5.0 (iPhone; CPU iPhone OS 13_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/17C54 QQ/8.2.6.700 V1_IPH_SQ_8.2.6_1_APP_A Pixel/1125 MiniAppEnable Core/WKWebView Device/Apple(iPhone X) NetType/WIFI QBWebViewType/1 WKType/1

  • 微信（Android）
    Mozilla/5.0 (Linux; Android 8.1.0; vivo X20A Build/OPM1.171019.011; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/67.0.3396.87 XWEB/1169 MMWEBSDK/191201 Mobile Safari/537.36 MMWEBID/946 MicroMessenger/7.0.10.1580(0x27000AFD) Process/toolsmp NetType/WIFI Language/zh_CN ABI/arm64

  • 微信（iPhone）
    Mozilla/5.0 (iPhone; CPU iPhone OS 13_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148 MicroMessenger/7.0.10(0x17000a21) NetType/WIFI Language/zh_CN

  • QQ浏览器（Android）
    Mozilla/5.0 (Linux; U; Android 8.1.0; zh-cn; vivo X20A Build/OPM1.171019.011) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/66.0.3359.126 MQQBrowser/10.1 Mobile

  • 系统浏览器（Android）
    Mozilla/5.0 (Linux; Android 8.1.0; vivo X20A Build/OPM1.171019.011; wv) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.84 Mobile Safari/537.36 VivoBrowser/7.4.12.4

  • Firefox（PC）
    Mozilla/5.0 (Windows NT 10.0; WOW64; rv:56.0) Gecko/20100101 Firefox/56.0

  • Chrome（PC）
    Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.106 Safari/537.36

另外

  • MAC 电脑
    Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15) AppleWebKit/605.1.15 (KHTML, like Gecko)

  • iPad
    Mozilla/5.0 (iPad; CPU OS 13_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148

区分不同浏览器

navigator.userAgent

  • 含有 Mobile 则是移动端，否则是PC端浏览器。
  • 含有 Android 的是安卓，含有 iPhone 的是 iPhone。
  • 含有 QQ 的是 QQ 或 QQ浏览器。
  • 含有 MicroMessenger 的是微信。
const type = document.getElementById("type");
const ua = window.navigator.userAgent;
let isAndroid = ua.includes("Android");
let isIPhone = ua.includes("iPhone");
let isWX = ua.includes("MicroMessenger");
let isQQ = ua.includes("QQ");
if(isAndroid) {
    if(isWX) {
        type.innerHTML = "安卓 微信";
    } else {
        type.innerHTML = "安卓 其它";
    }
} else if(isIPhone) {
    if(isQQ) {
        type.innerHTML = "IOS QQ";
    } else {
        type.innerHTML = "IOS 其它";
    }
}

现象

由于 Android 和 iPhone 的实现方式，包括现象都是不同的。所以下面分类讨论。

Android

QQ（Android）

QQ 和 浏览器 通过预设好的 intent-filter 是可以打开第三方应用的（无论此时第三方应用是否已开启，均能打开）

在这里插入图片描述
在这里插入图片描述

微信（Andorid）

由于微信在5.0.3以后，考虑到安全问题，就禁用了微信浏览器里打开别的app，所以无法直接在微信里打开第三方的APP。

在这里插入图片描述
在这里插入图片描述

虽然无法直接打开，但有以下几个代替方案：
序号实现方式缺点
1跳转应用宝的下载页面，应用宝会根据是否已安装，来切换下载或打开的页面此种打开方式无法传递参数
2引导用户在浏览器里打开当前网页，因为微信虽然禁止了android:scheme跳转，但是浏览器都是支持的操作有些繁琐，需要前端添加提示蒙版
3应用实现浏览器意图，同样引导用户右上角选择浏览器打开，然后选中本应用该应用的性质被改为浏览器，任何网址选择用浏览器打开都会出现本应用的选项
4分享小程序，然后通过小程序API打开应用哔哩哔哩的做法，但实现小程序需要人力物力
5网易云音乐居然有办法直接打开自己的APP（实现原理未知）弊端是如果网易云音乐APP没被打开或进程被滑动杀死，此时是不会自动打开的
6应用实现浏览器意图（但对意图的 host 或 port 做限制）当然同样需要引导用户选择右上角，通过浏览器打开。但非本应用的链接，选择浏览器打开时，就不会出现本应用的提示了
打开应用宝页面
  1. 如果未安装该应用，则会自动跳转到下载页面
  2. 若已安装，则显示为应用封面和并包含打开按钮

在这里插入图片描述在这里插入图片描述

分享为小程序，在小程序中打开

在这里插入图片描述

iPhone

QQ

在这里插入图片描述

微信

在这里插入图片描述

实现方式

前端页面

主要是用 a 标签来打开应用

<html>
    <head>
        <meta charset="utf8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
        <title>跳转到第三方APP</title>
        <style>
            body {
                font-size: 16px;
            }
            h1,h2,div,a {
                display:block;
                margin: 1rem;
            }
        </style>
        <script>
            function showUserAgent() {
                const userAgent = document.getElementById("userAgent");
                userAgent.innerHTML = window.navigator.userAgent;
            }
            function showType() {
                const type = document.getElementById("type");

                const ua = window.navigator.userAgent;
                const mobile = {};
                mobile.isAndroid = ua.includes("Android");
                mobile.isIPhone = ua.includes("iPhone");
                mobile.isWX = ua.includes("MicroMessenger");
                mobile.isQQ = ua.includes("QQ");
                window.mobile = mobile;
                if(mobile.isAndroid) {
                    if(mobile.isWX) {
                        type.innerHTML = "安卓 微信";
                    } else {
                        type.innerHTML = "安卓 其它";
                    }
                } else if(mobile.isIPhone) {
                    if(mobile.isQQ) {
                        type.innerHTML = "IOS QQ";
                    } else {
                        type.innerHTML = "IOS 其它";
                    }
                }
            }
            function openApp(url) {
                document.location = url;
                setTimeout( function() {
                    if(window.mobile.isAndroid) {
                        if(confirm( '您还未安装这个应用，是否现在去应用宝下载该应用?'))
                            document.location = "https://itunes.apple.com/";
                    } else if(window.mobile.isIPhone)
                        if(confirm( '您还未安装这个应用，是否现在去AppStore下载该应用?'))
                            document.location = "https://cftweb.3g.qq.com/qqappstore/index";
                }, 1000);
            }
            window.onload = ()=>{
                showUserAgent();
                showType();
            }
        </script>
    </head>
    <body>
        <h1>navigator.userAgent</h1>
        <div id="userAgent"></div>
        <h2 id="type"></h2>
        <h1>Android</h1>
        <a href="#" onclick="openApp('open://host/links?data=test')">QQ和浏览器打开APP</a>
        <h1>IOS</h1>
        <a href="#" onclick="openApp('fastlion://host.test.com')">打开第三方APP</a>
    </body>
</html>

Android

intnet 匹配规则

  • Action 匹配只要有一个与Intent中携带Action相同即可
  • Intent默认会携带"android.intent.category.DEFAULT"，所以隐式启动的组件必须包含 <category android:name="android.intent.category.DEFAULT" />
  • Category 匹配要包含全部Intent中携带Category
  • Data 用于指定数据，通常是URI格式。和 Action 一样，匹配只要有一个与Intent中携带Data相同即可

在 AndroidManifest.xml 添加如下意图过滤器

<activity android:name=".MainActivity">
	<intent-filter>
	    <action android:name="android.intent.action.MAIN" />
	    <category android:name="android.intent.category.LAUNCHER" />
	</intent-filter>
	<intent-filter>
	    <action android:name="android.intent.action.VIEW" />
	    <category android:name="android.intent.category.DEFAULT" />
	    <category android:name="android.intent.category.BROWSABLE" />
	    
<!-- 接收微信、QQ右上角，用浏览器打开的意图 -->    
	    <data android:scheme="https" />
	    <data android:scheme="http" />
	
<!-- 接收QQ、浏览器链接点击后，直接打开的意图（data的参数可以随意） -->
		<data
	        android:scheme="open"
	        android:host="com.open.url"
	        android:port="8888"
	        android:path="/appLinks" />
	</intent-filter>
</activity>

打开应用的两种意图

  1. QQ和浏览器直接打开

    1. intent
      intent://com.open.url:8888/appLinks?data=test#Intent;scheme=open;launchFlags=0x10000000;component=<应用包名>/.activity.MainActivity;i.fling_action_key=2;l.appShareID=-1;S.preAct=QQBrowserActivity;S.leftViewText=%E8%BF%94%E5%9B%9E;l.preAct_elapsedRealtime=14362619;i.fling_code_key=208902589;S.url=http%3A%2F%2F192.168.1.248%3A5500%2Findex.html;l.preAct_time=1582515805501;B.h5_ark_is_from_share=false;end
    2. uri
      uri = open://com.open.url:8888/appLinks?data=test

  2. 微信右上角，使用浏览器打开

    1. intent
      intent://<网页地址>:5500/index.html?from=singlemessage#Intent;scheme=http;launchFlags=0x10000000;package=<应用包名>;component=<应用包名>/.activity.MainActivity;end
    2. uri
      uri = http://<网页地址>:5500/index.html?from=singlemessage

在 MainActivity 中处理这些意图

/**
 * 自定义的打开应用的协议
 */
public static final String SCHEME_OPEN = "open";
/**
 * 网页
 */
public static final String SCHEME_HTTP = "http";
/**
 * 加密网页
 */
public static final String SCHEME_HTTPS = "https";

@Override
protected void onCreate(Bundle savedInstanceState) {
	onNewIntent(getIntent());
}

@Override
protected void onNewIntent(Intent intent) {
	if (intent != null) {
     	Uri uri = intent.getData();
     	if(uri != null) {
        	String url = uri.toString();
         	if(url.startsWith(Constant.SCHEME_OPEN)) {
            	webBusiness.loadUrl(url.replace("Constant.SCHEME_OPEN", "https"));
            	deal = true;
         	} else if(url.startsWith(Constant.SCHEME_HTTP)) {
            	webBusiness.loadUrl(url);
	            deal = true;
         	}
        }
    }
}

iPhone

iOS 可以使用 Universal links（微信可以，QQ不行） 或 自定义协议（微信、QQ均可）打开应用。

常用软件URL SchemeBundle identifier
QQmqq://
微信weixin://
腾讯微博TencentWeibo://
淘宝taobao://
支付宝alipay://
微博sinaweibo://
QQ浏览器mqqbrowser://com.tencent.mttlite
uc浏览器dolphin://com.dolphin.browser.iphone.chinese
百度地图baidumap://com.baidu.map

实现方式

  1. 在“项目” -> “info” -> “URL Types”中，新增一个URL Schemes。
    在这里插入图片描述

  2. 其实只要通过上面的配置就可以打开应用了。但有时我们还要传递参数进来，然后程序根据参数调用不同的功能或打开不同的页面。我们可在 AppDelegate.swift 中的如下方法里获取参数，并做相应的处理。

func application(_ app: UIApplication, open url: URL,
                 options: [UIApplicationOpenURLOptionsKey : Any] = [:]) -> Bool {
    if url.host == nil {
        return true;
    }
     
    //获取来源应用的Identifier
    print("来源App：\(options[UIApplicationOpenURLOptionsKey.sourceApplication]!)")
     
    //获取url以及参数
    let urlString = url.absoluteString
    let queryArray = urlString.components(separatedBy: "/")
    print(urlString)
     
    let alertController = UIAlertController(title: "参数如下",
                                            message: "\(queryArray[2])  \(queryArray[3])",
        preferredStyle: .alert)
    let cancelAction = UIAlertAction(title: "取消", style: .cancel, handler: nil)
    alertController.addAction(cancelAction)
    self.window!.rootViewController!.present(alertController, animated: true,
                                             completion: nil)
     
    return true
}
福州司马懿
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
调用第三方应用打开文件
WXYDX的博客
03-23 3162
通过第三方应用打开指定格式（本例为pdf格式）的文件 在 private void openFile(File file){ if (!file.exists()){ return; } Uri path; Intent intent; if (Build.VERSION.SDK_INT>=Build.VERSION_CODES.N){ //7.0及更高版本，需要
iOS/Android 微信及浏览器中唤起本地 APP
ASP.NET
09-09 1787
需求概述 分享应用活动链接已经成为手机应用一个非常重要的推广传播形式。为了提高转化率，就需要让用户不管是在微信或者是浏览器中，都能在点击链接后， 唤起本地的 app 后 , 跳转到指定页面 。 虽然这个功能从用户体验方面来说是自然而然的，但是由于iOS/Android平台差异性，在实现过程中还是有些问题。 未安装 app 时，如何做好引导页，引导用户下载后打开 app 后，是否可以打开之前唤醒前指定的页面或内容 如何绕过微信的  schema  屏蔽，在微信中唤醒 app 中，并打开..
从微信,QQ唤醒app
给你一片光明
01-31 2074
      h5唤醒app,有两种方式,第一种就是设置简单的URLSchemes,另一种是使用Universal Links深度连接.       然而对于ios来说,第一种方法,我们在safari浏览器打开,完全可以,然而,如果分享链接在qq和微信,就不能唤起app了,还需要提示用户通过safari打开,这种用户体验很差劲. 原因是,现在微信APP,已经对外封杀了使用schema自定义协议头的...
android 从应用中打开第三方应用
最新发布
xia09222826的专栏
06-18 246
使用判断第三方应是否存在时在Android高版本系统会一直获取不到。后来研究发现需要在AndroidManifest.xml中新增以下权限以及queries。
android第三方应用跳转到QQ并指定QQ号聊天
01-29 7072
可以从第三方应用跳转到QQ界面，并可以进入指定的QQ号码的聊天界面（可以是陌生人的QQ号）. 代码如下： String url11 = "mqqwpa://im/chat?chat_type=wpa&uin=100000&version=1"; startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse(url11))); 指定的QQ
微信QQ通过分享链接直接打开APP问题
王小况的学习之路
08-27 1万+
需求：通过分享链接打开APP并定位到分享的页面   x5浏览器可能有URL scheme白名单， 1、第三方浏览器和应用(除了腾讯)打开APP普遍方法是通过 URL scheme 直接打开APP。“app://abc”.   自己其他应用可以相互唤醒，并定位到具体的activity   2、安卓版实现: 使用腾讯的应用宝，只要配置了“微下载”之后，打开链接腾讯会帮你判断本地是否已经安...
微信浏览器打开APP
zhoulib__的博客
10-27 3616
微信浏览器会阻止在其中直接打开APP 所有一般需要引导用户去其他浏览器 但是如果还是想在微信浏览器直接打开APP的话可以通过 wx-open-launch-app这个组件 这里是官方文档 需要的一些信息 在使用这个组件之前我们需要两个appid和一个AppSecret appid（服务号的appid和需要被打开的appid） AppSecret（服务号的AppSecret） 申请服务号（APP和服务号绑定在一个微信开发平台上面） 服务号申请好之后设置IP白名单和JS接口安全域名 之后按照下图进行操作，关联需
微信浏览器唤醒App
slice_93的博客
09-02 596
实现效果 如下图所示，顶部会有一个广告图，点击这个广告图，如果手机上已经安装了App，则直接打开，如果没有安装，则开始下载，如果在微信公众号中，则跳转应用宝第三方平台跳转。 html <span @click="openAppClick" class="see-btn">打开APP</span> js openclient(){ let ua = navigator.userAgent.toLowerCase(); //config 配置文件 JS 传递
Android qq，微信的第三方登陆
02-27
这个是Android qq，微信的第三方登陆，但是没做好，无法演示效果。使用需要替换为自己的友盟appKey和自己的qq的key和微信的appkey
Android实现使用微信登录第三方APP的方法
09-01
在Android平台上，集成微信登录功能可以让用户通过他们的微信账号便捷地登录第三方应用程序，省去了注册新账户的过程。本文将详细讲解如何实现这一功能，包括必要的准备步骤和代码实现。 首先，你需要在微信开放...
微信登录第三方应用
08-29
在IT行业中，微信登录第三方应用是一种常见的用户身份验证方式，尤其在中国市场，微信因其广泛的用户基础，成为许多开发者首选的社交登录渠道。本篇将详细解释如何实现微信登录功能，并探讨其中涉及的关键技术和注意...
android第三方（qq、微信、微博）登录
03-30
在Android开发中，集成第三方登录服务，如QQ、微信、微博等社交平台的登录功能，是一种常见的需求。这些服务能够为用户提供便捷的登录体验，同时也有助于开发者获取用户社交网络的信息，提升用户粘性和应用的推广...
实现微信打开App功能
SOLO的博客
05-12 956
需要在包名为（applicationId）+wxapi的包下加入以上几个类。
App服务化, 10倍增长，你想知道的都在这里了!
weixin_34417814的博客
03-24 118
Apple为iOS 9发布了一个所谓的通用链接的深层链接特性，即Universal links。虽然它并不完美，但是这一发布，让数以千计的应用开发人员突然意识到自己的应用体验被打破。魔窗推出了mLink ，为了打破App孤岛格局，构建情景式的服务链，大幅提升用户体验，让每一次的连接都产生价值。 什么是Universal links?Uni...
Android实现微信和QQ“在其他应用打开”列表中添加自己的应用，并获取文件路径。
热门推荐
weixin_39654467的博客
07-30 20万+
实现例如在微信QQ通过选中某个文件，选择其他应用的打开方式。效果如下： 1.在AndroidManifests中添加： <!--添加文件打开方式，可在第三方应用中将你的app加入打开方式列表--> <activity android:name=".activity.PdfPreviewActivity" a...
Android跳转第三方App，淘宝，微信，QQ等。
Rayman
02-23 9303
在项目需求中有一个需要跳转到淘宝App主页的需求。   在这里简单列举下跳转淘宝的实现方式 1.项目集成了阿里百川SDK，使用SDK提供的API直接跳转，可以携带参数并跳转到具体页面 2.单纯的跳转，项目没有集成阿里百川SDK，需要自己查找淘宝对应的Activity和传递的参数。 跳转其他App的方式都可以2的方式去实现，找出对应App的包名，Activity名，参数列表。 这里就...
android 打开第三方应用的几种方式
zhuojianhai88的专栏
10-11 1517
在做android的应用中往往会用到调用第三方的app，
在微信里接收文件后如何指着文件用咱编的APP打开？
大龙的博客
01-05 1505
咱编的APP要打开TXT文件，简单的实现就是在里面放个按钮点击下找到文件打开，可是安卓的路径那个烦呢。 能否在微信里收到文件就用咱的APP打开呢？当然可以啦。 会者不难，其实只要编个个activity干这事儿就可以了，这个activity可以是一个独立的个体，跟APP其它部分可以没有关系，只需要在androidmanifest.xml文件里声明一下它可以干这事儿就可以了。 在我们的activity里面增加如下代码即可获得文件路径，然后就是读取处理啦。 / Intent intent = getIntent
WebQQ3.0体验
常高伟的专栏
04-27 9079
前几天在CSDN上看到腾讯推出了WebQQ3.0，这几天便体验了一下，总体感觉还算不错。 总结一下优点： 1、界面做的比较漂亮，和win7风格比较像。 2、比较容易上手：整体操作仿照操作系统，必然开始菜单，显示桌面，应用程序快捷方式等。 3、功能比较齐全，qq所能进下的一起都可以在这里完成。 4、一个非常重要的功能，可以根据自己的喜欢添加相应的应用。而且大部分都是免费的。而且应用非常的，将近2000个。 正因为有上面的一些优点，所以经常不登陆qq的我这几天到时常常登陆webqq。 不过也有
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值