Web Socket คืออะไร สามารถสร้างระบบแบบ Real Time ได้อย่างไร

author :
     การรับส่งข้อมูลโดยทั่วๆไปนั้นจะเกิดจากฝั่ง Client ไปดึงข้อมูลจากฝั่ง Server การจะดึงข้อมูลล่าสุดได้นั้นจะต้อง Refresh ตัว Web Browser ก่อน เพื่อให้ Client มีการร้องขอข้อมูลจากฝั่ง Server แล้วให้ฝั่ง Server ตอบกลับข้อมูลอีกครั้ง ซึ่งเรามักจะ Refresh หน้าเว็บไปเรื่อยๆเพื่อให้แน่ใจว่าข้อมูลนั้นเป็นข้อมูลล่าสุดแล้ว แต่หากใช้ Web Socket ไม่ต้องทำเช่นนี้อีกต่อไปแล้ว
     Web Socket เปรีบบเสมือนการสร้างสะพานเพื่อเชื่อมต่อข้อมูลแบบ Real time ระหว่างฝั่ง Server และ Client เป็นการสื่อสารแบบสองทิศทางคือสามารถรับและส่งข้อมูลในเวลาเดียวกันได้ โดย Web Socket นั้นจะคอยดูว่ามี Event เกิดขึ้นหรือไม่ เช่น ฝั่ง Client กำลังรอข้อมูลจากฝั่ง Server ว่ามีข้อมูลอะไรตอบกลับมาหรือไม่ หากมีข้อมูลจะถูกส่งผ่านไปยัง Client ทำให้ไม่ต้องคอย Refresh หน้าเว็บเพื่อเรียกข้อมูลจากฝั่ง Server เหมือนแต่ก่อน ส่วนใหญ่แล้วจะใช้กับ ระบบแชท ระบบแจ้งเตือน การซื้อขายหุ้น เป็นต้น

การทำงานของ Web Socket และ HTTP


     ก่อนเข้าใจการทำงานของ Web Socket นั้นอยากให้เข้าใจการทำงานของ HTTP ก่อนเพราะเป็นพื้นฐานที่จะพัฒนาสู่ Web Socket การทำงานของ HTTP นั้นเริ่มจากฝั่ง Client จะร้องขอข้อมูลไปยังฝั่ง Server ใน Protocol HTTP หรือ HTTPS จากนั้นจะรอการตอบกลับข้อมูลจากฝั่ง Server เมื่อได้รับข้อมูลครบแล้วการเชื่อมต่อจะถูกปิดลง จากการทำงานของ HTTP นี้เองทำให้มีข้อจำกัดอยู่ว่าฝั่ง Server ไม่สามารถส่งข้อมูลกลับมายังฝั่ง Client ได้เองหากฝั่ง Client ไม่ได้ร้องขอข้อมูล
     การทำงานของ Web Socket นั้นเป็นการสื่อสารแบบสองทิศทางเมื่อมีการเชื่อมต่อ Protocal ระหว่างฝั่ง Client และ Server จะถูกเชื่อมต่อตลอดจนกว่าฝ่ายใดฝ่ายหนึ่งจะยกเลิก จากรูปฝั่ง Client เริ่มเชื่อมต่อโดยการร้องขอข้อมูลไปยังฝั่ง Server ทำให้การเชื่อมต่อระหว่างฝั่ง Client และฝั่ง Server นี้จะอยู่ไปตลอด(Hand Shake) ทำให้การรับส่งข้อมูลเกิดขึ้นได้โดยทั้งสองฝั่งสามารถแลกเปลี่ยนข้อมูลกันได้ทั้ง 2 ทิศทางและไม่ต้องรอฝ่ายใดฝ่ายหนึ่งส่งข้อมูลมาก่อน การเชื่อมต่อนี้จะเกิดขึ้นจนกว่าฝั่งใดฝั่งหนึ่งจะยกเลิกการเชื่อมต่อ

ข้อดี ข้อเสีย Web Socket

ข้อดี
  • เหมาะสำหรับ Realtime Application เพื่อให้การรับส่งข้อมูลรวดเร็ว
  • เป็นการสื่อสารแบบสองทิศทาง
  • ไม่ต้องเชื่อมต่อหลายครั้ง เพียงเชื่อมต่อครั้งเดียวก็สามารถส่งข้อมูลไปกลับได้
  • มี Library ให้ใช้งานทุกภาษา
