基本的串接 API 練習

簡單卻也實用。

簡述

這裡會以 reqres 這個 API 來做基本的串接練習:

  1. GET 取得使用者資料
  2. POST 新增使用者資料
  3. DELETE 刪除使用者資料
  4. PATCH 修改使用者資料

原始碼

GET:

1
2
3
4
5
6
7
const request = require('request')
// argument variable,讓你可以 node index.js 「1」
const { argv } = require('process')
// GET 請求
request(`https://reqres.in/api/users/${argv[2]}`, (error, response, body) =>
console.log(JSON.parse(body))
)

POST:

1
2
3
4
5
6
7
8
9
10
11
12
const request = require('request')
// 新增使用者資料
request.post(
{
url: `https://reqres.in/api/users`,
form: {
name: 'PeaNu',
job: 'F2E'
}
}, // 回應的內容
(error, response, body) => console.log(body)
)

response:

1
{"name":"PeaNu","job":"F2E","id":"204","createdAt":"2022-01-03T13:55:49.725Z"}

DELETE:

1
2
3
4
5
6
7
8
const request = require('request')
// 刪除 users/2 的資料
request.delete('https://reqres.in/api/users/2', (error, response, body) => {
// 回應的狀態碼
console.log(response.statusCode)
// 回應的內容
console.log('body:', body)
})

response:

1
2
204  // 成功,但我沒什麼想跟你說的
body: // 所以 body 才會是空的

PATCH:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
const request = require('request')
// 修改 users/2 的資料
request.patch(
{
url: 'https://reqres.in/api/users/2',
form: {
name: 'PeaNu',
job: 'F2E'
}
},
(error, response, body) => {
// 回應的狀態碼
console.log(response.statusCode)
// 回應的內容
console.log(body)
}
)

response:

1
2
200
{"name":"PeaNu","job":"F2E","updatedAt":"2022-01-04T06:33:38.211Z"}
快速重溫 TCP/IP 四層模型 SDK 與 API 之間的關係
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×