DEV Community

Cover image for Stubby
WarinpipopT
WarinpipopT

Posted on

Stubby

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

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

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

Alt Text

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

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

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

Alt Text
ถ้าไม่มี java ก็ลงก่อนนะครับ Install java
Alt Text
ย้าย 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

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

Alt Text

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

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

Top comments (0)