ข้อเสีย/ข้อจำกัด
  • ใช้งานกับ Server ที่รองรับการเชื่อมต่อแบบ Web Socket เท่านั้น
  • ใช้เวลาพัฒนานานและซับซ้อนกว่าแบบ HTTP
  • ยังไมี Proxy บางตัวที่ไม่สนับสนุน Web Socket
ตัวอย่าง Web Socket

เว็บไซต์ https://www.piesocket.com/websocket-tester ได้แสดงการทำงานของ Web Socket เมื่อเปิดหน้าเว็บมาแล้วจะเห็นหน้าต่างของ Web Socket ปรากฎอยู่ 


เพื่อให้เข้าในการทำงานการรับส่งข้อมูลให้เปิด DevTools ของตัว Browser ขึ้นมา จากตัวอย่างใช้ Chrome ให้คลิ๊กขวาบนเว็บไซต์แล้วเลือก Inspect จากนั้นคลิ๊ก Network แล้วเลือก WS(Web Socket) จากนั้นกด Connect เพื่อเชื่อมต่อ Web Socket เมื่อเชื่อมต่อเสร็จแล้วเริ่มพิมพ์ข้อความแล้วกด Send


เมื่อเริ่มเชื่อมต่อ Web Socket แล้วจะเห็นว่ามี Request เกิดขึ้น หลังจากนั้นทดลองพิมพ์ข้อความอะไรก็ได้แล้วกด Send จะสังเกตเห็นว่า มีเพียง Request เดียว ยังไม่มี Request ใหม่เกิดขึ้นถึงแม้จะกด Send ก็ตามแต่ข้อความเหล่านั้นจะถูกรวมอยู่ภายใต้ Messages ซึ่งนี้เป็นการทำงานของ Web Socket คือไม่ต้องส่ง Request หลายครั้ง ส่งเพียงครั้งเดียวแล้วใช้การรับส่งข้อมูลภายใต้ Web Socket





ป้ายกำกับ

แสดงเพิ่มเติม

บทความยอดนิยม

รูปภาพ

Software Development Life Cycle (SDLC) คืออะไร ทำไมจำเป็นต่อการพัฒนาซอฟต์แวร์

     Software development life cycle (SDLC) เป็นกระบวนการที่ใช้ในการพัฒนาซอฟต์แวร์ โดยได้มีการกำหนดขั้นตอนต่างๆ เพื่อสามารถพัฒนาและส่งมอบซอฟต์แวร์ ได้อย่างมีคุณภาพและสมบูรณ์ โดยทั่วไปแล้ว SDLC จะประกอบไปด้วย 6 ขั้นตอนได้แก่  การวางแผน  การเก็บรวบรวม Requirement  การออกแบบซอฟต์แวร์  การพัฒนา ซอฟต์แวร์  การทดสอบ ซอฟต์แวร์  การบำรุงรักษา ซอฟต์แวร์ ขั้นตอนกระบวนการพัฒนาซอฟต์แวร์ - Software Development Life Cycle 1. การวางแผน (Planning) เป็นการวางแผนในการพัฒนาซอฟต์แวร์ ใน Phase นี้ Program manager, Project Manage จะวางแผนใน Project ว่าจะใช้ระยะเวลาในการพัฒนาซอฟต์แวร์เท่าไหร่ (Time) มี Feature อะไรบ้างที่จะพัฒนา (Scope) มีจำนวนคนที่จะใช้พัฒนาซอฟต์แวร์กี่คน (Resource) วางแผนว่าใครหรือองค์​กรไหนที่จะมีส่วนเกี่ยวข้องกับการพัฒนาซอฟต์แวร์ได้บ้างเช่น หากทำ Application เกี่ยวกับการซื้อขายหุ้นก็ต้องอาศัยกฏ ข้อบังคับต่างๆของ กลต เข้ามาเป็นปัจจัยการออกแบบซอฟต์แวร์ด้วย วางแผนเพื่อเก็บ Requirement, Design Software และการทดสอบซอฟต์แวร์ การมีข้อมูลที่...
รูปภาพ

