aknow2

自分の興味のある事を連々と(プログラミング、モバイルアプリ、プログラミング教育)

【cordova・Android】プラグイン(ネイティブ側)のデバッグ

Cordovaで開発をしていると避けては通れないプラグイン達、、、
今回はプラグイン側のデバッグ方法を紹介します。

【環境】
・Windows10
Android Studio
・Nexus5X(実機・USBデバッグ有効済み)
今回はUSBで接続で接続した実機に対してデバッグする方法となります。

【事前条件】
・Cordovaプロジェクトを作成済み
プラグインを何個かインストール済みと仮定

【方法】
コマンドプロンプトで下記のコマンドでいつも通りデバッグビルドする

cordova build android

②またいつも通り、下記フォルダに生成されるAPKを実機に移して
インストール後に動作確認を行う。

{cordovaプロジェクトルート}\platforms\android\build\outputs\apk  

③AndroidStudioを起動する。
④AndroidStuidoで上部メニューバーからFile->Openで
下記のフォルダをAndroidのプロジェクトとして読み込む

 {cordovaプロジェクトルート}\platforms\android  

スマホをUSBでPCにつなげた状態でアプリを起動する。
⑥AndroidStudioからデバッグ対象のアプリにアタッチする(下図参照) f:id:aknow2:20171217132313p:plain
⑦下記のフォルダにネイティブ側のコードがあるので
適当にブレークポイントを張ってみてブレーク出来たら完成!

 {cordovaプロジェクトルート}\platforms\android\src

Cordovaでアプリを色々と作成中 play.google.com