从 Ionic 访问 android 本机代码

Question

我已经创建了我的 Android 应用程序 Ionic，但后来意识到我想从我的 android 设备访问一些硬件，这可以使用 android 本机代码，所以有什么方法可以从 Ionic 应用程序访问 Android 代码（Apache科尔多瓦）？

Answer 1

您可以使用 JS 接口桥从 JS 控制器调用 Native 方法：

1. 在 MainActivity 中定义一个 JavaScriptHandler 类并定义 此类中的 JavascriptInterface 方法。这个界面现在将起作用 作为 webview 和原生容器之间的桥梁。
2. 将此 Javascript 处理程序添加到您的应用 web 视图中。
3. 定义需要从控制器调用的方法。

下面是扩展 CordovaActivity 的 MainActivity 代码：

public class MainActivity extends CordovaActivity {
  public static Context mContext;

  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    mContext = MainActivity.this;
    mLoader = new ProgressDialog(mContext);

    // enable Cordova apps to be started in the background
    Bundle extras = getIntent().getExtras();
    if (extras != null && extras.getBoolean("cdvStartInBackground", false)) {
      moveTaskToBack(true);
    }

    // Set by <content src="index.html" /> in config.xml
    loadUrl(launchUrl);

    final WebView webView = (WebView) appView.getEngine().getView();
    webView.addJavascriptInterface(this.getJavaScriptHandler(), "NativeCall");
  }

  public JavaScriptHandler getJavaScriptHandler() {
    return new JavaScriptHandler(this.getApplicationContext());
  }

  public class JavaScriptHandler {
    CordovaActivity parentActivity;
    private Context mContext;

    public JavaScriptHandler(final Context context) {
      this.mContext = context;
    }

    @JavascriptInterface
    public String mNativeFunction() {
      return getDeviceName;
    }   
  }

  public static String getDeviceName() {
    String brand = Build.BRAND;
    String manufacturer = Build.MANUFACTURER;
    String model = Build.MODEL;
    if (model.startsWith(brand)) {
      return (model);
    }
    return (brand) + " " + model;
  }
}

从你的 Javascript 控制器调用这个本地方法，如下所示：

MyDemoApp.controller('SomePageController', function ($scope) {

  $scope.deviceName = "";

  $scope.getDeviceName = function () {
      $scope.deviceName = NativeCall.mNativeFunction();
  }
})

您可以使用任何您喜欢的名称来在 javascript 中公开 JavaScriptHandler。就我而言，我使用了“NativeCall”。