Xamarin フレームワークを使用して HTML5 アプリのプロトタイプを作成しています。JavaScript を C# コードに、またはその逆に接続しようとしています。
これを行う最善の方法は何ですか？これまでのところ、Cordova フレームワークへの Mono C# バインディングを作成しようとしましたが、これは理想的なソリューションではなく、一般的な .Net 中心のアプローチを利用するより簡単なものを探しています。そこで、javacript 呼び出しからのアプリの http 要求を処理するように HttpListener を設定しようとしました。この方法は Monotouch ではうまく機能しますが、Mono for Android では機能しません。
Javascript 呼び出し:
<script type="text/javascript">
function myFunction()
{
var request = new XMLHttpRequest();
request.open('GET','http://127.0.0.1:8001/callnative', false);
request.send();
if(request.status == 200){
alert("Callback!");
}
else{
alert("Error");
}
}
</script>
Activity クラスの C# コードは次のとおりです。
[Activity (Label = "AnroidHTML5Prototype", MainLauncher = true)]
public class Activity1 : Activity
{
int count = 1;
public HttpListener listener;
protected override void OnCreate (Bundle bundle)
{
base.OnCreate (bundle);
SetupListener ();
// Set our view from the "main" layout resource
SetContentView (Resource.Layout.Main);
// Get our button from the layout resource,
// and attach an event to it
Button button = FindViewById<Button> (Resource.Id.myButton);
button.Click += delegate {
button.Text = string.Format ("{0} clicks!", count++);
};
LoadWebView ();
}
private void LoadWebView()
{
string lfn = "index.html";
string html = string.Empty;
// context could be ApplicationContext, Activity or
// any other object of type Context
using (var input = this.ApplicationContext.Assets.Open(lfn))
using (StreamReader sr = new System.IO.StreamReader(input))
{
html = sr.ReadToEnd();
}
WebView webView = FindViewById<WebView> (Resource.Id.webView1);
webView.SetWebChromeClient(new WebChromeClient());
webView.Settings.JavaScriptEnabled = true;
webView.LoadData (html, "text/html", null);
webView.Settings.AllowFileAccess = true;
webView.Settings.BlockNetworkLoads = false;
}
private void SetupListener() {
listener = new HttpListener();
listener.Prefixes.Add("http://*:8001/");
listener.Start();
listener.BeginGetContext(new AsyncCallback(HandleRequest), listener);
}
public void HandleRequest (IAsyncResult result)
{
RunOnUiThread(delegate{
//Get the listener context
HttpListenerContext context = listener.EndGetContext(result);
//Start listening for the next request
listener.BeginGetContext(new AsyncCallback(HandleRequest), listener);
string response = String.Empty;
if (context.Request.Url.ToString ().Contains ("callnative")) {
response = "native code reply";
}
byte[] responseBytes = System.Text.Encoding.UTF8.GetBytes(response);
context.Response.ContentType = "text/json";
context.Response.StatusCode = (int)HttpStatusCode.OK;
context.Response.ContentLength64 = responseBytes.Length;
context.Response.OutputStream.Write(responseBytes, 0, responseBytes.Length);
context.Response.OutputStream.Close();
// WebView webView = FindViewById<WebView> (Resource.Id.webView1);
// webView.LoadUrl("javascript:(function() { " +
// "alert('Callback!'); " +
// "})()");
});
}
}
同様のコードは Monotouch では問題なく動作しますが、Mono for Android では次のエラーが発生します。null からのリクエストは作成できません:1 [Web コンソール] Uncaught Error: NETWORK_ERR: XMLHttpRequest Exception 101:1
これは Chrome ブラウザのファイル アクセス許可に関係していると思われるため、WebView の AllowFileAccess 設定を true に設定しましたが、それでも同じエラーが発生します。
Mono で javascript と C# の間のブリッジを実現するより良い方法、または HTTPListener コードを Android で動作させる方法はありますか?
この記事は Xamarin のドキュメント検索で出てきますが、404 です。
http://docs.xamarin.com/recipes/android/controls/webview/call_c#_from_javascript
ありがとうデリック