混合应用JS与Native双向通信方案 - Githubissues

hushicai / hushicai.github.io

Blog

https://hushicai.github.io

27 stars 1 forks source link

混合应用JS与Native双向通信方案 #12

Open hushicai opened 5 years ago

hushicai commented 5 years ago

在混合应用（Hybrid App）中，一个很重要的点就是JS与Native的双向通信。

Native -> JS

evaluatingJavaScript（IOS、Android）
loadUrl（Android 4.4-）
WKUserScript （IOS）
UIWebView JavaScriptCore - 客户端注入JS，例如callFunction（IOS）
addJavascriptInterface - 客户端注入JS，例如nativeObject（Android）
WKWebView scriptMessageHandler - 客户端注入JS，例如nativeObject（IOS）

JS -> Native

URI Scheme，例如a、iframe、location等（IOS、Android）
弹窗，例如alert、confirm、prompt等（IOS、Android）
UIWebview JavaScriptCore - JS调用，例如callFunction(data)（IOS）
addJavascriptInterface - JS调用，例如window.nativeObject（Android）
WKWebView scriptMessageHandler - JS调用，例如window.webkit.messageHandlers.nativeObject （IOS）
WKWebView postMessage (iOS)

References

http://awhisper.github.io/2018/01/02/hybrid-jscomunication/ http://www.cnblogs.com/dailc/archive/2016/10/04/5931324.html#hybrid_2_2