├── .gitignore ├── README.md ├── build.gradle ├── doc ├── js-bridge-circle.png ├── js-bridge-register.png └── js-bridge-rpc.png ├── docs ├── index.html └── todo.md ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── js-bridge-demo ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ └── main │ ├── AndroidManifest.xml │ ├── assets │ ├── index.html │ ├── my-sdk.js │ └── page2.html │ ├── java │ └── dev │ │ └── xesam │ │ └── android │ │ └── web │ │ └── jsbridge │ │ └── demo │ │ ├── MainActivity.java │ │ ├── Tip.java │ │ ├── User.java │ │ └── UserHandler.java │ └── res │ ├── drawable │ ├── ic_launcher.png │ └── side_nav_bar.xml │ ├── layout │ └── activity_main.xml │ └── values │ ├── colors.xml │ ├── dimens.xml │ ├── drawables.xml │ ├── strings.xml │ └── styles.xml ├── js-bridge.debug.js ├── js-bridge ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── dev │ │ └── xesam │ │ └── android │ │ └── web │ │ └── jsbridge │ │ ├── JsBridgeTest.java │ │ └── TransactInfoAndroidTest.java │ └── main │ ├── AndroidManifest.xml │ ├── assets │ └── js-bridge.js │ └── java │ └── dev │ └── xesam │ └── android │ └── web │ └── jsbridge │ ├── ClientCallback.java │ ├── ClientProxy.java │ ├── JsBridge.java │ ├── JsExecutor.java │ ├── Marshallable.java │ ├── MarshallableObject.java │ ├── MarshallableString.java │ ├── ServerCallback.java │ ├── ServerHandler.java │ ├── ServerProxy.java │ ├── SimpleServerHandler.java │ └── TransactInfo.java └── settings.gradle /.gitignore: -------------------------------------------------------------------------------- 1 | *.iml 2 | .gradle 3 | /local.properties 4 | /.idea 5 | /.idea/workspace.xml 6 | /.idea/libraries 7 | .DS_Store 8 | /build 9 | /captures 10 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # JsBridge 2 | ## 简介 3 | 4 | Android JsBridge 就是用来在 Android app的原生 java 代码与 javascript 代码中架设通信（调用）桥梁的辅助工具。 5 | 6 | [原文地址点这里](http://xesam.github.io/android/2016/04/11/Android-%E5%A6%82%E4%BD%95%E5%86%99%E4%B8%80%E4%B8%AAJsBridge.html) 7 | 8 | [github点这里](https://github.com/xesam/JsBridge) 9 | 10 | [使用方式戳这里](#anchor_usage) 11 | 12 | 有问题请联系 [xesam](http://xesam.github.io/about/) 13 | 14 | 或者 QQ 群 315658668 15 | 16 | ## 原理概述 17 | 18 | 参见 ： [https://xesam.github.io/android/2016/04/11/Android-%E5%A6%82%E4%BD%95%E5%86%99%E4%B8%80%E4%B8%AAJsBridge.html](https://xesam.github.io/android/2016/04/11/Android-%E5%A6%82%E4%BD%95%E5%86%99%E4%B8%80%E4%B8%AAJsBridge.html) 19 | 20 | ## 使用 21 | 22 | ```gradle 23 | allprojects { 24 | repositories { 25 | ... 26 | maven { url 'https://jitpack.io' } 27 | } 28 | } 29 | ``` 30 | 31 | ```gradle 32 | dependencies { 33 | ... 34 | compile 'com.github.xesam:JsBridge:0.1' 35 | } 36 | ``` 37 | 38 | ## 使用方式 39 | 40 | 41 | ### 必要配置 42 | 43 | 请在对应的 html 页面中引入 44 | 45 | ```html 46 | 47 | ``` 48 | 49 | js-bridge.js 地址参见:[https://github.com/xesam/JsBridge/blob/master/js-bridge/src/main/assets/js-bridge.js](https://github.com/xesam/JsBridge/blob/master/js-bridge/src/main/assets/js-bridge.js) 50 | 51 | ### Java 环境 52 | 53 | 初始化 JsBridge: 54 | 55 | ```java 56 | jsBridge = new JsBridge(vWebView); 57 | ``` 58 | 59 | 加入 url 监控： 60 | 61 | ```java 62 | vWebView.setWebViewClient(new WebViewClient() { 63 | 64 | @Override 65 | public void onPageFinished(WebView view, String url) { 66 | super.onPageFinished(view, url); 67 | Log.e("onPageFinished", url); 68 | jsBridge.monitor(url); 69 | } 70 | }); 71 | ``` 72 | 73 | Java 注册处理方法： 74 | 75 | ```java 76 | jsBridge.register(new SimpleServerHandler("showPackageName") { 77 | @Override 78 | public void handle(String param, ServerCallback serverCallback) { 79 | new Handler(Looper.getMainLooper()).post(new Runnable() { 80 | @Override 81 | public void run() { 82 | String packageName = getPackageName(); 83 | Tip.showTip(getApplicationContext(), "showPackageName:" + packageName); 84 | } 85 | }); 86 | } 87 | }); 88 | ``` 89 | 90 | Java 在处理方法中回调 Javascript： 91 | 92 | ```java 93 | 94 | @Override 95 | public void handle(final String param, final ServerCallback serverCallback) { 96 | new Handler(Looper.getMainLooper()).post(new Runnable() { 97 | @Override 98 | public void run() { 99 | User user = getUser(); 100 | Map map = new Gson().fromJson(param, Map.class); 101 | String prefix = map.get("name_prefix"); 102 | Tip.showTip(mContext, "user.getName():" + prefix + "/" + user.getName()); 103 | if ("standard_error".equals(prefix)) { 104 | Map map1 = new HashMap<>(); 105 | map1.put("msg", "get user failed"); 106 | String userMarshalling = new Gson().toJson(map1); 107 | serverCallback.invoke("fail", new MarshallableObject(userMarshalling)); 108 | } else { 109 | String userMarshalling = new Gson().toJson(user); 110 | serverCallback.invoke("success", new MarshallableObject(userMarshalling)); 111 | } 112 | } 113 | }); 114 | } 115 | ``` 116 | 117 | Java 执行 Js 函数： 118 | 119 | ```java 120 | 121 | jsBridge.invoke("jsFn4", new MarshallableString("yellow"), new ClientCallback() { 122 | @Override 123 | public void onReceiveResult(String invokeName, final String invokeParam) { 124 | if ("success".equals(invokeName)) { 125 | 126 | new Handler(Looper.getMainLooper()).post(new Runnable() { 127 | @Override 128 | public void run() { 129 | Tip.showTip(getApplicationContext(), invokeParam); 130 | } 131 | }); 132 | } 133 | } 134 | 135 | @Override 136 | public String getResult(String param) { 137 | return param; 138 | } 139 | }); 140 | ``` 141 | 142 | 销毁 JsBridge 143 | 144 | ```java 145 | @Override 146 | protected void onDestroy() { 147 | super.onDestroy(); 148 | jsBridge.destroy(); 149 | } 150 | ``` 151 | 152 | ### Javascript 环境 153 | Javascript 的灵活性比较高，所以要简单一些： 154 | 155 | Javascript 注册处理函数： 156 | 157 | ```javascript 158 | window.JavaBridge.serverRegister('jsFn4', function (transactInfo, color) { 159 | log("jsFn4:" + color); 160 | title.style.background = color; 161 | log("jsFn4:callback"); 162 | transactInfo.triggerCallback('success', 'background change to ' + color); 163 | }); 164 | ``` 165 | 166 | Javascript 执行 Java 方法： 167 | 168 | ```javascript 169 | 170 | var sdk = { 171 | getUser: function (params) { 172 | var _invokeName = 'getUser'; 173 | var _invokeParam = params; 174 | var _clientCallback = params; 175 | window.JavaBridge.invoke(_invokeName, _invokeParam, _clientCallback); 176 | } 177 | }; 178 | 179 | sdk.getUser({ 180 | "name_prefix": "standard_error", 181 | "success": function (user) { 182 | log('sdk.getUser,success:' + user.name); 183 | }, 184 | "fail": function (error) { 185 | log('sdk.getUser,fail:' + error.msg); 186 | } 187 | }) 188 | ``` 189 | 190 | 详细 Demo 请参见 [js-bridge-demo](https://github.com/xesam/JsBridge) 工程 191 | 192 | -------------------------------------------------------------------------------- /build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | repositories { 5 | jcenter() 6 | google() 7 | } 8 | dependencies { 9 | classpath 'com.android.tools.build:gradle:3.0.1' 10 | 11 | // NOTE: Do not place your application dependencies here; they belong 12 | // in the individual module build.gradle files 13 | } 14 | } 15 | 16 | allprojects { 17 | repositories { 18 | jcenter() 19 | google() 20 | } 21 | } 22 | 23 | task clean(type: Delete) { 24 | delete rootProject.buildDir 25 | } 26 | -------------------------------------------------------------------------------- /doc/js-bridge-circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xesam/JsBridge/0b49d7dec3627834187da430aaf5e32ac64def28/doc/js-bridge-circle.png -------------------------------------------------------------------------------- /doc/js-bridge-register.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xesam/JsBridge/0b49d7dec3627834187da430aaf5e32ac64def28/doc/js-bridge-register.png -------------------------------------------------------------------------------- /doc/js-bridge-rpc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xesam/JsBridge/0b49d7dec3627834187da430aaf5e32ac64def28/doc/js-bridge-rpc.png -------------------------------------------------------------------------------- /docs/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xesam/JsBridge/0b49d7dec3627834187da430aaf5e32ac64def28/docs/index.html -------------------------------------------------------------------------------- /docs/todo.md: -------------------------------------------------------------------------------- 1 | ## [js] invoke java function 2 | 3 | Bridge.invoke(fn_name, [params], callback) 4 | 5 | ## [java] invoke js function 6 | 7 | Bridge.invoke(fn_name, [params], callback) 8 | 9 | -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | # Default value: -Xmx10248m -XX:MaxPermSize=256m 13 | # org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 14 | 15 | # When configured, Gradle will run in incubating parallel mode. 16 | # This option should only be used with decoupled projects. More details, visit 17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 18 | # org.gradle.parallel=true -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xesam/JsBridge/0b49d7dec3627834187da430aaf5e32ac64def28/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Mon Jan 08 01:18:41 CST 2018 2 | distributionBase=GRADLE_USER_HOME 3 | distributionPath=wrapper/dists 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | distributionUrl=https\://services.gradle.org/distributions/gradle-4.1-all.zip 7 | -------------------------------------------------------------------------------- /gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 10 | DEFAULT_JVM_OPTS="" 11 | 12 | APP_NAME="Gradle" 13 | APP_BASE_NAME=`basename "$0"` 14 | 15 | # Use the maximum available, or set MAX_FD != -1 to use that value. 16 | MAX_FD="maximum" 17 | 18 | warn ( ) { 19 | echo "$*" 20 | } 21 | 22 | die ( ) { 23 | echo 24 | echo "$*" 25 | echo 26 | exit 1 27 | } 28 | 29 | # OS specific support (must be 'true' or 'false'). 30 | cygwin=false 31 | msys=false 32 | darwin=false 33 | case "`uname`" in 34 | CYGWIN* ) 35 | cygwin=true 36 | ;; 37 | Darwin* ) 38 | darwin=true 39 | ;; 40 | MINGW* ) 41 | msys=true 42 | ;; 43 | esac 44 | 45 | # Attempt to set APP_HOME 46 | # Resolve links: $0 may be a link 47 | PRG="$0" 48 | # Need this for relative symlinks. 49 | while [ -h "$PRG" ] ; do 50 | ls=`ls -ld "$PRG"` 51 | link=`expr "$ls" : '.*-> \(.*\)$'` 52 | if expr "$link" : '/.*' > /dev/null; then 53 | PRG="$link" 54 | else 55 | PRG=`dirname "$PRG"`"/$link" 56 | fi 57 | done 58 | SAVED="`pwd`" 59 | cd "`dirname \"$PRG\"`/" >/dev/null 60 | APP_HOME="`pwd -P`" 61 | cd "$SAVED" >/dev/null 62 | 63 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 64 | 65 | # Determine the Java command to use to start the JVM. 66 | if [ -n "$JAVA_HOME" ] ; then 67 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 68 | # IBM's JDK on AIX uses strange locations for the executables 69 | JAVACMD="$JAVA_HOME/jre/sh/java" 70 | else 71 | JAVACMD="$JAVA_HOME/bin/java" 72 | fi 73 | if [ ! -x "$JAVACMD" ] ; then 74 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 75 | 76 | Please set the JAVA_HOME variable in your environment to match the 77 | location of your Java installation." 78 | fi 79 | else 80 | JAVACMD="java" 81 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 82 | 83 | Please set the JAVA_HOME variable in your environment to match the 84 | location of your Java installation." 85 | fi 86 | 87 | # Increase the maximum file descriptors if we can. 88 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then 89 | MAX_FD_LIMIT=`ulimit -H -n` 90 | if [ $? -eq 0 ] ; then 91 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 92 | MAX_FD="$MAX_FD_LIMIT" 93 | fi 94 | ulimit -n $MAX_FD 95 | if [ $? -ne 0 ] ; then 96 | warn "Could not set maximum file descriptor limit: $MAX_FD" 97 | fi 98 | else 99 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 100 | fi 101 | fi 102 | 103 | # For Darwin, add options to specify how the application appears in the dock 104 | if $darwin; then 105 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 106 | fi 107 | 108 | # For Cygwin, switch paths to Windows format before running java 109 | if $cygwin ; then 110 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 111 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 112 | JAVACMD=`cygpath --unix "$JAVACMD"` 113 | 114 | # We build the pattern for arguments to be converted via cygpath 115 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 116 | SEP="" 117 | for dir in $ROOTDIRSRAW ; do 118 | ROOTDIRS="$ROOTDIRS$SEP$dir" 119 | SEP="|" 120 | done 121 | OURCYGPATTERN="(^($ROOTDIRS))" 122 | # Add a user-defined pattern to the cygpath arguments 123 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 124 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 125 | fi 126 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 127 | i=0 128 | for arg in "$@" ; do 129 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 130 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 131 | 132 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 133 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 134 | else 135 | eval `echo args$i`="\"$arg\"" 136 | fi 137 | i=$((i+1)) 138 | done 139 | case $i in 140 | (0) set -- ;; 141 | (1) set -- "$args0" ;; 142 | (2) set -- "$args0" "$args1" ;; 143 | (3) set -- "$args0" "$args1" "$args2" ;; 144 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 145 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 146 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 147 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 148 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 149 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 150 | esac 151 | fi 152 | 153 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules 154 | function splitJvmOpts() { 155 | JVM_OPTS=("$@") 156 | } 157 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS 158 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" 159 | 160 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" 161 | -------------------------------------------------------------------------------- /gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 12 | set DEFAULT_JVM_OPTS= 13 | 14 | set DIRNAME=%~dp0 15 | if "%DIRNAME%" == "" set DIRNAME=. 16 | set APP_BASE_NAME=%~n0 17 | set APP_HOME=%DIRNAME% 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windowz variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | if "%@eval[2+2]" == "4" goto 4NT_args 53 | 54 | :win9xME_args 55 | @rem Slurp the command line arguments. 56 | set CMD_LINE_ARGS= 57 | set _SKIP=2 58 | 59 | :win9xME_args_slurp 60 | if "x%~1" == "x" goto execute 61 | 62 | set CMD_LINE_ARGS=%* 63 | goto execute 64 | 65 | :4NT_args 66 | @rem Get arguments from the 4NT Shell from JP Software 67 | set CMD_LINE_ARGS=%$ 68 | 69 | :execute 70 | @rem Setup the command line 71 | 72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 73 | 74 | @rem Execute Gradle 75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 76 | 77 | :end 78 | @rem End local scope for the variables with windows NT shell 79 | if "%ERRORLEVEL%"=="0" goto mainEnd 80 | 81 | :fail 82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 83 | rem the _cmd.exe /c_ return code! 84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 85 | exit /b 1 86 | 87 | :mainEnd 88 | if "%OS%"=="Windows_NT" endlocal 89 | 90 | :omega 91 | -------------------------------------------------------------------------------- /js-bridge-demo/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /js-bridge-demo/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 27 5 | buildToolsVersion '26.0.3' 6 | 7 | defaultConfig { 8 | applicationId "dev.xesam.android.web.jsbridge.demo" 9 | minSdkVersion 14 10 | targetSdkVersion 27 11 | versionCode 1 12 | versionName "1.0" 13 | } 14 | buildTypes { 15 | release { 16 | minifyEnabled false 17 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 18 | } 19 | } 20 | } 21 | 22 | dependencies { 23 | compile fileTree(include: ['*.jar'], dir: 'libs') 24 | testCompile 'junit:junit:4.12' 25 | compile 'com.android.support:appcompat-v7:27.0.2' 26 | compile 'com.android.support:design:27.0.2' 27 | compile 'com.google.code.gson:gson:2.8.2' 28 | compile 'com.jakewharton:butterknife:8.8.1' 29 | annotationProcessor 'com.jakewharton:butterknife-compiler:8.8.1' 30 | compile project(':js-bridge') 31 | } 32 | -------------------------------------------------------------------------------- /js-bridge-demo/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /apps/android-sdk-linux/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | -------------------------------------------------------------------------------- /js-bridge-demo/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 13 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /js-bridge-demo/src/main/assets/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 35 | 36 | 37 |

