先描述一下需求：从浏览器中点击某个按钮，如果手机上装有相应的app，则直接开启app，并且到相对的页面。如果没有装该app，则会到相应的下载app的界面。

我这里主要用的是第三方的东西，就是魔窗中的mlink功能。想了解魔窗的朋友就到官网去看看吧。在这里我说一下我通过魔窗是怎么实现的。

首先我们看一下浏览器上面的代码，这个就是我们从该页面上跳转打开app。

 <html>

     <head>

         <title>浏览器打开APP测试</title>

         <script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.js"></script>

         <script src="https://static.mlinks.cc/scripts/dist/mlink.min.js"></script>

     </head>

     <body>

         <a id="btnOpenApp">打开APP</a>

    <script>

     new Mlink(

         {

         mlink: "Aa2F",

         button: document.querySelector('a#btnOpenApp'),

         autoLaunchApp : false,

         autoRedirectToDownloadUrl: true,

         downloadWhenUniversalLinkFailed: false,

         inapp : true,

         params: {

               storyBoardKey:'DetailsActivity',

               storyBoardId:'ProductDetail',

               name:'TwoActivity',

               productId:'1454456156'

               }

         })

    </script>

     </body>

 </html>
mlink: "Aa2F",这个Aa2F就是我们在魔窗上配置的一个短链接最后面的mlink，比如，我的短链接是：http://a.mlinks.cc/Aa2F；
button: document.querySelector('a#btnOpenApp'),

autoLaunchApp : false,

autoRedirectToDownloadUrl: true,

downloadWhenUniversalLinkFailed: false,

inapp : true,
这些在官网上都有解释，我就不解释了；
params就是我们要传递的参数。
好了，现在到了关键时刻了，就是我们app上面的配置了，先看我的项目目录：

先把魔窗这个包倒进来，然后在gradle上进行配置，我的是这样配置的：

 apply plugin: 'com.android.application'

 apply plugin: 'me.tatarka.retrolambda'

 android {

     compileSdkVersion 24

     buildToolsVersion "24.0.0"

     defaultConfig {

         applicationId "com.wingsofts.magicwindowdemo"

         minSdkVersion 15

         targetSdkVersion 24

         versionCode 1

         versionName "1.0"

     }

     buildTypes {

         release {

             minifyEnabled false

             proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'

         }

     }

     compileOptions {

         targetCompatibility 1.8

         sourceCompatibility 1.8

     }

 }

 dependencies {

     compile fileTree(dir: 'libs', include: ['*.jar'])

     testCompile 'junit:junit:4.12'

     compile 'com.android.support:appcompat-v7:24.1.1'

     compile "io.reactivex:rxandroid:1.2.0"

     compile "io.reactivex:rxjava:1.1.7"

     compile(name: 'MagicWindowSDK', ext: 'aar')

 }

 repositories {

     flatDir {

         dirs 'libs'

     }

 }

然后在看看Myapp页面，我的是这样的：

 package com.wingsofts.magicwindowdemo;

 import android.app.Application;

 import com.zxinsight.Session;

 public class MyApp extends Application {

     @Override

     public void onCreate() {

         super.onCreate();

         Session.setAutoSession(this);

     }

 }

这里的session的作用是获取到活动。

MainActivity页面是这样的：

 package com.wingsofts.magicwindowdemo;

 import android.content.Intent;

 import android.os.Bundle;

 import android.support.v7.app.AppCompatActivity;

 import android.view.View;

 public class MainActivity extends AppCompatActivity {

     @Override

     protected void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         setContentView(R.layout.activity_main);

     }

     public void onClick(View v) {

         startActivity(new Intent(this, DetailsActivity.class));

     }

 }
activity_main：
 <?xml version="1.0" encoding="utf-8"?>

 <RelativeLayout

     xmlns:android="http://schemas.android.com/apk/res/android"

     xmlns:tools="http://schemas.android.com/tools"

     android:layout_width="match_parent"

     android:layout_height="match_parent"

     android:paddingBottom="@dimen/activity_vertical_margin"

     android:paddingLeft="@dimen/activity_horizontal_margin"

     android:paddingRight="@dimen/activity_horizontal_margin"

     android:paddingTop="@dimen/activity_vertical_margin"

     tools:context="com.wingsofts.magicwindowdemo.MainActivity"

     >

   <Button

       android:layout_centerInParent="true"

       android:onClick="onClick"

       android:layout_width="wrap_content"

       android:layout_height="wrap_content"

       android:text="点我去详情页"

       />

 </RelativeLayout>

