[筆記] 串接 HTTP API 實戰


Posted by tzutzu858 on 2020-07-13

Test your front-end against a real API

const request = require('request');
request('https://reqres.in/api/users', 
function (error, response, body) {
   console.log(body); 
});

指令 : command node index.js ( Windows下)

想要抓到編號是 2 的 user
根據這個網站 API, users 後加/2就好,但要學的是下一個

const request = require('request');
request('https://reqres.in/api/users/2', 
function (error, response, body) {
   console.log(body); 
});

node.js 有個 process 把它引入進來

const request = require('request');
const process = require('process');

console.log(process.argv)

request('https://reqres.in/api/users/2', 
function (error, response, body) {
   console.log(body); 
});

印出來發現它是一個 array
第一個參數對照第一個 第二個對照第二個 第三個對照第三個

所以其實可以改成

const request = require('request');
const process = require('process');

request('https://reqres.in/api/users/' + process.argv[2], 
function (error, response, body) {
   console.log(body); 
});

這樣要印編號幾就都可以


用 post 去新增 user

去看 request 的 API 文件 https://github.com/request/request

const request = require('request');
const process = require('process');

request.post(
  {
     url:'https://reqres.in/api/users',
     form: {
      "name": "tzutzu",
      "job": "none"
     }
  }, 
  function (error, response, body) {
   console.log(body); 
  }
);


但在這裡只是測試用,不是真的寫入,因為用 id 854 是找不到剛剛寫入的資料










Related Posts

MTR04_0910

MTR04_0910

Web Accessibility 的重要性

Web Accessibility 的重要性

CSS 生成藝術初探與 css-doodle 簡介

CSS 生成藝術初探與 css-doodle 簡介


Comments