JsBridge Test

38 | 39 |
40 |
41 | 42 |

43 | to page2.html 44 |

45 | 46 |

47 | to anchor 48 |

49 |

50 | 51 |

52 |

53 | 54 |

55 |

56 | 57 |

58 |
59 |
60 |
    61 | 62 |
63 |
64 |
65 | 66 | 67 | 68 | 140 | 141 | -------------------------------------------------------------------------------- /js-bridge-demo/src/main/assets/my-sdk.js: -------------------------------------------------------------------------------- 1 | var sdk = { 2 | showPackageName: function (params) { 3 | var _invokeName = 'showPackageName'; 4 | var _invokeParam = params; 5 | window.JavaBridge.invoke(_invokeName, _invokeParam, null); 6 | }, 7 | getUser: function (params) { 8 | var _invokeName = 'getUser'; 9 | var _invokeParam = params; 10 | var _clientCallback = params; 11 | window.JavaBridge.invoke(_invokeName, _invokeParam, _clientCallback); 12 | } 13 | }; -------------------------------------------------------------------------------- /js-bridge-demo/src/main/assets/page2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 35 | 36 | 37 |

JsBridge Test

38 | 39 |
40 |
41 |

42 | to error 43 |

44 |

45 | 46 |

47 |

48 | 49 |

