iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 12
1
Cloud

Xamarin.Forms, ASP.NET Core WEB API搭配AZURE服務與資料庫服務整合應用實例系列 第 12

Day12 – 建置ASP.NET CORE WEB API開發環境

  • 分享至 

  • xImage
  •  

由於Microsoft已經推出.NET CORE 1.1版, 所以直接安裝這個版本, 下載位置如下, 因Surface Pro 3 是x64版, 所以選擇x64下載
https://www.microsoft.com/net/download/core
http://ithelp.ithome.com.tw/upload/images/20161213/20103333WS88aBmDNt.png

接著一併下載.NET Core tools preview for Visual Studio如紅框所示
https://www.microsoft.com/net/core#windowsvs2015
http://ithelp.ithome.com.tw/upload/images/20161213/20103333lSxBZavA1K.png

點擊dotnet-dev-win-x64.1.0.0-preview2-1-003177.exe進行安裝
http://ithelp.ithome.com.tw/upload/images/20161213/20103333xFR4NoCuyy.png

直接點選Install安裝, 一步安裝到底
http://ithelp.ithome.com.tw/upload/images/20161213/20103333FerPDjYvBx.png

接著點擊DotNetCore.1.0.1-VS2015Tools.Preview2.0.3.exe安裝, 一樣是一步安裝到底完成
http://ithelp.ithome.com.tw/upload/images/20161213/20103333V7AdsndQI2.png
http://ithelp.ithome.com.tw/upload/images/20161213/20103333axq8ajUzE3.png

另外需要一個本地端的Database做測試, 所以採用MS SQL Express 2016, 下載位置如下, 一樣也是一步安裝到底
https://www.microsoft.com/en-us/download/details.aspx?id=52679
http://ithelp.ithome.com.tw/upload/images/20161213/20103333rjnya00R7Z.png

接著來測試WEB API專案是否能正確執行, 在Visual Studio新增ASP.NET CORE的專案如下紅框所示
http://ithelp.ithome.com.tw/upload/images/20161213/20103333ZtaK6IVF7c.png

選擇Web API專案類型, 取消勾選Host in the cloud, 這個等要上正式區, 再做設定
http://ithelp.ithome.com.tw/upload/images/20161213/20103333oV8L0ZLHYL.png

接著在專案裡找到ValuesController.cs, 並點開來
http://ithelp.ithome.com.tw/upload/images/20161213/20103333G4zHsOfJ8N.png

修改 //Get api/values/5的區塊程式碼如下, 改為可回傳id做測試
http://ithelp.ithome.com.tw/upload/images/20161213/20103333W9IZHqvdkM.png

接著按下Debug做測試
http://ithelp.ithome.com.tw/upload/images/20161213/20103333843OFfe8ep.png

成功畫面如下
http://ithelp.ithome.com.tw/upload/images/20161213/20103333FIOzcymFUM.png

接著輸入剛剛修改的部分, 看是否可動態回傳數字?
http://ithelp.ithome.com.tw/upload/images/20161213/20103333MpnHzLgrt3.png

以上就是簡單的WEB API建置, 另外在查閱相關文件時, 發現一個好物用來測試WEB API即Postman, 它是一個Google App, 安裝方式如下, 在Chrome按下滑鼠右鍵點選擴充功能
http://ithelp.ithome.com.tw/upload/images/20161213/20103333EAFPSRRoVd.png

點選取得更多功能
http://ithelp.ithome.com.tw/upload/images/20161213/20103333tPSYxjRVfw.png

搜尋postman
http://ithelp.ithome.com.tw/upload/images/20161213/20103333GsrLz7oUCp.png

點擊加到Chrome裡
http://ithelp.ithome.com.tw/upload/images/20161213/20103333WwWtqtGx1L.png

之後便可以啟動Postman
http://ithelp.ithome.com.tw/upload/images/20161213/20103333mZl5JXAJuX.png

可以在網址列, 輸入欲測試API按下Send, 下方即可看到回傳的JSON字串, 是不是很方便呢?
http://ithelp.ithome.com.tw/upload/images/20161213/20103333zT4iX2AZpS.png


上一篇
Day11 – 實例開發之業務人員行程管理系統
下一篇
Day13 - Azure Active Directory B2C Part1 環境配置
系列文
Xamarin.Forms, ASP.NET Core WEB API搭配AZURE服務與資料庫服務整合應用實例32
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言