什么是Scheme
Android的scheme是一种页面内跳转的协议,是一种非常好的实现机制,通过定义自己的scheme协议,可以非常方便的跳转APP中的各个页面;通过scheme协议,服务器可以定制化的告诉APP跳转哪个界面,可以用个通过通知栏的消息,定制化的跳转页面,也可以通过H5页面跳转。
应用场景
- cs交互,服务器下发跳转路径,客户端根据服务端的参数跳转到相应的界面
- js交互,H5页面点击描点,客户端根据描点跳转相应界面
- 通知栏跳转,客户端根据通知栏的消息定制化的跳转到界面
- 不同应用间跳转,APP根据URL跳转到另一个APP的相应界面
协议格式
scheme 协议分为:scheme,host,port,query,path
zr1://test:8080/zr?id=9&name=hello
现在具体路径分析下:
- scheme : zr1
- host:test
- port:8080
- path:zr
- query:id=9&name=hello
下面通过js交互的demo来应用和学习scheme。
js 页面编写
在项目工程中的main文件夹下新建assets文件夹,创建js.html,输入以下内容
<html>
<head>
<meta http-equiv="content-type" content="text/html ;charset=utf-8">
<title></title>
<script type="text/javascript">
//这个方式是被java调用的
function androidCallJs(){
alert("android调用js弹窗");
}
</script>
</head>
<body>
<input type="button" onclick="scheme.startActivity('zr://test:8080/zr?id=9&name=hello')"
value="跳转1"/>
<input type="button" onclick="scheme.startActivity('zr1://test:8080/zr?id=9&name=hello')"
value="跳转2"/>
<a href="zr1://test:8080/zr?id=9&name=hello">直接打开2</a>
</body>
</html>
js交互设置
mWebview = (WebView) findViewById(R.id.webview);
WebSettings mWebSetting = mWebview.getSettings();
//允许js弹窗
mWebSetting.setJavaScriptCanOpenWindowsAutomatically(true);
// 允许js交互
mWebSetting.setJavaScriptEnabled(true);
mWebview.loadUrl("file:///android_asset/js.html");
/**
* 启动一个目标Activity的context是非Activity类型,
* 如果想要正确启动目标Activity需要设置TAG Task,即FLAG_ACTIVITY_NEW_TASK。
* 其实,意思是,如果我们想要启动一个Activity,启动它的context必须要有一个任务栈。
*/
mWebview.addJavascriptInterface(new JsInterFace(getApplicationContext()), "scheme");
findViewById(R.id.btnLoad).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
mWebview.post(new Runnable() {
@Override
public void run() {
mWebview.loadUrl("javascript:androidCallJs('hello world')");
}
});
}
});
/**
*
* 由于设置了弹窗检验调用结果,所以需要支持js对话框
* webview只是载体,内容的渲染需要使用webviewChromClient类去实现
* 通过设置WebChromeClient对象处理JavaScript的对话框
* 设置响应js 的Alert()函数
*/
mWebview.setWebChromeClient(new WebChromeClient() {
@Override
public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {
AlertDialog.Builder b = new AlertDialog.Builder(SchemeMainActivity.this);
b.setTitle("android");
b.setMessage(message);
b.setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
result.confirm();
}
});
b.setCancelable(false);
b.create().show();
return true;
}
});
}
public class JsInterFace {
private Context mContext;
public JsInterFace(Context mContext) {
this.mContext = mContext;
}
@JavascriptInterface
public void startActivity(String url) {
Intent mIntent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
mIntent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
mContext.startActivity(mIntent);
}
}
如果webView传入JsInterFace的上下文对象是本身this,则不需要新开一个任务堆栈,如果传入的是getApplicationContext,则需要新开启一个任务堆栈,否则无法跳转界面。
AndroidManifast配置activity
<activity android:name=".SchemeActivity">
<intent-filter>
<data
android:host="test"
android:path="/zr"
android:port="8080"
android:scheme="zr" />
<!--为了接收到隐式的intent,必须在intent filter中包含android.intent.category.DEFAULT ,
startActivity() 和startActivityForResult()方法处理所有的intent都假设他们声明了android.intent.category.DEFAULT。
如果你不申明CATEGORY_DEFAULT category,没有任何隐式的intent将处理你的activity。
-->
<category android:name="android.intent.category.DEFAULT" />
<action android:name="android.intent.action.VIEW" />
<!--指定该activity能被浏览器安全调用-->
<category android:name="android.intent.category.BROWSABLE" />
</intent-filter>
</activity>
至此,通过js交互的,scheme配置,隐式启动activity的功能实现。