ม.ปลายอยากเข้าสายคอม วิทยาการคอม วิศวกรรมคอม เตรียมตัวอย่างไร ต้องมีพื้นฐานอะไรบ้าง

      สำหรับใครคนไหนที่อยู่ ม.ปลายและสนใจอยากเรียนในสายคอม วิศวกรรมคอมพิวเตอร์หรือสาขาอื่นๆที่ใกล้เคียงในบทความนี้จะเป็นการแนะนำว่าในสาขาวิชาที่เกี่ยวกับคอมพิวเตอร์ใช้ความสามารถอะไรบ้าง เช่น ในสาขาวิชานี้จะต้องเขียนโปรแกรมแต่ไม่แน่ใจว่าจะสามารถเขียนได้ไหม เรียนไม่เก่ง เกรดไม่ดีจะเรียนคอมได้ไหม ก่อนจะเรียนต้องใช้ความรู้อะไรบ้าง ในบทความนี้จะอธิบายเพื่อให้เราเตรียมตัวที่จะเข้าเรียนได้ง่ายและสนุกกับการเรียนในสาขาวิชาที่เกี่ยวกับคอมพิวเตอร์นี้ หลักสูตรที่โรงเรียนบอกได้หรือไม่ว่าเหมาะที่จะเรียนในสายคอมพิวเตอร์หรือไม่      ในหลักสูตรของแต่ละโรงเรียนที่มีอยู่ในตอนนี้นั้นไม่วัดถึงความถนัดตัวเราเองว่าเหมาะที่จะเป็นนักคอมพิวเตอร์ไหม ในชีวิตจริงบางคนเป็นนักคอมพิวเตอร์เพราะชื่นชอบในสายคอมพิวเตอร์และเทคโนโลยี บางคนเป็นนักคอมพิวเตอร์ได้ทั้งๆที่ไม่มีโอกาสใช้คอมพิวเตอร์ บางคนเป็นนักคอมพิวเตอร์ได้ทั้งๆที่ไม่ได้จบเกี่ยวกับคอมพิวเตอร์เลย บางคนเป็นนักคอมพิวเตอร์ได้เพราะเกิดจากการเล่มเกม เป็นต้น แม้กระทั่งในชีวิตจริงยังไม่มีตัวชี้วัดไหนที่จะชี้วัดว่าการจะเป็นนักคอมพิวเตอร์ต้องจ...
รูปภาพ

Automation testing หรือ การทดสอบซอฟต์แวร์อัตโนมัติ คืออะไร ทำไมถึงสำคัญต่อการทดสอบซอฟต์แวร์

     การทดสอบซอฟต์แวร์นั้นถือเป็นกระบวนการอย่างหนึ่งในการพัฒนาซอฟต์แวร์ เพื่อหาข้อผิดพลาดและป้องกันข้อผิดพลาดที่จะเกิดขึ้น ช่วยให้ซอฟต์แวร์ที่พัฒนานั้นมีประสิทธิภาพ ซึ่งในช่วงการทดสอบซอฟต์แวร์นั้น กระบวนการสำคัญที่ Tester จะใช้ในการทดสอบคือ Manual Testing เป็นการหาข้อผิดพลาดโดยใช้คนเข้าไปตรวจสอบดูว่าซอฟต์แวร์มีข้อผิดพลาดตรงไหนหรือไม่ ยกตัวอย่างเช่น หากซอฟต์แวร์มีการเปลี่ยนแปลง มี New feature ใหม่ขึ้นมา tester จะมีการทดสอบแบบ Regression testing คือการ Run test case เก่าๆ เพื่อดูว่าซอฟต์แวร์มีข้อผิดพลาดหรือไม่ หากพิจารณาดูแล้ว ค่อนข้างจะเป็นงานที่ทำซ้ำและเสียทั้งเวลา ปัจจุบันจึงมีแนวคิดที่จะนำงานที่ทำซ้ำๆนั้นไปทำเป็น Automation หรือทำให้เป็นระบบอัตโนมัติขึ้นมา เช่น ต้องการทดสอบหน้าของการสมัครสมาชิก ซึ่งข้อมูลที่ต้อง Input เข้าไป ผลที่คาดหวัง ค่อนข้างจะมีค่าที่แน่นอนอยู่แล้ว ซึ่งเราสามารถทำการทดสอบลักษณะแบบนี้ให้เป็น Automation testing ได้ หรืออาจจะมองว่าเรากำลังสร้างหุ่นยนต์ขึ้นมาเพื่อทดสอบซอฟต์แวร์นั่นเอง เข้าใจรูปแบบของการทดสอบกัน ก่อนจะรู้จัก automate test  ...
