android - phonegap内のhtmlファイルからsrcフォルダのjavaクラスにあるメソッドを参照する方法

Question

Phonegap www フォルダにユーザー登録ページがあります。Android のネイティブ機能を使用してメール ID と電話番号を検証したいのですが、どうすればよいですか?

Answer 1

javascript から Java コードを実行するには、JS インターフェイスを作成する必要があります。
onCreate メソッドに次のコードを記述します。

public class MainActivity extends DroidGap {
@Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.loadUrl("file:///android_asset/www/index.html");

        WebView webView = (WebView) findViewById(R.id.webView);
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        webView.addJavascriptInterface(new Object()
             {
                public void performClick(String emailAdress, String phoneNo)
                {
                   // Validate email address and Phone number here
                }
             },"MyAndroid");
}
}

phonegap アプリで JS インターフェイスを呼び出すには、javascript 関数を記述します。

<script>
document.getElementById("validateButton").addEventListener('touchstart',touchPagePressed);// you can use 'onclick' also
function touchPagePressed()
{
   // MyAndroid interface will execute java's performClick method
   MyAndroid.performClick($("#emailId").val(),$("#phoneNo").val());
}
</script>