脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → Android → 从外部浏览开启Android App

如何从外部浏览开启Android App

 更新时间：2021年06月08日 14:32:30   作者：handsome黄  
从浏览器中点击某个按钮，如果手机上装有相应的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>

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

以上就是如何从外部浏览开启Android App的详细内容，更多关于从外部浏览开启Android App的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

相关文章

  • Android网络连接判断与相关处理

    Android网络连接判断与相关处理

    这篇文章主要为大家详细介绍了Android网络连接判断操作，帮助大家判断WIFI网络是否可用，判断MOBILE网络是否可用，感兴趣的小伙伴们可以参考一下
    2016-08-08
  • Android仿百度外卖自定义下拉刷新效果

    Android仿百度外卖自定义下拉刷新效果

    大家在使用百度外卖的订餐的时候，会看到有个下拉刷新功能非常不错，今天小编就通过代码给大家介绍android仿百度外卖自定义下拉刷新，感兴趣的朋友一起学习吧
    2016-04-04
  • Kotlin中空判断与问号和感叹号标识符使用方法

    Kotlin中空判断与问号和感叹号标识符使用方法

    最近使用kotlin重构项目,遇到了一个小问题,在Java中,可能会遇到判断某个对象是否为空,为空执行一段逻辑,不为空执行另外一段逻辑,下面这篇文章主要给大家介绍了关于Kotlin中空判断与问号和感叹号标识符处理操作的相关资料,需要的朋友可以参考下
    2022-12-12
  • Input系统截断策略的分析与应用详解

    Input系统截断策略的分析与应用详解

    这篇文章主要为大家介绍了Input系统截断策略的分析与应用详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-02-02
  • Android高效加载大图、多图解决方案 有效避免程序OOM

    Android高效加载大图、多图解决方案 有效避免程序OOM

    这篇文章主要为大家详细介绍了Android高效加载大图、多图解决方案，有效避免程序OOM,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-10-10
  • Android开发方式之Java+html+javascript混合开发

    Android开发方式之Java+html+javascript混合开发

    这篇文章主要为大家详细介绍了Android开发方式的其中一种Java+html+javascript混合开发，感兴趣的小伙伴们可以参考一下
    2016-06-06
  • 轻松实现Android指南针功能

    轻松实现Android指南针功能

    这篇文章主要介绍了轻松实现Android指南针功能的几个关键步骤，想要实现指南针功能的朋友不要错过
    2015-12-12
  • Android中创建一个透明的进度对话框实例

    Android中创建一个透明的进度对话框实例

    这篇文章主要介绍了Android中创建一个透明的进度对话框实例,需要的朋友可以参考下
    2014-05-05
  • SimpleCommand框架介绍以及简单使用(一)

    SimpleCommand框架介绍以及简单使用(一)

    这篇文章主要为大家详细介绍了SimpleCommand框架以及简单使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-10-10
  • Android学习之文件存储读取

    Android学习之文件存储读取

    本节给大家介绍的是Android数据存储与访问方式中的一个——文件存储与读写，当然除了这种方式外，我们可以存到SharedPreference，数据库， 或者ContentProvider中，当然这些后面都会讲，嗯，开始本文内容~
    2016-07-07

最新评论