รูปภาพ

วิธีเก็บ วิเคราะห์ รวบรวม requirement อย่างไรให้มีประสิทธิภาพ

     การเก็บ Requirement เป็นกระบวนหนึ่งในการพัฒนาซอฟต์แวร์เพื่อค้นหา รวบรวม หรือสกัด  ความต้องการ  ว่าจะสามารถรวบรวมได้จากแหล่งใดได้บ้าง เป็นการเก็บความต้องการเพื่อให้เป็นไปตามวัตถุประสงค์ของการพัฒนาซอฟต์แวร์ ความยากของการเก็บรวบรวมความต้องการนั้นคือเราจะเก็บ Requirements อย่างไรให้ได้ Requirements ที่ดี ไม่คลุมเครือ เข้าใจปัญหาอย่างแท้จริง เข้าถึงความต้องการที่แท้จริงของผู้ใช้งาน ก่อนที่จะมีการเก็บ Requirements ต้องทำความเข้าใจขององค์กรเราก่อนว่าองค์กรเราเป็นอย่างไร เพื่อ Requirements จะตอบโจทย์ตามวัตถุประสงค์ขององค์กรเรา เป้าหมายขององค์กร การศึกษาเป้าหมายขององค์กรก่อนนั้นเพื่อให้เราเข้าใจว่าองค์กรมีเป้าหมายในการพัฒนาซอฟต์แวร์อย่างไร เช่น นำซอฟต์แวร์มาใช้เพื่อลดต้นทุน นำซอฟต์แวร์มาใช้เพื่อเพิมประสิทธิภาพในการผลิตได้ เป็นต้น เข้าในถึงกฎในการดำเนินธุรกิจ  การจะผลิตซอฟต์แวร์ให้กับองค์กรใดๆได้นั้น ควรศึกษาทำความเข้าใจเกี่ยวกับกฎในการดำเนินธุรกิจนั้นๆด้วยว่าองค์กรนั้นมีกฎใดเข้ามาเกี่ยวข้องบ้าง เช่น ธุรกิจด้านประกันก็ต้องใช้กฎของ คปภ. มาเป็นปัจจั...
รูปภาพ

Performance Test คือ อะไร วัดประสิทธิภาพของระบบ ล่มไม่ล่ม จะรู้ได้อย่างไร

      Performance Testing   คือ  ตัวชีวัดถึงประสิทธิภาพของซอฟต์แวร์เราได้ว่าซอฟตร์แวร์ที่เราพัฒนาขึ้นมานั้นมีการสอบสนองเร็วหรือช้าหรือหากมีจำนวนผู้ใช้งานเข้ามามากๆแล้วระบบเราจะยังสามารถทำงานได้หรือไม่ ซึ่งการทำ Performance Testing นั้นจะทำให้เราทราบถึงข้อจำกัดและข้อผิดพลาดเชิงประสิทธิภาพได้ก่อนที่ลูกค้าจะพบ ตัวอย่างหนึ่งที่เกิดขึ้นบ่อยคือ การประกาศผลหรือคะแนนสอบผ่านเว็บไซต์ ลักษณะของกิจกรรมที่เกิดขึ้นนั้นพบว่ามีผู้ใช้งานเป็นจำนวนมากเข้าใช้งานบนเว็บไซต์พร้อมๆกันทำให้ระบบล่ม ซึ่งหากเราได้ศึกษาเกี่ยวกับ Performance ของระบบแล้วเราอาจจะเข้าใจมากขึ้นว่าทำไมระบบถึงล่งและจะหาทางป้องกันได้อย่างไรซึ่งบทความนี้จะมีคำตอบให้อย่างแน่นอน      การทดสอบแบบ Performance Test นั้นเป็นการทดสอบอยู่ในกลุ่มของ Non-Functional testing ซึ่งมีวัตถุประสงค์เพื่อให้ซอฟต์แวร์สามารถใช้งานได้อย่างมีประสิทธิภาพ ง่ายต่อการบำรุงรักษา ลดความเสี่ยงต่างๆที่อาจจะเกิดขึ้น โดยในกลุ่มของ Non-Functional testing สามารถแบ่งประเภทที่จะทดสอบออกเป็นอีกหลายประเภทและ Performance te...
รูปภาพ

