Skip to content

Commit ac010ec

Browse files
gwppgwpp
committed
Android demo OK
1 parent be369fc commit ac010ec

39 files changed

+1040
-0
lines changed

‎.gitignore

+2
Original file line numberDiff line numberDiff line change
@@ -27,3 +27,5 @@ iOSInjectionProject/
2727
iOS/.idea
2828
iOS/Pods
2929
iOS/Podfile.lock
30+
31+
Android/.idea

‎Android/.gitignore

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
*.iml
2+
.gradle
3+
/local.properties
4+
/.idea/workspace.xml
5+
/.idea/libraries
6+
.DS_Store
7+
/build
8+
/captures
9+
.externalNativeBuild

‎Android/app/.gitignore

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
/build

‎Android/app/build.gradle

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
apply plugin: 'com.android.application'
2+
3+
android {
4+
compileSdkVersion 26
5+
defaultConfig {
6+
applicationId "com.ganwenpeng.jsbridge"
7+
minSdkVersion 19
8+
targetSdkVersion 26
9+
versionCode 1
10+
versionName "1.0"
11+
testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
12+
}
13+
buildTypes {
14+
release {
15+
minifyEnabled false
16+
proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
17+
}
18+
}
19+
}
20+
21+
dependencies {
22+
implementation fileTree(dir: 'libs', include: ['*.jar'])
23+
implementation 'com.android.support:appcompat-v7:26.1.0'
24+
implementation 'com.android.support.constraint:constraint-layout:1.0.2'
25+
testImplementation 'junit:junit:4.12'
26+
androidTestImplementation 'com.android.support.test:runner:1.0.1'
27+
androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.1'
28+
29+
// View层：Butter Knife
30+
implementation 'com.jakewharton:butterknife:8.8.1'
31+
annotationProcessor 'com.jakewharton:butterknife-compiler:8.8.1'
32+
33+
// 支持JsBridge的WebView
34+
implementation 'com.github.lzyzsd:jsbridge:1.0.4'
35+
36+
// gson
37+
implementation 'com.google.code.gson:gson:2.8.2'
38+
}

‎Android/app/proguard-rules.pro

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
# Add project specific ProGuard rules here.
2+
# You can control the set of applied configuration files using the
3+
# proguardFiles setting in build.gradle.
4+
#
5+
# For more details, see
6+
# http://developer.android.com/guide/developing/tools/proguard.html
7+
8+
# If your project uses WebView with JS, uncomment the following
9+
# and specify the fully qualified class name to the JavaScript interface
10+
# class:
11+
#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
12+
# public *;
13+
#}
14+
15+
# Uncomment this to preserve the line number information for
16+
# debugging stack traces.
17+
#-keepattributes SourceFile,LineNumberTable
18+
19+
# If you keep the line number information, uncomment this to
20+
# hide the original source file name.
21+
#-renamesourcefileattribute SourceFile

‎Android/app/src/androidTest/java/com/ganwenpeng/jsbridge/ExampleInstrumentedTest.java

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
package com.ganwenpeng.jsbridge;
2+
3+
import android.content.Context;
4+
import android.support.test.InstrumentationRegistry;
5+
import android.support.test.runner.AndroidJUnit4;
6+
7+
import org.junit.Test;
8+
import org.junit.runner.RunWith;
9+
10+
import static org.junit.Assert.*;
11+
12+
/**
13+
* Instrumented test, which will execute on an Android device.
14+
*
15+
* @see <a href="http://d.android.com/tools/testing">Testing documentation</a>
16+
*/
17+
@RunWith(AndroidJUnit4.class)
18+
public class ExampleInstrumentedTest {
19+
@Test
20+
public void useAppContext() throws Exception {
21+
// Context of the app under test.
22+
Context appContext = InstrumentationRegistry.getTargetContext();
23+
24+
assertEquals("com.ganwenpeng.jsbridge", appContext.getPackageName());
25+
}
26+
}

‎Android/app/src/main/AndroidManifest.xml

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
3+
package="com.ganwenpeng.jsbridge">
4+
5+
<!--网络-->
6+
<uses-permission android:name="android.permission.INTERNET"/>
7+
8+
9+
<application
10+
android:allowBackup="true"
11+
android:icon="@mipmap/ic_launcher"
12+
android:label="@string/app_name"
13+
android:roundIcon="@mipmap/ic_launcher_round"
14+
android:supportsRtl="true"
15+
android:theme="@style/AppTheme">
16+
17+
<!--首页-->
18+
<activity android:name=".MainActivity">
19+
<intent-filter>
20+
<action android:name="android.intent.action.MAIN" />
21+
22+
<category android:name="android.intent.category.LAUNCHER" />
23+
</intent-filter>
24+
</activity>
25+
26+
<!--BridgeWebViewActivity-->
27+
<activity android:name=".BridgeWebViewActivity" android:screenOrientation="portrait"/>
28+
</application>
29+
</manifest>