上面这两个页面就没什么好介绍的了，很平常的两个页面。

DetailsActivity页面：

 package com.wingsofts.magicwindowdemo;

 import android.os.Bundle;

 import android.support.v7.app.AppCompatActivity;

 public class DetailsActivity extends AppCompatActivity {

     @Override

     protected void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         setContentView(R.layout.activity_details);

     }

 }

activity_details布局：

 <?xml version="1.0" encoding="utf-8"?>

 <RelativeLayout

     xmlns:android="http://schemas.android.com/apk/res/android"

     xmlns:tools="http://schemas.android.com/tools"

     android:layout_width="match_parent"

     android:layout_height="match_parent"

     android:paddingBottom="@dimen/activity_vertical_margin"

     android:paddingLeft="@dimen/activity_horizontal_margin"

     android:paddingRight="@dimen/activity_horizontal_margin"

     android:paddingTop="@dimen/activity_vertical_margin"

     tools:context="com.wingsofts.magicwindowdemo.DetailsActivity"

     >

 <TextView

     android:text="我是详情页"

     android:textSize="30sp"

     android:layout_width="wrap_content"

     android:layout_height="wrap_content"

     />

 </RelativeLayout>
TwoActivity页面：
 package com.wingsofts.magicwindowdemo;

 import android.support.v7.app.AppCompatActivity;

 import android.os.Bundle;

 public class TwoActivity extends AppCompatActivity {

     @Override

     protected void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         setContentView(R.layout.activity_two);

     }

 }

对应的布局是activity_two:

 <?xml version="1.0" encoding="utf-8"?>

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

     xmlns:tools="http://schemas.android.com/tools"

     android:layout_width="match_parent"

     android:layout_height="match_parent"

     tools:context="com.wingsofts.magicwindowdemo.TwoActivity">

     <TextView

         android:layout_width="match_parent"

         android:layout_height="match_parent"

         android:text="我是第二个页面"

         android:textSize="40sp"

         />

 </RelativeLayout>

下面这一个页面很重要，基本上所有的重要代码都集中在这里：

 package com.wingsofts.magicwindowdemo;

 import android.content.Context;

 import android.content.Intent;

 import android.net.Uri;

 import android.os.Bundle;

 import android.support.v7.app.AppCompatActivity;

 import com.zxinsight.MLink;

 import com.zxinsight.MWConfiguration;

 import com.zxinsight.MagicWindowSDK;

 import com.zxinsight.mlink.MLinkCallback;

 import com.zxinsight.mlink.MLinkIntentBuilder;

 import java.util.Iterator;

 import java.util.Map;

 import java.util.concurrent.TimeUnit;

 import rx.Observable;

 import rx.android.schedulers.AndroidSchedulers;

 public class SplashActivity extends AppCompatActivity {

     private String DEMONAME = "com.wingsofts.magicwindowdemo";

     @Override

     protected void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         setContentView(R.layout.activity_splash);

         initSDK();//初始化SDK

         registerLinks(this);//注册SDK

         initMLink();

     }

     public void initMLink() {

         Intent intent = getIntent();

         Uri mLink = intent.getData();

         //如果从浏览器传来 则进行路由操作

         if (mLink != null) {

             MLink.getInstance(this).router(this, mLink);

             finish();

         } else {

             //否则执行原本操作

             go2MainActivity();

         }

     }

     //注册SDK

     public void registerLinks(Context context) {

         MLink.getInstance(context).registerDefault(new MLinkCallback() {

             @Override

             public void execute(Map paramMap, Uri uri, Context context) {

                 //默认的路由 如果没有匹配则转跳到 MainActivity 为你的首页

                 MLinkIntentBuilder.buildIntent(paramMap, context, MainActivity.class);

             }

         });

         // testKey:  mLink 的 key, mLink的唯一标识,用于进行路由操作

         MLink.getInstance(context).register("productDetail", new MLinkCallback() {

             public void execute(Map paramMap, Uri uri, Context context) {

                 //!!!!!!!!注意 此处有坑,如果你的SplashActivity转跳有延迟，那么在此处转跳的延迟必须大于前者转跳时间

                 Observable.timer(1050, TimeUnit.MILLISECONDS)

                         .observeOn(AndroidSchedulers.mainThread())

                         .subscribe(aVoid -> {

                             //MLinkIntentBuilder.buildIntent(paramMap, context, Class.forName(name));

                             String name = (String) paramMap.get("name");

                             Intent intent = new Intent();

                             intent.setClassName(context, DEMONAME + "." + name);

                             startActivity(intent);

                         });

             }

         });

     }

     //初始化魔窗SDK

     public void initSDK() {

         MWConfiguration config = new MWConfiguration(this);

         config.setDebugModel(true)

                 //带有Fragment的页面。具体查看2.2.2

                 .setPageTrackWithFragment(true)

                 //设置分享方式，如果之前有集成sharesdk，可在此开启

                 .setSharePlatform(MWConfiguration.ORIGINAL);

         MagicWindowSDK.initSDK(config);

     }

     public void go2MainActivity() {

         //延迟1秒转跳

         Observable.timer(1, TimeUnit.SECONDS)

                 .observeOn(AndroidSchedulers.mainThread())

                 .subscribe(aLong -> {

                     startActivity(new Intent(this, MainActivity.class));

                     finish();

                 });

     }

     private void StartActivity(Map paramMap, Context context, Class<?> clazz) {

         Intent intent = new Intent(context, clazz);

         intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK | Intent.FLAG_ACTIVITY_CLEAR_TOP);

         if (paramMap != null) {

             Iterator iter = paramMap.entrySet().iterator();

             while (iter.hasNext()) {

                 Map.Entry entry = (Map.Entry) iter.next();

                 String key = (String) entry.getKey();

                 String val = (String) entry.getValue();

                 intent.putExtra(key, val);

             }

         }

         context.startActivity(intent);

     }

 }

