從soa到rest -- web service、wcf、webapi的應用情境

從 SOA 到 RESTWeb Service 、 WCF 、 Web API 的應用情境

MIS2000 Lab. ( 微軟 MVP 2008~2016)

[email protected]://www.dotblogs.com.tw/mis2000lab

http://www.dotblogs.com.tw/mis2000lab/

http://www.dotblogs.com.tw/mis2000lab/

Agenda

簡介情境 Scenario (How to do ?)以前的故事 (EDI 、 B 計畫、 C 計畫）WS-* 、 WCF Service 、 Web APIWhat’s RESTfulSOAP v.s. RESTCase Study

簡介

傳統商用程式的作法

Applications

資料來源(DB)

ConnectionString

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwj59YKliZzMAhVBvpQKHRxIDrEQjRwIBw&url=http://www.renweb.com/our-services/online-application/&psig=AFQjCNGEEyYn71c-ZCI7mTIQSM5J-xoafg&ust=1461202370994290

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwi8w6-OwZzMAhXKEpQKHdLgC2oQjRwIBg&url=http://rstudio-pubs-static.s3.amazonaws.com/6209_cd2b6c6c121a483e9029a3bec22ae85b.html&psig=AFQjCNFMeDEVcAX1MMW-1UXW8GaST2l4ag&ust=1461217385033429

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwi8w6-OwZzMAhXKEpQKHdLgC2oQjRwIBg&url=http://rstudio-pubs-static.s3.amazonaws.com/6209_cd2b6c6c121a483e9029a3bec22ae85b.html&psig=AFQjCNFMeDEVcAX1MMW-1UXW8GaST2l4ag&ust=1461217385033429

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwihxufUwZzMAhVGupQKHcgiBbwQjRwIBw&url=http://findicons.com/icon/63908/database&psig=AFQjCNFMeDEVcAX1MMW-1UXW8GaST2l4ag&ust=1461217385033429

https://databaseneed.wordpress.com/2015/05/14/jee-main-2015-data-base/

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwjIqoTyw5zMAhWHKpQKHQrMBgcQjRwIBw&url=http://www.excelisys.com/services/custom-software-design-development/&psig=AFQjCNGHgDgybfzTtldE1I7avhlWStAVMA&ust=1461217631211855

Internet Application (Web-base)

圖片來源 http://mechittechnologies.com/webapp.php

5

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwjc1sfbiZzMAhXDoZQKHbu7BYUQjRwIBw&url=http://mechittechnologies.com/webapp.php&psig=AFQjCNGEEyYn71c-ZCI7mTIQSM5J-xoafg&ust=1461202370994290

加入 Web Service

ApplicationsWS-*

WCF ServiceWeb API

資料來源 (DB)

ConnectionString Uri / Url



適合多種 Client 端串連

Desk-top

Web

Mobile App

WS-*

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwjv28_dhovMAhVFG5QKHaZhA4cQjRwIBw&url=http://www.gazonindia.com/web_services.html&psig=AFQjCNECc7_9nU97Zm9C0xCwwBFptqnA1w&ust=1460617474026521

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwiw3P-PipzMAhVIHJQKHcpcCmwQjRwIBw&url=http://www.ajansdelta.com/web-tabanli-ozel-uygulamalar&psig=AFQjCNGEEyYn71c-ZCI7mTIQSM5J-xoafg&ust=1461202370994290

Internet Application (Web Service-base) 圖片來源 http://mechittechnologies.com/webapp.php

8

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwjc1sfbiZzMAhXDoZQKHbu7BYUQjRwIBw&url=http://mechittechnologies.com/webapp.php&psig=AFQjCNGEEyYn71c-ZCI7mTIQSM5J-xoafg&ust=1461202370994290


http://www.mediacore.co.nz/web-applications/development.html

http://www.appsense.com/products/application-manager/

情境 Scenario

全球簡訊發送＆管理故事起源http:// 電信業者 /? 對方電話 =...& 簡訊內容

=....& 編碼 =...

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwjj6ofe9YrMAhVFpJQKHV3BDe8QjRwIBw&url=http://www.sourcecodemart.com/2013/10/&psig=AFQjCNErNC2drxkyyJYO1PS8hYK3AIeozw&ust=1460612991460868

OnSite Service 人員外派監控故事起源第一版，電話語音卡（ CTI ），類似信用卡中心、公司總機第二版， Mobile App （手機版）重點是：我負責的程式只有一套，不需改寫。

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwjj6ofe9YrMAhVFpJQKHV3BDe8QjRwIBw&url=http://www.sourcecodemart.com/2013/10/&psig=AFQjCNErNC2drxkyyJYO1PS8hYK3AIeozw&ust=1460612991460868

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwj5-NPCw5zMAhXKp5QKHceQB1MQjRwIBw&url=http://ipoint-tech.com/services/database-development/&psig=AFQjCNGHgDgybfzTtldE1I7avhlWStAVMA&ust=1461217631211855

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwiwsYu8zIrMAhUFnJQKHVQNAhUQjRwIBw&url=http://scifi.bg/statii/star-wars-nakratko/&psig=AFQjCNEtglyPCB5CeqwC-bWhTjA7QBKVAg&ust=1460601957800219

https://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwi5kL3nzIrMAhXFq5QKHSU3Do8QjRwIBw&url=https://zh.wikipedia.org/wiki/%E6%98%9F%E9%9A%9B%E5%A4%A7%E6%88%B0%E5%9B%9B%E9%83%A8%E6%9B%B2%EF%BC%9A%E6%9B%99%E5%85%89%E4%B9%8D%E7%8F%BE&psig=AFQjCNEtglyPCB5CeqwC-bWhTjA7QBKVAg&ust=1460601957800219

New Hope

Applications

前端WS-*

WCF ServiceWeb API後端

資料來源(DB)



http://www.dbta.com/Images/Default.aspx?ImageID=17412


以前的故事

Hub & B2Bi

Hub

Corp A

CorpD

CorpC

Corp B


From EDI To B2Bi

美國 GXS (Global eXchange Service) EDI 、 ANSI-X12

XML 、 RosettaNet 電子商務 HL7(HealthLevelSeven) 健康資訊交換第七層協定 JSON

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwjImoXWx4rMAhVJJ5QKHTx9AKoQjRwIBQ&url=http://xml.coverpages.org/RNIF-Spec020000.pdf&psig=AFQjCNFixzi-NVYlnEnjf5h8aP6I_c60ZA&ust=1460600663690757

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwjW7Ojlx4rMAhUCkZQKHWAVDA0QjRwIBw&url=http://www.artyfactory.com/egyptian_art/egyptian_hieroglyphs/rosetta_stone.htm&psig=AFQjCNH6ypBNmmaibIrqNMPUG9SAuhSVfA&ust=1460600699670995

企業之間的對話 (RosettaNet)

資料來源 www.ec.ccu.edu.tw/book/xml/slidec/ch11.ppt

Request

Response

Request

Response

Order Request

Receipt Acknowledge

Receipt Acknowledge

Order Acceptance

http://www.ec.ccu.edu.tw/book/xml/slidec/ch11.ppt

HIS 醫療資訊系統

18

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwjlztLA1Z7MAhWDpJQKHdJAA5cQjRwIBw&url=http://www.digitimes.com.tw/tw/dt/n/shwnws.asp?CnlID%3D13%26cat%3D10%26id%3D0000275592_Q3Z68QX38CF6QK3M0V9IY%26ct%3D1&psig=AFQjCNGu9tK4r8uNBqDTkaIO6LBxdGO-XQ&ust=1461291257918679

Web Service 、 WCF 、 Web API

Web Service WEB服務有多種不同的方法呼叫之：遠端程序呼叫

WEB服務提供一個分布式函數或方法接口供用戶呼叫，這是一種比較傳統的方式。通常，在WSDL中對RPC接口進行定義（類似於早期的XML-RPC）。

服務導向架構遵從服務導向架構（Service-oriented architecture，SOA）概念來構築WEB服務。在服務導向架構中，通訊由消息驅動，而不再是某個動作（方法呼叫）。SOA方式更加關注如何連接服務而不是去特定某個實現的細節。WSDL定義了聯絡服務的必要內容。

表述性狀態轉移表述性狀態轉移式（Representational state

transfer，REST）WEB服務類似於HTTP或其他類似協議，它們把介面限定在一組廣為人知的標準動作中（比如HTTP的GET、PUT、DELETE）以供呼叫。此類WEB服務關注與那些穩定的資源的互動，而不是消息或動作。

WCF Service

WCF (Windows Communication Foundation) 。由微軟發展的資料通訊的應用程式開發介面 (API) ，是 .NET框架的一部分，始於 .NET Framework 3.0

https://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwjcnKy_jJzMAhWMopQKHe8QB5MQjRwIBw&url=https://www.bluelabellabs.com/ideatoappster/lessons-learned-getting-android-to-connect-to-a-wcf-service/&psig=AFQjCNG_8Y9Tnaymnc1tzE4rEmtAPZ4O9Q&ust=1461203180398338

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwiG143bjJzMAhXDLpQKHTGFCTUQjRwIBw&url=http://mikesknowledgebase.azurewebsites.net/pages/Services/WebServices-Page1.htm&psig=AFQjCNG_8Y9Tnaymnc1tzE4rEmtAPZ4O9Q&ust=1461203180398338

WCF Service

WCF 基本概念是以合約（ Contract ）來定義雙方溝通的協定，合約以介面的方式呈現實際程式碼必須要由合約介面衍生並實作。四種合約：

1. 資料合約（ Data Contract ），雙方溝通時的資料格式。 2. 服務合約（ Service Contract ），服務的定義。 3. 營運合約（ Operation Contract ），服務提供的方法。 4. 訊息合約（ Message Contract ），通訊期間覆寫訊息內容的規範。

22


WCF Service

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwiAoKn79YrMAhWMI5QKHWzhCAsQjRwIBw&url=http://www.c-sharpcorner.com/UploadFile/955025/introduction-to-wcf-service/&psig=AFQjCNErNC2drxkyyJYO1PS8hYK3AIeozw&ust=1460612991460868


RESTful 設計風格 REST (Representational state transfer)

REST 是設計風格 (Style) 而不是固定的標準。 REST 通常基於使用 HTTP ， URI ，和 XML 以及 HTML 這些現有的協議和標準。不像基於 SOAP 的 Web 服務， RESTful Web 服務並沒有「正式」的標準。

以主表明細（ Master-Detail ）為例列舉所有商品， GET http://www.store.com/products 呈現某一件商品， GET http://www.store.com/product/12345

RESTful 設計風格三位一體

25

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwj3uLO3zp7MAhWDlJQKHa_pDYYQjRwIBw&url=http://dret.net/lectures/web-fall07/rest&psig=AFQjCNHyaLYB3i_A3QzPJdG6qvIty6TXcg&ust=1461289617806504

Web API

ASP.NET Web API (application programming interface) 是一個架構，可輕易建置 HTTP 服務並擴及廣大的用戶端範圍，包括瀏覽器和行動裝置。

ASP.NET Web API 是一個想理平台，以 .NET Framework 基礎建置 RESTful 應用程式。

26

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwi6yJehjpzMAhVkJaYKHaPdAw4QjRwIBw&url=http://hire-webdesigner.co.uk/web_api.php&psig=AFQjCNHG2n-qlLZUNc75TLU-hhxQxpspCQ&ust=1461203697076933

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwiBj9yAkJzMAhXIW5QKHXNBDoYQjRwIBw&url=http://www.dnnsoftware.com/community-blog/cid/155144/webapi-22-real-life-example--feedback-admin-tool&psig=AFQjCNHG2n-qlLZUNc75TLU-hhxQxpspCQ&ust=1461203697076933

Web API

27

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwi6yJehjpzMAhVkJaYKHaPdAw4QjRwIBw&url=http://werehumans.com/en/category/blog-web-development/page/4/&psig=AFQjCNHG2n-qlLZUNc75TLU-hhxQxpspCQ&ust=1461203697076933

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwiBj9yAkJzMAhXIW5QKHXNBDoYQjRwIBw&url=http://www.dnnsoftware.com/community-blog/cid/155144/webapi-22-real-life-example--feedback-admin-tool&psig=AFQjCNHG2n-qlLZUNc75TLU-hhxQxpspCQ&ust=1461203697076933

Web API v.s. WCF Service

28

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwiw7fK9j5zMAhUBp5QKHa68BDkQjRwIBw&url=http://blog.jersson.net/aprendiendo-asp-net-web-api-gratis-y-en-video/&psig=AFQjCNHG2n-qlLZUNc75TLU-hhxQxpspCQ&ust=1461203697076933

REST v.s. Web API 圖片來源 http://restlet.com/blog/2013/05/02/how-much-rest-should-your-web-api-get/

29

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwjSv_vDkJzMAhXCsJQKHUM5CzQQjRwIBw&url=http://restlet.com/blog/2013/05/02/how-much-rest-should-your-web-api-get/&psig=AFQjCNHG2n-qlLZUNc75TLU-hhxQxpspCQ&ust=1461203697076933

.NET 4.5 起的 One ASP.NET 概念

31

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwjc2uftmIvMAhWLGpQKHSYJAUMQjRwIBw&url=http://sebys.com.ar/tag/asp-net/&psig=AFQjCNGSoN-hsk6zLyj2yxQU0GSQoCihJQ&ust=1460622398816579

SOAP v.s. REST

SOAP v.s. REST SOAP is a protocol and REST is architecture REST supports multi-message formats, but SOAP permits

XML only. REST services are faster and easy to handle. SOAP is tied with SMTP & HTTP protocols whereas REST relies

on HTTP only. SOAP is more secure and structured format. REST don’t depend on any specific standards as it supports

various messaging formats like JSON, CSV and XML. SOAP web services allow to build the client with RESTful

services.

SOAP v.s. REST

SOAP was for distributed-computing. After REST’s entry, it accommodated the web by its

performance and scalability as a light weight component.

REST is stateless whereas SOAP is a state-ful specification.

REST uses Uniform Resource Identifier (URI) and it has methods like GET, PUT, POST and DELETE to expose their resources.

SOAP uses named operations and interfaces to achieve its business logics.

資料來源 http://www.softwaretestinghelp.com/soapui-tutorial-13-soap-vs-rest-services/

34

http://www.softwaretestinghelp.com/soapui-tutorial-13-soap-vs-rest-services/

SOAP v.s. REST

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwjuzqr58IrMAhWCFpQKHU35ClcQjRwIBw&url=http://www.slideshare.net/madhaiyanm/web-services-a-practical-approach&psig=AFQjCNHkcKGUJ9mBiLpWrs3IE_Ve5AbI4Q&ust=1460611716464448

SOAP v.s. REST

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwjysvm08orMAhVEH5QKHbXgB0QQjRwIBw&url=http://nicolas-zozol.developpez.com/tutorial/java/rest-jsp-english/&psig=AFQjCNHkcKGUJ9mBiLpWrs3IE_Ve5AbI4Q&ust=1460611716464448

SOAP 與 RESTful 程式寫法

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwj0lpmU84rMAhVEnpQKHX5GA90QjRwIBw&url=http://docs.sitefinity.com/for-developers-web-services&psig=AFQjCNHkcKGUJ9mBiLpWrs3IE_Ve5AbI4Q&ust=1460611716464448

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwj3yvPG8orMAhWJEpQKHT5oC6EQjRwIBw&url=http://www.slideshare.net/Muratakal/rest-vs-soap-15854355&psig=AFQjCNHkcKGUJ9mBiLpWrs3IE_Ve5AbI4Q&ust=1460611716464448

https://www.chemaxon.com/products/jchem-web-services/

Case Study

Case Study .NET (C# or VB) 、工具 Visual Studio (free)

Server 端的技術Web Service WCF ServiceWeb API

Client 端的技術JavaScript jQuery

http://www.google.com.tw/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwj-rM71kYvMAhUEtpQKHZwCBSsQjRwIBw&url=http://www.techspot.com/news/59248-cornerplay-clicktivism-social-media-trolling.html&psig=AFQjCNEa5pnEQtl6n1UiIrE-1NVD4ragcA&ust=1460617611423011

我 Blog 網站上的文章與範例下載 Web Service 入門 #1 ，透過 Visual Studio -- VS 2005/2008/2010 撰寫一個 Web Service （系列文章） https://dotblogs.com.tw/mis2000lab/archive/2008/09/26/webservice_1.aspx

[ 入門範例 ] ASP.NET Web Service (asmx) 與 jQuery AJAX https://dotblogs.com.tw/mis2000lab/archive/2015/05/19/jquery_ajax_web_service.aspx

Web API 超簡單入門 -- Your First ASP.NET Web API v1.0 #1 (C# / VB, 原作： Mike Wasson) （系列文章）

https://dotblogs.com.tw/mis2000lab/2012/11/01/your_first_web_api_20121101_1

https://dotblogs.com.tw/mis2000lab/archive/2008/09/26/webservice_1.aspx



https://dotblogs.com.tw/mis2000lab/archive/2015/05/19/jquery_ajax_web_service.aspx