50 |

51 | 52 |

53 |
54 |
55 |
    56 | 57 |
58 |
59 |
60 | 61 | 62 | 63 | 138 | 139 | -------------------------------------------------------------------------------- /js-bridge-demo/src/main/java/dev/xesam/android/web/jsbridge/demo/MainActivity.java: -------------------------------------------------------------------------------- 1 | package dev.xesam.android.web.jsbridge.demo; 2 | 3 | import android.os.Bundle; 4 | import android.os.Handler; 5 | import android.os.Looper; 6 | import android.support.v7.app.AppCompatActivity; 7 | import android.util.Log; 8 | import android.webkit.WebView; 9 | import android.webkit.WebViewClient; 10 | 11 | import butterknife.BindView; 12 | import butterknife.ButterKnife; 13 | import butterknife.OnClick; 14 | import dev.xesam.android.web.jsbridge.ClientCallback; 15 | import dev.xesam.android.web.jsbridge.JsBridge; 16 | import dev.xesam.android.web.jsbridge.MarshallableString; 17 | import dev.xesam.android.web.jsbridge.ServerCallback; 18 | import dev.xesam.android.web.jsbridge.SimpleServerHandler; 19 | 20 | public class MainActivity extends AppCompatActivity { 21 | 22 | @BindView(R.id.webview) 23 | public WebView vWebView; 24 | 25 | JsBridge jsBridge; 26 | 27 | @Override 28 | protected void onCreate(Bundle savedInstanceState) { 29 | super.onCreate(savedInstanceState); 30 | setContentView(R.layout.activity_main); 31 | ButterKnife.bind(this); 32 | 33 | JsBridge.DEBUG = true; 34 | 35 | vWebView = (WebView) findViewById(R.id.webview); 36 | jsBridge = new JsBridge(vWebView); 37 | 38 | vWebView.setWebViewClient(new WebViewClient() { 39 | 40 | @Override 41 | public void onPageFinished(WebView view, String url) { 42 | super.onPageFinished(view, url); 43 | Log.e("onPageFinished", url); 44 | jsBridge.monitor(url); 45 | } 46 | }); 47 | 48 | jsBridge.register(new SimpleServerHandler("showPackageName") { 49 | @Override 50 | public void handle(String param, ServerCallback serverCallback) { 51 | new Handler(Looper.getMainLooper()).post(new Runnable() { 52 | @Override 53 | public void run() { 54 | String packageName = getPackageName(); 55 | Tip.showTip(getApplicationContext(), "showPackageName:" + packageName); 56 | } 57 | }); 58 | } 59 | }); 60 | jsBridge.register(new UserHandler(this)); 61 | vWebView.loadUrl("file:///android_asset/index.html"); 62 | } 63 | 64 | @Override 65 | protected void onDestroy() { 66 | super.onDestroy(); 67 | jsBridge.destroy(); 68 | } 69 | 70 | @Override 71 | public void onBackPressed() { 72 | if (vWebView.canGoBack()) { 73 | vWebView.goBack(); 74 | } else { 75 | super.onBackPressed(); 76 | } 77 | } 78 | 79 | @OnClick(R.id.eval) 80 | public void performEval() { 81 | jsBridge.eval("window.jsFn1()"); 82 | } 83 | 84 | @OnClick(R.id.invoke_1) 85 | public void invoke1() { 86 | jsBridge.invoke("jsFn1"); 87 | } 88 | 89 | @OnClick(R.id.invoke_2) 90 | public void invoke2() { 91 | jsBridge.invoke("jsFn2", new MarshallableString("xesam")); 92 | } 93 | 94 | @OnClick(R.id.invoke_3) 95 | public void invoke3() { 96 | jsBridge.invoke("jsFn3", new ClientCallback() { 97 | @Override 98 | public void onReceiveResult(String invokeName, String invokeParam) { 99 | 100 | } 101 | 102 | @Override 103 | public String getResult(String param) { 104 | return null; 105 | } 106 | }); 107 | } 108 | 109 | @OnClick(R.id.invoke_4) 110 | public void invoke4() { 111 | jsBridge.invoke("jsFn4", new MarshallableString("yellow"), new ClientCallback() { 112 | @Override 113 | public void onReceiveResult(String invokeName, final String invokeParam) { 114 | if ("success".equals(invokeName)) { 115 | 116 | new Handler(Looper.getMainLooper()).post(new Runnable() { 117 | @Override 118 | public void run() { 119 | Tip.showTip(getApplicationContext(), invokeParam); 120 | } 121 | }); 122 | } 123 | } 124 | 125 | @Override 126 | public String getResult(String param) { 127 | return param; 128 | } 129 | }); 130 | } 131 | } 132 | -------------------------------------------------------------------------------- /js-bridge-demo/src/main/java/dev/xesam/android/web/jsbridge/demo/Tip.java: -------------------------------------------------------------------------------- 1 | package dev.xesam.android.web.jsbridge.demo; 2 | 3 | import android.content.Context; 4 | import android.widget.Toast; 5 | 6 | 7 | /** 8 | * 全局提示工具 9 | * 10 | * @Warning 只能在 UI 线程调用 11 | * Created by xesamguo@gmail.com on 15-7-22. 12 | */ 13 | public final class Tip { 14 | 15 | private static Toast tip; 16 | 17 | public static void init(Context context) { 18 | tip = Toast.makeText(context.getApplicationContext(), "-", Toast.LENGTH_SHORT); 19 | } 20 | 21 | public static void showTip(Context context, String message) { 22 | if (message == null) { 23 | message = "--"; 24 | } 25 | 26 | if (tip == null) { 27 | init(context); 28 | } 29 | 30 | if (tip != null) { 31 | tip.setText(message); 32 | tip.show(); 33 | } else { 34 | Toast.makeText(context, message, Toast.LENGTH_SHORT).show(); 35 | } 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /js-bridge-demo/src/main/java/dev/xesam/android/web/jsbridge/demo/User.java: -------------------------------------------------------------------------------- 1 | package dev.xesam.android.web.jsbridge.demo; 2 | 3 | import android.os.Parcel; 4 | import android.os.Parcelable; 5 | 6 | import java.net.MalformedURLException; 7 | import java.net.URL; 8 | 9 | /** 10 | * Created by xesamguo@gmail.com on 16-4-8. 11 | */ 12 | public class User implements Parcelable { 13 | private String name; 14 | private URL blog; 15 | 16 | public User() { 17 | this.name = "xesam"; 18 | try { 19 | this.blog = new URL("https://github.com/xesam"); 20 | } catch (MalformedURLException e) { 21 | e.printStackTrace(); 22 | } 23 | } 24 | 25 | public String getName() { 26 | return name; 27 | } 28 | 29 | public URL getBlog() { 30 | return blog; 31 | } 32 | 33 | @Override 34 | public int describeContents() { 35 | return 0; 36 | } 37 | 38 | @Override 39 | public void writeToParcel(Parcel dest, int flags) { 40 | dest.writeString(this.name); 41 | dest.writeSerializable(this.blog); 42 | } 43 | 44 | protected User(Parcel in) { 45 | this.name = in.readString(); 46 | this.blog = (URL) in.readSerializable(); 47 | } 48 | 49 | public static final Parcelable.Creator CREATOR = new Parcelable.Creator() { 50 | @Override 51 | public User createFromParcel(Parcel source) { 52 | return new User(source); 53 | } 54 | 55 | @Override 56 | public User[] newArray(int size) { 57 | return new User[size]; 58 | } 59 | }; 60 | } 61 | -------------------------------------------------------------------------------- /js-bridge-demo/src/main/java/dev/xesam/android/web/jsbridge/demo/UserHandler.java: -------------------------------------------------------------------------------- 1 | package dev.xesam.android.web.jsbridge.demo; 2 | 3 | import android.content.Context; 4 | import android.os.Handler; 5 | import android.os.Looper; 6 | 7 | import com.google.gson.Gson; 8 | 9 | import java.util.HashMap; 10 | import java.util.Map; 11 | 12 | import dev.xesam.android.web.jsbridge.MarshallableObject; 13 | import dev.xesam.android.web.jsbridge.ServerCallback; 14 | import dev.xesam.android.web.jsbridge.ServerHandler; 15 | 16 | /** 17 | * Created by xesamguo@gmail.com on 16-4-8. 18 | */ 19 | public class UserHandler implements ServerHandler { 20 | 21 | private Context mContext; 22 | 23 | public UserHandler(Context mContext) { 24 | this.mContext = mContext; 25 | } 26 | 27 | @Override 28 | public String getHandlerName() { 29 | return "getUser"; 30 | } 31 | 32 | @Override 33 | public void handle(final String param, final ServerCallback serverCallback) { 34 | new Handler(Looper.getMainLooper()).post(new Runnable() { 35 | @Override 36 | public void run() { 37 | User user = getUser(); 38 | Map map = new Gson().fromJson(param, Map.class); 39 | String prefix = map.get("name_prefix"); 40 | Tip.showTip(mContext, "user.getName():" + prefix + "/" + user.getName()); 41 | if ("standard_error".equals(prefix)) { 42 | Map map1 = new HashMap<>(); 43 | map1.put("msg", "get user failed"); 44 | String userMarshalling = new Gson().toJson(map1); 45 | serverCallback.invoke("fail", new MarshallableObject(userMarshalling)); 46 | } else { 47 | String userMarshalling = new Gson().toJson(user); 48 | serverCallback.invoke("success", new MarshallableObject(userMarshalling)); 49 | } 50 | } 51 | }); 52 | } 53 | 54 | private User getUser() { 55 | return new User(); 56 | } 57 | } 58 | -------------------------------------------------------------------------------- /js-bridge-demo/src/main/res/drawable/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xesam/JsBridge/0b49d7dec3627834187da430aaf5e32ac64def28/js-bridge-demo/src/main/res/drawable/ic_launcher.png -------------------------------------------------------------------------------- /js-bridge-demo/src/main/res/drawable/side_nav_bar.xml: -------------------------------------------------------------------------------- 1 | 3 | 9 | -------------------------------------------------------------------------------- /js-bridge-demo/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | 12 | 13 | 17 | 18 |