phonegap整合調用dwr實例,web應用輕鬆變身移動APP

1.修改web程序的web.xml,使之提供dwr遠程調用支持。

設置自己的web應用程序的web.xml,在dwr的servlet標籤之間中加入下面代碼:

	<init-param>
	  <param-name>allowScriptTagRemoting</param-name>
	  <param-value>true</param-value>
	</init-param>
	
	<init-param>
	  <param-name>crossDomainSessionSecurity</param-name>
	  <param-value>false</param-value>
	</init-param>
	
	<init-param>
	  <param-name>allowGetForSafariButMakeForgeryEasier</param-name>
	  <param-value>true</param-value>
	</init-param> 

2.部署好web應用程序。

3.創建phonegap工程,在工程的www目錄下創建一個index.html文件,在head標籤之間加入下面代碼:

<script>
    var pathToDwrServlet = "http://192.168.102.119/MMS/dwr"; //不能省略切必須在engine.js之前引用
</script>
<script type='text/javascript' src='http://192.168.102.119/MMS/dwr/engine.js'> </script>
<script type='text/javascript' src='http://192.168.102.119/MMS/dwr/interface/userService.js'></script>
 <script>
    userService._path =  pathToDwrServlet;//設置dwr調用路徑
    userService.getUserById("admin",function(user){
    if(data==null){
        alert("fail");
	}else{
	alert(user.name);
	}
	});
  </script>

說明:192.168.102.119爲web程序部署主機的IP,MMS爲web程序的名稱,userService是dwr配置生成的js,getUserById是userService中的一個方法,將以上內容改爲自己的應用對應的代碼。

4.最後別忘記了在清單文件AndroidManifest.xml中申請訪問網絡的權限:

<uses-permission xmlns:android="http://schemas.android.com/apk/res/android" android:name="android.permission.INTERNET"></uses-permission>

到這裏,phonegap與dwr的整合就算完成了,運行安卓工程測試吧!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章