‎Android/app/src/main/assets/jsbridge-test.html

+124
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,124 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>JSBridge Test</title>
5+
<meta charset="UTF-8">
6+
<meta name="viewport"
7+
content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
8+
<script type="text/javascript" src="https://cdn.staticfile.org/jquery/1.12.4/jquery.js"></script>
9+
10+
<style type="text/css">
11+
.btn {
12+
background-color: #aaa;
13+
height: 40px;
14+
margin: 10px;
15+
}
16+
17+
#response {
18+
background: #eeeeee;
19+
word-wrap: break-word;
20+
display: block;
21+
outline: 1px solid #ccc;
22+
padding: 5px;
23+
margin: 5px;
24+
}
25+
</style>
26+
</head>
27+
<body>
28+
<button class="btn" id="getOS">获取当前操作系统</button>
29+
<button class="btn" id="login">发起登录</button>
30+
31+
<pre id="response"></pre>
32+
33+
<script type="text/javascript">
34+
/**
35+
* 初始化jsbridge
36+
* @param readyCallback 初始化完成后的回调
37+
*/
38+
function initJsBridge(readyCallback) {
39+
var u = navigator.userAgent;
40+
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
41+
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
42+
43+
// 注册jsbridge
44+
function connectWebViewJavascriptBridge(callback) {
45+
if (isAndroid) {
46+
if (window.WebViewJavascriptBridge) {
47+
callback(WebViewJavascriptBridge)
48+
} else {
49+
document.addEventListener(
50+
'WebViewJavascriptBridgeReady'
51+
, function () {
52+
callback(WebViewJavascriptBridge)
53+
},
54+
false
55+
);
56+
}
57+
return;
58+
}
59+
60+
if (isiOS) {
61+
if (window.WebViewJavascriptBridge) {
62+
return callback(WebViewJavascriptBridge);
63+
}
64+
if (window.WVJBCallbacks) {
65+
return window.WVJBCallbacks.push(callback);
66+
}
67+
window.WVJBCallbacks = [callback];
68+
var WVJBIframe = document.createElement('iframe');
69+
WVJBIframe.style.display = 'none';
70+
WVJBIframe.src = 'https://__bridge_loaded__';
71+
document.documentElement.appendChild(WVJBIframe);
72+
setTimeout(function () {
73+
document.documentElement.removeChild(WVJBIframe)
74+
}, 0)
75+
}
76+
}
77+
78+
// 调用注册方法
79+
connectWebViewJavascriptBridge(function (bridge) {
80+
if (isAndroid) {
81+
bridge.init(function (message, responseCallback) {
82+
console.log('JS got a message', message);
83+
responseCallback(data);
84+
});
85+
}
86+
readyCallback();
87+
});
88+
}
89+
90+
/**
91+
* 显示响应信息
92+
* @param response 响应信心
93+
*/
94+
function showResponse(response) {
95+
$('#response').text(response);
96+
}
97+
98+
/**
99+
* jQuery
100+
*/
101+
$(function () {
102+
// 首先调用JSBridge初始化代码，完成后再设置其他
103+
initJsBridge(function () {
104+
$("#getOS").click(function () {
105+
// 通过JsBridge调用原生方法，写法固定，第一个参数时方法名，第二个参数时传入参数，第三个参数时响应回调
106+
window.WebViewJavascriptBridge.callHandler('getOS', null, function (response) {
107+
showResponse(response);
108+
});
109+
});
110+
111+
$('#login').click(function () {
112+
// 通过JsBridge调用原生方法，写法固定，第一个参数时方法名，第二个参数时传入参数，第三个参数时响应回调
113+
window.WebViewJavascriptBridge.callHandler('login', {
114+
"account": "18000000000",
115+
"password": "123456"
116+
}, function (response) {
117+
showResponse(response);
118+
});
119+
});
120+
})
121+
});
122+
</script>
123+
</body>
124+
</html>

‎Android/app/src/main/java/com/ganwenpeng/jsbridge/BridgeWebViewActivity.java

