前言

在 Android 開發(fā)中，JavaScript（JS）調用原生 Android 接口主要通過 WebView 組件實現(xiàn)。以下是常見的 3 種核心方式及具體實現(xiàn)邏輯：

1. addJavascriptInterface 注入接口??

??原理??：通過 WebView 向 JS 暴露一個 Java 對象，JS 可直接調用該對象中被 @JavascriptInterface 注解標記的方法

??步驟??：

• ??定義接口類??：

  public class WebAppInterface {
      Context mContext;
      WebAppInterface(Context c) { mContext = c; }
  
      @JavascriptInterface
      public void showToast(String msg) {
          Toast.makeText(mContext, msg, Toast.LENGTH_SHORT).show();
      }
  }

• ??注入接口到 WebView??：

  webView.getSettings().setJavaScriptEnabled(true);
  webView.addJavascriptInterface(new WebAppInterface(this), "AndroidBridge");

• ??JS 調用??：

  window.AndroidBridge.showToast("Hello from JS!");

??注意事項??：

• ??安全風險??：若未使用 @JavascriptInterface 注解，可能導致任意方法被調用（如系統(tǒng)敏感 API）
• ??API 版本??：需最低支持 API 17（Android 4.2）

??2. 攔截 WebChromeClient 對話框??

??原理??：通過重寫 WebChromeClient 的對話框回調方法（如 onJsPrompt），解析 JS 發(fā)送的指令

??步驟??：

• ??自定義 WebChromeClient??：

  webView.setWebChromeClient(new WebChromeClient() {
      @Override
      public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) {
          if (message.startsWith("native:")) { // 協(xié)議約定
              handleNativeCall(message); // 解析并執(zhí)行原生邏輯
              result.confirm("success"); // 返回結果給 JS
              return true;
          }
          return super.onJsPrompt(view, url, message, defaultValue, result);
      }
  });

• ??JS 調用??：

  prompt("native:showToast", "{'msg':'Hello'}"); // 通過 prompt 發(fā)送指令

??適用場景??：

• 需要雙向通信（JS 可獲取原生返回值）；
• 兼容低版本 Android（無需依賴 @JavascriptInterface）

??3. 攔截 URL Scheme??

??原理??：JS 觸發(fā)特定格式的 URL 請求（如 myapp://action?params），Android 通過 shouldOverrideUrlLoading 攔截并處理

??步驟??：

• ??自定義 WebViewClient??：

  webView.setWebViewClient(new WebViewClient() {
      @Override
      public boolean shouldOverrideUrlLoading(WebView view, String url) {
          if (url.startsWith("myapp://")) { // 協(xié)議約定
              parseUrl(url); // 解析 URL 并執(zhí)行對應邏輯
              return true; // 阻止默認加載
          }
          return super.shouldOverrideUrlLoading(view, url);
      }
  });

• ??JS 調用??：

  window.location.href = "myapp://showToast?msg=Hello"; // 或通過 iframe 觸發(fā)

??優(yōu)缺點??：

• ??優(yōu)點??：兼容性最好（支持所有 Android 版本）；
• ??缺點??：僅支持單向調用（JS 無法直接獲取原生返回值）

??安全建議??

• ??輸入校驗??：對 JS 傳遞的參數(shù)進行嚴格校驗，防止注入攻擊
• ??最小權限原則??：僅暴露必要的接口方法，避免敏感操作（如文件讀寫）
• ??HTTPS 加密??：加載遠程頁面時使用 HTTPS，避免中間人攻擊

總結 

到此這篇關于JavaScript調用Android接口常見的3種方式的文章就介紹到這了,更多相關JS調用Android接口內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

最新評論