เหล่า frontend เคยติดปัญหาเรื่องต้องรอ Backend พัฒนา APIs ให้เราใช้บ้างไหม? ทำไมต้องรอละ แล้วทำไมเราไม่ mock มันขึ้นมาเองละ
บทความนี้นำเสนอการใช้สร้างงาน Stub ซึ่งมันคือการ Mock ข้อมูลอย่างหนึ่งที่รวดเร็ว เข้าใจง่าย ในรูปแบบของ JSON (JavaScript Object Notation)

งั้นเรามาเริ่มต้นกันเลย

เปิด vscode ขึ้นมาเลย และสร้าง folder

ต่อไป ให้ค้นหาว่า [stubby 4j] หรือคลิกลิงค์นี้เลย Stbby4j

จากนั้นจึงดาวโหลด stubby4j-6.0.2.jar

ต้องให้แน่ใจว่า เครื่องของคุณมี java อยู่หรือไหม โดยตรวจสอบด้วยคำสั่งด้านล่าง
java -version


ถ้าไม่มี java ก็ลงก่อนนะครับ Install java

ย้าย stubby4j-6.0.2.jar ที่ได้ไปยัง directory ที่ต้องการ
จากนั้นสร้างไฟล์ service.yaml

-  request:
      method: GET
      url: /hello-world
   response:
      status: 200
      headers:
         content-type: application/json
      body: Hello Stubby!

Enter fullscreen mode Exit fullscreen mode

และเพิ่ม code ส่วนสำคัญ เข้าไปในไฟล์ service.yaml
ส่วน code เรากำหนด request GET:/hello-world
เมื่อมีการ request เข้ามาจะ response เป็น Hello Stubby!

จากนั้นเข้า directory ของเรา แล้วรันคำสั่ง
java -jar stubby4j-6.0.2.jar -d service.yaml -s 59040
ในที่นี้ผมเปลี่ยน port รันเป็น port 59040 ถ้าเราไม่มีส่วน -s 59040 มันจะรัน Defaults เป็น port 8882

ถ้าหากรันแล้วหน้าตาแบบนี้ถือว่าสำเร็จแล้วครับ

มาดูผลลัพธ์กันครับ http://localhost:59040/hello-world

ข้อมูลแค่นี้น่าจะพอเป็นแนวทางการใช้งาน stub ได้พอสมควร หากต้องการดูรายละเอียดการใช้งาน stub อย่างละเอียดสามารถเข้าไปดูที่ Stbby4j

原文链接：Stubby