เหล่า 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!
และเพิ่ม 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
Top comments (0)