8 สิ่งที่ AI จะมาเปลี่ยนโลกในอนาคต

     AI (Artificial Intelligence) หรือ ปัญญาประดิษฐ์ เป็นโปรแกรมที่เขียนขึ้นมาให้มีความคล้ายกับสมองของมนุษย์ มีความสามารถในการรับรู้สถานะการณ์ต่างๆได้ มีความสามารถในการเรียนรู้เองได้ สามารถคิด วิเคราะห์และตัดสินใจเองได้ AI ไม่ใช่สิ่งที่ใหม่เพราะมีการพัฒนามาตั้งแต่ปี 1956 มาจนถึงปัจจุบัน สิ่งที่ AI กำลังได้รับความสนใจก็เพราะ AI มีความฉลาดมากขึ้น บางเรื่องสามารถทำได้ดีกว่ามนุษย์แล้ว ปัจจุบันงานวิจัยที่ศึกษาเกี่ยวกับเรื่อง AI และงานวิจัยที่เกี่ยวข้องกับเรื่อง AI นั้นมีมากเป็นอันดับที่ 1 เทียบกับงานวิจัยในเรื่องอื่นๆ ทำให้สามารถคาดเดาได้ว่า ในอนาคตอันใกล้นี้ AI จะมีผลกับชีวิตประจำวันของเราเป็นอย่างมาก 1. รถยนต์ขับเคลื่อนอัตโนมัติแบบ Full Automation ภาพการตรวจจับวัตถุของรถยนต์ tesla      รถยนต์ขับเคลื่อนอัตโนมัติอาจไม่ใช่สิ่งใหม่ใหม่ เพราะมีการพัฒนามานานแล้ว แต่ความฉลาดของระบบขับเคลื่อนแบบอัตโนมัตินั้นจะฉลาดมากขึ้นไปเรื่องๆ ปัจจุบันการขับเคลื่อนของรถยนต์นั้นยังมีข้อจำกัดอยู่ บางสถานการณ์ยังต้องการใช้คนเข้ามาช่วยในการตัดสินใจ ในอนาคตคนไม่จำเป็นต...
รูปภาพ

ถอดรหัสความลับเครื่อง Enigma จุดเริ่มต้นและจุดจบของสงครามโลกครั้งที่ 2

CREDIT: RUI VIEIRA      ในภาวะสงครามนั้น ข้อมูลข่าวสารนั้นสำคัญมาก โดยเฉพาะข้อมูลที่จะรั่วไหลไปยังฝ่ายตรงข้าม ที่อาจรู้ถึงความเคลื่อนไวของตัวเอง และต้องพยายามรู้ข่าวสารและการเคลื่อนไหวของฝ่ายตรงข้ามให้ได้มากที่สุด ดังนั้นการใช้เทคโนโลยีในการสื่อสารนั้นก็มีความสำคัญ ประเทศที่มีกองกำลังมาก ยิ่งต้องการติดต่อสื่อสารโดยเฉพาะคำสั่งจากฐานบัญชาการ ในช่วงสงครามโลกครั้งที่สองนั้นยังมีข้อจำกัดทางเทคโนโลยีเพื่อติดต่อสื่อสาร การจะติดต่อสื่อสารช่วงสงครามโลกครั้งที่ 2 ส่วนใหญ่จะติดต่อด้วยสัญญาณคลื่นวิทยุ ซึ่งจะมีส่วนประมวลผลเพื่อรับ/ส่ง สัญญาณคลื่นวิทยุ ปัญหาก็คือ การที่คลื่นวิทยุนั้นส่งข้อมูลผ่านชั้นบรรยากาศ ทำให้ง่ายต่อการดักจับและถอดรหัสข้อมูล จึงเป็นที่มาของนักวิศวกรชาวเยอรมันคิดค้นเครื่อง enigma ขึ้นมา ซึ่งเป็นเครื่องที่เข้ารหัสข้อมูลชั้นสูง และตอนนั้นเชื่อว่าไม่สามารถมีใครที่จะถอดรหัสจากเครื่องนี้ได้ ทำให้กองทัพนาซี นำเครื่อง enigma นี้ไปใช้ในการรับส่งข้อมูลข่าวสาร ช่วงสงครามโลกครั้งที่ 2 ส่วนประกอบของเครื่อง enigma      เครื่อง enigma นั้นเป็นเครื่องร...