从外部浏览开启app

先描述一下需求：从浏览器中点击某个按钮，如果手机上装有相应的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的更多相关文章

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

随机推荐

C# 如何强制关闭WINWORD进程
private void KillProcess(string processName) //调用方法,传参{try{ Process[] thisproc = Process.GetProcesse ...
总结：JSP几种提交表单方法
问题描述: 最近进了一家“老公司”工作,说他老不是说他成立的早,是因为他的编程框架太l.......low了.EJB的规范模式,使用是IBM经过Eclipse二次开发出来的RAD(Rational A ...
mac显示隐藏文件
苹果Mac OS X操作系统下,隐藏文件是否显示有很多种设置方法,最简单的要算在Mac终端输入命令. 显示/隐藏Mac隐藏文件命令如下(注意其中的空格并且区分大小写): 第一种显示Mac隐藏文件的命 ...
【11-10】spring学习笔记-ApplicationContextAware
package util; /** * @author aloha_world_ * @date 2016年11月10日下午7:50:08 * @version v1.00 * @descripti ...
Kali 开机报错解决方案
问题一: piix4_smbus ::007.3: Host SMBus controller not enabled 解决:打开 /etc/modprobe.d/blacklist.conf 末尾加 ...
Redis启动多端口、运行多实例
默认Redis程序安装在/usr/local/redis目录下: 配置文件:/usr/local/redis/redis.conf,该配置文件中配置的端口为默认端口:6379: Redis的启动命令路 ...
excel链接sharepoint 用于 Excel 的 Microsoft Power Query
https://www.microsoft.com/zh-cn/download/confirmation.aspx?id=39379
iOS Swift的一些小知识（不断补充）
1. 在swift文件里是不能写c语言函数的,不兼容c,直接报错.想调用c语言函数,就要利用系统提供的桥接功能,就如同swfit中调用oc一样! 2.swift 2.0后提供了@convention( ...
Content-disposition
今天查看Struts2的文件上传部分发现有个例子开头打印的信息中有Content-Disposition,一时好奇,所以了解了一下.顺便学习一下文件上传所需要的注意事项. Content-dispo ...
解决上一篇jquery中on的疑惑
内容都是来自:http://www.365mini.com/page/jquery-on.htm.这里做一下收藏.文章的最后疑问和解答可以解决所有的疑惑看了之后能更好的整篇文章. on()函数 ...

从外部浏览开启app

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

随机推荐

热门专题