+89
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,89 @@
1+
package com.ganwenpeng.jsbridge;
2+
3+
import android.os.Bundle;
4+
import android.support.v7.app.AppCompatActivity;
5+
import android.text.TextUtils;
6+
7+
import com.ganwenpeng.jsbridge.bean.JsBridgeResponse;
8+
import com.ganwenpeng.jsbridge.bean.LoginBean;
9+
import com.github.lzyzsd.jsbridge.BridgeHandler;
10+
import com.github.lzyzsd.jsbridge.BridgeWebView;
11+
import com.github.lzyzsd.jsbridge.CallBackFunction;
12+
import com.google.gson.Gson;
13+
import com.google.gson.JsonSyntaxException;
14+
15+
import java.util.HashMap;
16+
17+
import butterknife.BindView;
18+
import butterknife.ButterKnife;
19+
import butterknife.Unbinder;
20+
21+
public class BridgeWebViewActivity extends AppCompatActivity {
22+
23+
@BindView(R.id.web)
24+
BridgeWebView mWebView;
25+
private Unbinder mUnbinder;
26+
27+
@Override
28+
protected void onCreate(Bundle savedInstanceState) {
29+
super.onCreate(savedInstanceState);
30+
setContentView(R.layout.activity_bridge_webview);
31+
mUnbinder = ButterKnife.bind(this);
32+
33+
initWebView();
34+
35+
mWebView.loadUrl("file:///android_asset/jsbridge-test.html");
36+
}
37+
38+
private void initWebView() {
39+
mWebView.registerHandler("getOS", new BridgeHandler() {
40+
@Override
41+
public void handler(String data, CallBackFunction function) {
42+
HashMap<String, Object> dataMap = new HashMap<>();
43+
dataMap.put("os", "android");
44+
45+
JsBridgeResponse response = new JsBridgeResponse(0, "", dataMap);
46+
function.onCallBack(new Gson().toJson(response));
47+
}
48+
});
49+
50+
mWebView.registerHandler("login", new BridgeHandler() {
51+
@Override
52+
public void handler(String data, CallBackFunction function) {
53+
Gson gson = new Gson();
54+
55+
if (TextUtils.isEmpty(data)) {
56+
JsBridgeResponse response = new JsBridgeResponse(-1, "调用参数有误", null);
57+
function.onCallBack(gson.toJson(response));
58+
return;
59+
}
60+
61+
LoginBean loginBean;
62+
try {
63+
loginBean = gson.fromJson(data, LoginBean.class);
64+
} catch (JsonSyntaxException e) {
65+
return;
66+
}
67+
if (loginBean == null) {
68+
JsBridgeResponse response = new JsBridgeResponse(-1, "调用参数有误", null);
69+
function.onCallBack(gson.toJson(response));
70+
return;
71+
}
72+
73+
JsBridgeResponse response = new JsBridgeResponse(0, "登录成功", String.format("执行登录操作，账号为：%s、密码为：%s", loginBean.getAccount(), loginBean.getPassword()));
74+
function.onCallBack(gson.toJson(response));
75+
}
76+
});
77+
}
78+
79+
80+
@Override
81+
protected void onDestroy() {
82+
super.onDestroy();
83+
84+
if (mUnbinder != null) {
85+
mUnbinder.unbind();
86+
mUnbinder = null;
87+
}
88+
}
89+
}

‎Android/app/src/main/java/com/ganwenpeng/jsbridge/MainActivity.java

+43
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
package com.ganwenpeng.jsbridge;
2+
3+
import android.content.Intent;
4+
import android.os.Bundle;
5+
import android.support.v7.app.AppCompatActivity;
6+
import android.widget.TextView;
7+
8+
import butterknife.BindView;
9+
import butterknife.ButterKnife;
10+
import butterknife.OnClick;
11+
import butterknife.Unbinder;
12+
13+
public class MainActivity extends AppCompatActivity {
14+
15+
@BindView(R.id.tv_bridge_webview)
16+
TextView mTvBridgeWebview;
17+
18+
private Unbinder mUnbinder;
19+
20+
@Override
21+
protected void onCreate(Bundle savedInstanceState) {
22+
super.onCreate(savedInstanceState);
23+
setContentView(R.layout.activity_main);
24+
mUnbinder = ButterKnife.bind(this);
25+
}
26+
27+
@OnClick(R.id.tv_bridge_webview)
28+
public void onBridgeWebViewClick() {
29+
Intent intent = new Intent(this, BridgeWebViewActivity.class);
30+
startActivity(intent);
31+
32+
}
33+
34+
@Override
35+
protected void onDestroy() {
36+
super.onDestroy();
37+
38+
if (mUnbinder != null) {
39+
mUnbinder.unbind();
40+
mUnbinder = null;
41+
}
42+
}
43+
}

0 commit comments

Comments
 (0)