布局：

 <?xml version="1.0" encoding="utf-8"?>

 <RelativeLayout

     xmlns:android="http://schemas.android.com/apk/res/android"

     xmlns:tools="http://schemas.android.com/tools"

     android:layout_width="match_parent"

     android:layout_height="match_parent"

     android:paddingBottom="@dimen/activity_vertical_margin"

     android:paddingLeft="@dimen/activity_horizontal_margin"

     android:paddingRight="@dimen/activity_horizontal_margin"

     android:paddingTop="@dimen/activity_vertical_margin"

     tools:context="com.wingsofts.magicwindowdemo.SplashActivity"

     >

 <TextView

     android:textSize="30sp"

     android:text="我是引导页！！"

     android:layout_centerInParent="true"

     android:layout_width="wrap_content"

     android:layout_height="wrap_content"

     />

 </RelativeLayout>

代码上面的我都有注释，在这里需要注意的是，传递参数的话一定要配置好，否则会出现错误。





												


											
从外部浏览开启app的更多相关文章
	

    
								
  1. 分享一个微信自动跳转外部浏览器下载app的api接口！
		
    现在微信渠道可以说是拉新最快的渠道,因为微信具备强裂变性.但是目前微信对第三方下载链接的拦截是越来越严格了,那么想要在微信内肆无忌惮地推广链接就需要用到微信跳转浏览器的接口,那如何获取该接口呢?    ...
    
		
    2. 
						
  2. Sharepoint 2013 开启App和配置App
		
    在任何站点中,点Add App,然后点Sharepoint Store,如果没有Enable apps,打开app store的时候出出现错误: Sorry, apps are turned off. ...
    
		
    3. 
						
  3. CentOS7上解决tomcat不能被外部浏览访问的问题？
		
    在linux上开启的tomcat使用浏览器访问不了.主要原因在于防火墙的存在,导致的端口无法访问. CentOS7使用firewall而不是iptables.所以解决这类问题可以通过添加firewal ...
    
		
    4. 
						
  4. 2019微信浏览器跳转外部浏览器下载app打开任意站实现方法
		
    很多朋友问我怎么解决微信内点击链接或扫描二维码可以直接跳出微信在外部浏览器打开网页链接和下载APP,其实这并不难,只要我们实现微信跳转功能即可.下面给大家介绍这个功能 方案实现教程: 功能目的 生成微 ...
    
		
    5. 
						
  5. 微信跳转外部浏览器下载app
		
    很多朋友问我怎么解决微信内点击链接或扫描二维码可以直接跳出微信在外部浏览器打开网页链接和下载APP,其实这并不难,只要我们实现微信跳转功能即可.下面给大家介绍这个功能 方案实现教程:http://sk ...
    
		
    6. 
						
  6. ios外部链接或者app唤起自己的app
		
    唤起自己的app,其实都是通过链接,关于这个需要了解下scheme,自己和调用方对接下协议,这里只是说明下到自己app指定页的问题 唤起自己的app分为两种情况 一.自己的app已经启动,那么唤起自己 ...
    
		
    7. 
						
  7. [Android]有关外部链接唤醒App需要注意的坑
		
    移动互联网发展到今天,一个移动app需要和各种各样的外部链接关联,它不再仅仅从手机的桌面启动,更多的将会从其他的应用.浏览器链接.短信.二维码或者微信分享等渠道启动,这里涉及到的是各种各样的营销渠道和 ...
    
		
    8. 
						
  8. 微信跳转外部浏览器下载app原理
		
    在我们使用微信营销的时候,很容易碰到推广连接在微信内无法打开或无法下载app的情况.通常这种情况微信会给个提示 “已停止访问该网址” ,那么导致这个情况的因素有哪些呢,主要有以下三点 1.网页链接被举 ...
    
		
    9. 
						
  9. Sharepoint 开启App 配置App
		
    如果没有Enable app,打开app store的时候出出现错误: Sorry, apps are turned off. If you know who runs the server, tel ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. SQL汉字转拼音函数-支持首字母、全拼
			
    SQL汉字转拼音函数-支持首字母.全拼 FROM :http://my.oschina.net/ind/blog/191659 作者不详 --方法一sqlserver汉字转拼音首字母 --调用方法 s ...
    
			
    2. 
						
  2. [Machine Learning & Algorithm]CAML机器学习系列1：深入浅出ML之Regression家族
			
    声明:本博客整理自博友@zhouyong计算广告与机器学习-技术共享平台,尊重原创,欢迎感兴趣的博友查看原文. 符号定义 这里定义<深入浅出ML>系列中涉及到的公式符号,如无特殊说明,符号 ...
    
			
    3. 
						
  3. HDOJ 4770 Lights Against Dudely
			
    状压+暴力搜索 Lights Against Dudely Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K  ...
    
			
    4. 
						
  4. PHP收藏
			
    PHP打印测试,PHP调试技巧    PHP header函数使用大全    PHP面向对象(OOP)编程入门教程 小片段: PHP保留2位小数 格式化小数.浮点数 header('Content-T ...
    
			
    5. 
						
  5. android 弹出AlertDialog的学习案例
			
    我在编写的时候,测试的关键代码: AlertDialog.Builder builder=new AlertDialog.Builder(MainPointListActivity.this); bu ...
    
			
    6. 
						
  6. secureCRT The remote system refused the connection.
			
    转 http://blog.csdn.net/lifengxun20121019/article/details/13627757 我在实践远程登录工具SecureCRT的时候遇到了这个问题 Ubun ...
    
			
    7. 
						
  7. CentOS光盘挂载命令以及安装软件
			
    最近又学习了一个命令:mount 挂载命令,我们在安装软件的时候,直接敲命令install 包名,但是这里其实是联网安装的, 如果使用光盘,从本地安装就要使用mount命令. 1.我的linux系统是 ...
    
			
    8. 
						
  8. UOJ#213——【UNR #1】争夺圣杯
			
    1.题意:给一个序列,枚举长度x,然后在这个序列中所有长度为x的区间,我们求出这些区间的最大值之和并取模,最后将所有的异或起来就好啦 2.分析:听说好多人写的 ,特来写一发 的算法骗访问量 话说这个东 ...
    
			
    9. 
						
  9. Sicily 1150: 简单魔板（BFS）
			
    此题可以使用BFS进行解答,使用8位的十进制数来储存魔板的状态,用BFS进行搜索即可 #include <bits/stdc++.h> using namespace std; int o ...
    
			
    10. 
						
  10. CSS & JS 制作滚动幻灯片
			
    ==================纯CSS方式==================== <!DOCTYPE html> <html> <head> <met ...
    
			
    11.