iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 30
2
Modern Web

網站前端後端與API系列 第 30

API中的GET與POST-6

  • 分享至 

  • xImage
  •  

API的其他呼叫方式

我們一路上會了前端介面,前端要求方式,與後端伺服器回應等,其實已經建置了不少API了,統整一下,目前API包括:

-首頁
router.get('/'...

-第二頁面
router.get('/30days'...

-下載圖片
router.get('/downloadimg'...

-傳送id
router.get('/getparams'...

-傳送帳號密碼
router.post('/postdemo'...

前面四個用GET的方式做API溝通,最後一個用POST方式溝通,而我們也會了用網址發送GET要求,用表單發送POST要求。API其實可以接受要求的形式很多,例如我們已經會的網頁形式,也可以將伺服器運行後,透過別的裝置要求,如Android App, iOS App, 或其他可上網硬體,都有機會可以設計成RESTful的API溝通形式。而軟體面,除了網頁外,也介紹用Terminal與POST man的方式做API溝通:

CURL

CURL是透過Termainl的HTTP Request軟體,Mac, Linux不用另外安裝,windows要由此流程安裝
我們開啟Terminal,輸入

$ curl -d "userName=BigQ&password=30days" -X POST http://localhost:3000/postdemo

會看到回應

Hi!原來是BigQ!恭喜完成29天挑戰囉!

WOW!跟我們在網頁上看到的一樣呢!只是平台換成了Terminal。
注意喔!此時伺服器要正常運行才能夠完成Request。

這概念就是RESTful API的價值,伺服器可以接收來自不同軟硬體的Request並作出Response,只要協定條件滿足即可,也就是信封的地址與內容都正確就OK!

我們用看看別的軟體

POSTMan

無論什麼作業系統都要安裝,連結在此,安裝完後,開啟軟體可以看到介面,這是一個很好測試API的軟體,提供了多樣的RESTful API測試工具,我們來試試看
https://ithelp.ithome.com.tw/upload/images/20191016/201131535mDif0VG9m.png

按下送出就可以看到下方的回應成果!
完全學會啦!從今開始,你也可以輕易地建立自己的前端、後端與API了!

p.s. 真的要謝謝老蕭與偉誠日日夜夜地提醒,才有完賽的一天...Orz


上一篇
API中的GET與POST-5
系列文
網站前端後端與API30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
Old Siao
iT邦研究生 1 級 ‧ 2019-10-17 09:16:42

恭喜完賽!
/images/emoticon/emoticon12.gif/images/emoticon/emoticon34.gif

0
阿展展展
iT邦好手 1 級 ‧ 2020-02-09 03:35:34

恭喜完賽 \0.0/

0
taowu74
iT邦新手 5 級 ‧ 2020-06-26 17:02:43

蠻不錯的唷,簡單易懂的方式把流程介紹一遍,對初學者真的蠻有幫助的,謝謝囉

我要留言

立即登入留言