Tag Archive API

Byphunsanit

Public ส่ง localhost ให้ทีม WFH ที่อยู่คนละบ้านใช้

สมัยนี้การที่ในทีมจะมีคนที่ work from home wfh อยู่คนละจังหวัดด้วยซ้ำ แต่บางครั้งก็ต้องมีการส่งงาน ประสานงานกันในทีมโดยเฉพาะคนที่ ทำ API ระบบภายในหรือต้องมีการส่งระหว่างเครื่องที่ใช้กับ network ภายนอกอย่าง LINE ที่ต้องการ SSL เป็นข้อบังคับพื้นฐาน แต่จะรอให้ programmer เอาขึ้น server dev ก่อน sq, qa ถึงจะเห็นงานบางครั้งก็รอไม่ไหว จึงมีคนทำ HTTP tunneling ขึ้นมาเหมือนกับการที่ทำอุโมงค์แบบ private ส่งของจากเครื่องเราไปให้อีกฝั่งได้โดยไม่ต้องใช้ เซิร์ฟเวอร์ที่ต่อ domain อยู่ไม่ต้องใช้ SSL

วิธีที่ง่ายสุดคือ การสมัครใช้ HTTP tunneling เช่น ngrok หรือ pinggy จากที่ลอง ๆ ใช้มา ngrok จะเป็นตัวที่ดังที่สุด แต่ชอบ pinggy มากกว่าเพราะไม่ต้องลงโปรแกรมเพิ่มให้หนักเครื่อง

  1. ไปที่เว็บ pinggy ก่อนคลิกสมัครสมาชิก ใช้ google ก็ได้
  2. ไปที่ Dashboard ด้านซ้ายมีจะมีตัวเลือก
    • HTTP(S) Tunnel
    • TCP Tunnel
    • UDP Tunnel
    • TLS Tunnel
    • Domains
  3. จะเห็นว่ามีแทบทุกอย่างที่เว็บ / API สมัยนี้ใช้แล้ว เลือก protocol ที่ต้องการ เช่น HTTP / HTTPS Tunnel
  4. ด้านขวา จะมีให้เลือกว่าจะสร้างท่อส่วนตัวของเราวิธีไหน
    • SSH
    • Pinggy CLI ( shell script นั่นละ downloadมาใช้ได้เลย )
    • Docker ( ทะลุกล่องออกมาก็ได้ )
  5. แต่ละแบบจะมี ตัวเลือกในการสั่งงาน เช่น
    • Local address อย่าง http://localhost:8080
    • Platform
      • Linux ( Bash )
      • Mac ( ZSH )
      • Windows Cmd
      • Windows Powershell
    • Access token:
    • Region
  6. ใช้คำสั่งที่มันบอกให้ตามการปรับแต่งของเรา เช่น
    ./pinggy -p 443 -R0:localhost:8080 -L4300:localhost:4300 -o StrictHostKeyChecking=no -o ServerAliveInterval=30 [email protected]
  7. จะเห็น ข้อความประมาณ
    You are authenticated as [email protected]
    Your tunnel will expire in 60 minutes. Upgrade to Pinggy Pro to get
    unrestricted tunnels. https://dashboard.pinggy.io
    http://duzvt-184-22-100-86.a.free.pinggy.link -> http://localhost:8080
    https://duzvt-184-22-100-86.a.free.pinggy.link -> http://localhost:8080
  8. ส่ง URL ทีเห็นนี้ไปให้ทีมงาน เค้าจะเข้ามาดู API ในเครื่องเราได้

อ่านเพิ่มเติม