Android + WebService

Transcription

1 Android + Web Service 建國科技大學資管系饒瑞佶 2017/3 V1

2 呼叫 OpenData Web Service rid=e7c ce5-844f-5a b7d

3 e&rid=e7c ce5-844f-5a b7d

4 Notepad++ 解析 JSON edirect 可以使用下面網站將資料格式化顯示

5 JSON JavaScript Object Notation 一種用於資料傳輸與交換的輕量級資料結構 目前網路資料傳輸或 OPEN DATA 都支援此格式, 也使用此格式 以文字為主 從 JavaScript 的陣列子集所演變而來 (JS 用 [] 來表示陣列 ) 並非程式語言

6 JSON sample { "fullname" : "Sam Kelly", "telephones" : [ {"type" : "work", "value" : " ", {"type" : "home", "value" : " ", ], "addresses" : [ {"type" : "work", "value" : "11 1st Ave", {"type" : "home", "value" : "22 Main St", ] 最簡單樣式 ( 單純的文字資料 ) 資料是一個陣列陣列中每個元素又是一個集合 3 組資料

7 JSON 中的幾個符號 : 用以分隔名稱與資料 ( 資料對 ) { 用來表示資料集 ( 物件 ) [] 用來表示陣列, 用來分割每段 資料對

8 JSON 格式 物件 (object) 一個物件以 { 開始, 並以 結束 一個物件包含一系列非排序的名稱 : 值組成 ( 資料對 ) 每個名稱 / 值對之間使用, 分割 名稱 / 值 (collection) 名稱和值之間使用 : 隔開 名稱為一字串 值為字串 數值 物件 布林值 陣列或是 null {name:value 資料對使用, 分隔 陣列 (Array) 使用中括弧 [ ] 將資料收集 多筆資料使用, 分隔 [collection, collection, collection]

9 使用 JSON 嚴格說是解析 JSON 多數程式語言都具備有解析 JSON 的語法或函式庫

10 Android vs. JSON

11 JSON 解析 Google 提供 org.json.jsonobject 類別 JSONObject( 要解析的原字串 ) 解析原始字串, 傳回 JSONObject 物件 get(name) 取得 name 的值 getjsonarray(name) 透過 getjsonobject(index) 取得 JSONObject 物件 getxxx(name), 如 Int, Double, String 等 取得 name 對應的資料 ( 依據資料格式 )

12 解析範例 eaquire&rid=e7c ce5-844f-5a b7d

13 新增專案

14 新增上網權限 <uses-permission android:name="android.permission.internet"></uses-permission> <uses-permission android:name="android.permission.access_network_state" />

15 layout <LinearLayout xmlns:android=" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:textappearance="?android:attr/textappearancelarge" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal">

16 layout <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text=" 重新設定 " /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text=" 解析 JSON" /> </LinearLayout> <ListView android:layout_width="match_parent" android:layout_height="wrap_content" /> </LinearLayout>

17 layout

18 strings.xml <resources> <string name="app_name">androidwebservice</string> <string name="str_parsing"> 查詢 API 中, 請稍候 </string> <string name="connection_error"> 無法找到可用連線, 請檢查網路連線 </string> <string name="lost_connection"> 失去網路連線 </string> <string name="wifi_connected">wi-fi 已連線 </string> <string name="str_parsing_ok"> 解析成功 </string> <string name="str_user_choose"> 您選擇的是 :</string> </resources>

19 加入畫面對應物件與按鈕程式

20 public class MainActivity extends AppCompatActivity { private TextView mtextview01; // 標題 private Button mbutton01, mbutton02; private ListView mlistview01; // protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); mtextview01 = (TextView) findviewbyid(r.id.main_textview1); // 標題 mbutton01 = (Button) findviewbyid(r.id.main_button1); // 解析 JSON mbutton02 = (Button) findviewbyid(r.id.main_button2); // 重新設定 mlistview01 = (ListView) findviewbyid(r.id.main_listview1); // 顯示資料 // 開始透過 WebService 取得資料 mbutton01.setonclicklistener(new Button.OnClickListener() public void onclick(view v) { if (refreshdisplay) { // 如果有網路連線 mtextview01.settext(getstring(r.string.str_parsing)); // 呼叫 DownloadTask 連線 WebService 進行資料取得與解析, 傳入 URL new DownloadTask().execute(" else { mtextview01.settext(getstring(r.string.connection_error)); ); // 重新設定, 清除 listview 上的資料 mbutton02.setonclicklistener(new Button.OnClickListener() public void onclick(view v) { // 清除 ListView 與重新設定上方 TextView 文字 mtextview01.settext(getstring(r.string.app_name)); mlistview01.setadapter(null); );

21 檢查網路是否連線? 相關變數宣告 // 網路 public static String spref = null; private static boolean wificonnected = false; // 檢查網路狀態, 並設定是 wificonnected 或 mobileconnected private static boolean mobileconnected = false; // 依據網路狀態改變變數 wificonnected 或 protected void onstart() { super.onstart(); ConnectivityManager connmgr = (ConnectivityManager) getsystemservice(context.connectivity_service); NetworkInfo activeinfo = connmgr.getactivenetworkinfo(); if (activeinfo!= null && activeinfo.isconnected()) { wificonnected = activeinfo.gettype() == ConnectivityManager.TYPE_WIFI; mobileconnected = activeinfo.gettype() == ConnectivityManager.TYPE_MOBILE; else { wificonnected = false; mobileconnected = false;

22 註冊 BroadcastReceiver 偵測網路狀態 // onresume() 時, 註冊一 BroadcastReceiver (receiver 物件 ), 捕捉兩個事件 // 1.ConnectivityManager.CONNECTIVITY_ACTION 與 2.android.net.conn.CONNECTIVITY_CHANGE // 當發生網路連線事件或網路連線改變事件時, 被自訂的 NetworkReceiver() protected void onresume() { super.onresume(); IntentFilter filter = new IntentFilter(); filter.addaction(connectivitymanager.connectivity_action); filter.addaction("android.net.conn.connectivity_change"); filter.addaction("android.net.wifi.state_change"); receiver = new NetworkReceiver(); this.registerreceiver(receiver, protected void onpause() { super.onpause(); // 離開程式呼叫 onpause(), 解除 receiver 物件註冊 this.unregisterreceiver(receiver);

23 BroadcastReceiver 接收系統廣播訊息 // 偵測網路狀態 public class NetworkReceiver extends BroadcastReceiver public void onreceive(context context, Intent intent) { ConnectivityManager connmgr = (ConnectivityManager) context.getsystemservice(context.connectivity_service); NetworkInfo networkinfo = connmgr.getactivenetworkinfo(); if (networkinfo!= null && networkinfo.isconnected()) { wificonnected = networkinfo.gettype() == ConnectivityManager.TYPE_WIFI; mobileconnected = networkinfo.gettype() == ConnectivityManager.TYPE_MOBILE; else { wificonnected = false; mobileconnected = false; // 網路狀態改變時, 以 Toast 顯示連線狀態 if (wificonnected mobileconnected) { refreshdisplay = true; Toast.makeText(context, R.string.wifi_connected, Toast.LENGTH_SHORT).show(); else { refreshdisplay = false; Toast.makeText(context, R.string.lost_connection, Toast.LENGTH_SHORT).show(); // 失去連線, 清除 ListView 內容 mlistview01.setadapter(null); 相關變數宣告 private NetworkReceiver receiver = new NetworkReceiver(); public static boolean refreshdisplay = true;

24 連線 WebService 進行資料取得與解析 Android 規定與網路連線相關動作屬於可能耗時與會影響 UI 操作的行為 需要透過並行的執行序或非同步 (AsyncTask) 方式進行 非同步 (AsyncTask) 方式是透過執行前 (onpreexecute) 執行 (doinbackground) 與執行後 (onpostexecute) 三步驟完成動作

25 連線 WebService 進行資料取得與解析 private class DownloadTask extends AsyncTask<String, Void, String> { // protected String doinbackground(string... urls) { return downloadurl(urls[0]); // urls[0] 為 Web Service URL // 下載完成後, 開始解析 protected void onpostexecute(string result) { mtextview01.settext(getstring(r.string.str_parsing_ok)); mlist = new ArrayList<String>(); // 解析 JSON try { // result 為原始 JSON 字串相關變數宣告 JSONObject json = new JSONObject(result); private ArrayList<String> mlist = new ArrayList<String>(); // 取得原始資料中的 result 區段物件 private ArrayAdapter<String> adapter; JSONObject json2 = json.getjsonobject("result"); // 取得 result 區段物件內名稱為 results 的資料 ( 一個陣列 ) String data = json2.getstring("results");

26 // 將上面 data 陣列分割成可操作 JSONArray dataarray = new JSONArray(data); // 宣告陣列 name, 用來儲存 dataarray 內分割出的資料 String[] name = new String[dataArray.length()]; for (int i = 0; i < dataarray.length(); i++) { // 依序取出陣列中名稱為 name 與 addr 的資料 // 放入 mlist 陣列表中 mlist.add(dataarray.getjsonobject(i).getstring("name") + "\n" + dataarray.getjsonobject(i).getstring("addr")); // MainActivity 為 Activity 的名稱 adapter = new ArrayAdapter<String>(MainActivity.this, android.r.layout.simple_list_item_1, mlist); // 將資料顯示到 ListView mlistview01.setadapter(adapter); mlistview01.setonitemclicklistener(new ListView.OnItemClickListener() public void onitemclick(adapterview<?> parent, View view, int position, long id) { Toast.makeText(MainActivity.this, getstring(r.string.str_user_choose) + mlist.get(position), Toast.LENGTH_SHORT).show(); ); catch (Exception e) { e.printstacktrace();

27 連線 WEBSERVICE 下載資料 private String downloadurl(string urlstring) { String strhtml = ""; try { URL url = new URL(urlString); HttpURLConnection conn = (HttpURLConnection) url.openconnection(); conn.setreadtimeout(10000); // milliseconds conn.setconnecttimeout(15000); conn.setrequestmethod("get"); conn.setdoinput(true); conn.connect(); InputStream stream = conn.getinputstream();

28 if (stream!= null) { int leng = 0; byte[] Data = new byte[100]; byte[] totaldata = new byte[0]; int totalleg = 0; do { leng = stream.read(data); if (leng > 0) { totalleg += leng; byte[] temp = new byte[totalleg]; System.arraycopy(totalData, 0, temp, 0, totaldata.length); System.arraycopy(Data, 0, temp, totaldata.length, leng); totaldata = temp; while (leng > 0); strhtml = new String(totalData, "UTF-8"); catch (Exception e) { e.printstacktrace(); return strhtml;

29 執行

30 透過 SOAP 存取

31 SOAP 這節的內容針對的是 MS 的 Web Service 或是使用 SOAP(Simple Object Access Protocol) 標準建立的 Web Service 針對其它資料庫或是 data provider, 可以採用 HTTPPost 或是 HttpGet ( 前面 OPEN DATA 的作法 )

32 透過 Ksoap 函式庫

33

34 加入 Soap.java 直接從 MainActivity 複製 修改 AndroidManifest.xml

35

36 修改 WS 呼叫

37 修改 downloadurl // 執行連線 WEBSERVICE 下載資料的動作 private String downloadurl(string urlstring) { WSClass ws1 = new WSClass(); // 呼叫 WEB SERVICE // 依據 SQL 選擇 String ALLNews = ws1.tows(urlstring); // 第 1 個參數 =SQL 指令 Log.i("DEBUG", "allnews=" + ALLNews); return ALLNews; // 回傳整個 JSON 字串

38 WSClass public class WSClass { private static final String NAMESPACE = " private String URL = " private static final String METHOD_NAME = "GetData"; private static final String SOAP_ACTION = " // 回傳的資料 String receivedstring; public String tows(string sqlstr) { try { SoapObject request = new SoapObject(NAMESPACE, METHOD_NAME); PropertyInfo celsiuspi = new PropertyInfo(); celsiuspi.setname("sqlstr"); // Set Value celsiuspi.setvalue(sqlstr); // 要執行的 SQL 指令, 透過參數傳入 // Set datatype celsiuspi.settype(double.class); // Add the property to request object request.addproperty(celsiuspi);

39 WSClass SoapSerializationEnvelope envelope = new SoapSerializationEnvelope( SoapEnvelope.VER11); envelope.setoutputsoapobject(request); envelope.dotnet = true; HttpTransportSE androidhttptransport = new HttpTransportSE(URL); androidhttptransport.call(soap_action, envelope); SoapPrimitive Result = (SoapPrimitive) envelope.getresponse(); receivedstring = Result.toString(); if (androidhttptransport!= null) { androidhttptransport.reset(); catch (Exception e) { receivedstring = "not work"; return receivedstring; return receivedstring;

40 修改解析段程式 try { // result 為原始 JSON 字串 JSONArray jsonarray = new JSONArray(result); String[] name = new String[jsonArray.length()]; for (int i = 0; i < jsonarray.length(); i++) { JSONObject jsondata = jsonarray.getjsonobject(i); // 取得解析資料 // 顯示名稱與編號 mlist.add(jsondata.getstring("s_name") + "\n" + jsondata.getstring("s_suid")); adapter = new ArrayAdapter<String>(SOAP.this, android.r.layout.simple_list_item_1, mlist); mlistview01.setadapter(adapter); // 點選時帶出資料 mlistview01.setonitemclicklistener(new ListView.OnItemClickListener() public void onitemclick(adapterview<?> parent, View view, int position, long id) { Toast.makeText(SOAP.this, getstring(r.string.str_user_choose) + mlist.get(position), Toast.LENGTH_SHORT).show(); ); catch (Exception e) { e.printstacktrace();

41 result

42 存取網路既有的 WS

43 SOAP WebService 現有可以被呼叫的 WebService 攝氏與華氏轉換

44 加入 CelsiusToFahrenheit.java

45 layout <LinearLayout xmlns:android=" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text=" 請輸入攝氏溫度 " android:textappearance="?android:attr/textappearancelarge" /> <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:ems="10" android:inputtype="textpersonname" android:text="" /> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:text=" 轉換 " /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text=" 結果 " /> </LinearLayout>

46 修改 CelsiusToFahrenheit.java

47 修改 protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.ctof); mtextview01 = (TextView) findviewbyid(r.id.finalresult); // 結果 CtoF = (Button) findviewbyid(r.id.ctof); // 解析 JSON pramater =(EditText) findviewbyid(r.id.inputc); // 輸入華氏溫度 // 開始透過 WebService 取得資料 CtoF.setOnClickListener(new Button.OnClickListener() public void onclick(view v) { if (refreshdisplay) { // 如果有網路連線 mtextview01.settext(getstring(r.string.str_parsing)); // 呼叫 DownloadTask 連線 WebService 進行資料取得與解析, 傳入 URL new DownloadTask().execute(pramater.getText().toString()); else { mtextview01.settext(getstring(r.string.connection_error)); );

48 修改 DownloadTask 與 downloadurl // 連線 WebService 進行資料取得與解析 private class DownloadTask extends AsyncTask<String, Void, String> { // protected String doinbackground(string... urls) { return downloadurl(urls[0]); // urls[0] 為 Web Service URL // 下載完成後, 開始解析 protected void onpostexecute(string result) { mtextview01.settext(" 轉換後華氏溫度 =" + result); // 執行連線 WEBSERVICE 下載資料的動作 private String downloadurl(string urlstring) { WSCelsiusToFahrenheit ws1 = new WSCelsiusToFahrenheit(); // 呼叫 WEB SERVICE String ALLNews = ws1.tempconvert(urlstring); // 第 1 個參數 = 攝氏溫度 return ALLNews; // 回傳結果

49 加入 WSCelsiusToFahrenheit.java public class WSCelsiusToFahrenheit { private static final String NAMESPACE = " ; private static final String URL=" private static final String METHOD_NAME = "ConvertTemp"; private static final String SOAP_ACTION = " // 回傳的資料 String receivedstring; public String tempconvert(string temp){ String receivedstring="not work"; // 預設回傳值 try { SoapObject request = new SoapObject(NAMESPACE, METHOD_NAME); request.addproperty("temperature", temp); // 傳入攝氏溫度 request.addproperty("fromunit", "degreecelsius"); // 傳入被轉換單位 request.addproperty("tounit", "degreefahrenheit"); // 傳入轉換單位 SoapSerializationEnvelope envelope = new SoapSerializationEnvelope(SoapEnvelope.VER11); envelope.setoutputsoapobject(request); envelope.dotnet = true; HttpTransportSE androidhttptransport = new HttpTransportSE(URL);

50 result