Custom HTML5-Native Bridge for Android
- 1. How To Hybrid Custom HTML5-Native Bridge for Android MICHAEL HANTLER ANDROIDDEV101.COM
- 2. PhoneGap (Cordova) framework The open source framework we all know and love uses a similar technology in order to transmit requests over the HTML5-Java Bridge (JavaScript prompt boxes)
- 3. If We Build It…They will Code Java
- 4. It’s All About the WebView Baby Similar to the Cordova(PhoneGap) implementation we will utilize built-in components of the Android WebView. This functionality will give us two way communication between our Java code and our HTML5(JavaScript) code.
- 5. JavaScript to Java public void addJavascriptInterface (Object object, String name) class JsObject { @JavascriptInterface public String toString() { return "injectedObject"; } } webView.addJavascriptInterface(new JsObject(), "injectedObject"); webView.loadData("", "text/html", null); webView.loadUrl("javascript:alert(injectedObject.toString())");
- 6. WebView Exploits AVG: Analyzing an Android WebView exploit by Elad Shapira MWR InfoSecurity: WebView addJavascriptInterface Remote Code Execution Trigger.io: Why Trigger.io doesn’t use PhoneGap – 5x faster native bridge
- 7. Java to JavaScript public void loadUrl (String url) class JsObject { @JavascriptInterface public String toString() { return "injectedObject"; } } webView.addJavascriptInterface(new JsObject(), "injectedObject"); webView.loadData("", "text/html", null); webView.loadUrl("javascript:alert(injectedObject.toString())");
- 8. Examples on GitHub All example code can be found on Github at https://github.com/mhant/DroidConTLV2014
- 10. Example: Ads
- 11. Example: Drawer
- 12. Example: Login
- 13. Shout Outs Delivering the highest quality mobile app and web app development. Previous clients include Caesars Interactive Entertainment, YMCA related firms, and a wide assortment of breakthrough startups.