ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingเว็บที่มีการอัพเดทข้อมูลเร็ว ๆ มาก ๆ โดยไม่รีเฟรชนี่เขาใช้อะไรหรอครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: เว็บที่มีการอัพเดทข้อมูลเร็ว ๆ มาก ๆ โดยไม่รีเฟรชนี่เขาใช้อะไรหรอครับ  (อ่าน 1385 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
nat-ns
คนรักเสียว
*

พลังน้ำใจ: 1
ออฟไลน์ ออฟไลน์

กระทู้: 109



ดูรายละเอียด
« เมื่อ: 04 ตุลาคม 2017, 13:38:37 »

พอดีผมไปเฆ้นเว็บอย่าง
โค๊ด:
yobit.io

สังเกตุตารางจะอัพเดทถี่มาก ปกติผมจะใช้เทคนิค ajax อัพเดททุก 1 วิแต่ก็ยังมีกระตุกในหน้าเว็บอยู่ แต่อันนี้ไม่เลย ไม่มีกระตุกหรือค้างหน่วงอะไร ท่านใดมีคำแนะนำไหมครับกับ mysql ธรรมดาหรือมีคำแนะนำเพิ่มเติมสามารถแนะนำได้เลยครับ
 wanwan019
บันทึกการเข้า
l3master
สมุนแก๊งเสียว
*

พลังน้ำใจ: 118
ออฟไลน์ ออฟไลน์

กระทู้: 987



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 04 ตุลาคม 2017, 13:55:36 »

ถ้าเป็น HTML MySQL ธรรมดาๆ ยังไงก็หนีไม่พ้น ajax ครับ
หรือ Advance อีกนิดก็จะเป็น WebSockets

ผมว่าเว็บที่ท่านกล่าวมา น่าจะใช้ Javascript Frontend Framework อย่าง Angular หรือ React
ซึ่งการทำงานของมันจะแบ่งหน้าเว็บเป็น Component ย่อยๆ แต่ละส่วนก็แบ่งหน้าที่กันไปทำงานของมัน
เมื่อใดที่ข้อมูลมีการเปลี่ยนแปลง ระบบจะทำการ Render เฉพาะ Component นั้นๆ
ซึ่งทำให้ประสิทธิภาพโดยรวมดีขึ้นครับ เพราะไม่ต้องโหลดข้อมูลเป็นก้อนใหญ่ๆ
แต่ละ Component ก็แบ่งหน้าที่การทำงานกันอย่างชัดเจน

ลองไปศึกษาการเขียนโปรแกรมแบบ MVC - Model View Controller ดูนะครับ
โลก JS นี้ช่างกว้างใหญ่ยิ่งนัก
บันทึกการเข้า



CoreBlack.Net รับทำ แชทบอทไลน์ Line Oa. และ แชทบอท Facebook แฟนเพจ
รับออกแบบหน้าเว็บ | พัฒนาเว็บไซต์ | พัฒนาระบบหลังบ้าน | พัฒนา API Service และสคริปต่างๆ

@Add Line ID : boobewc (ให้คำปรึกษาฟรีครับ ออนไลน์เกือบตลอด 24 ชม.)
nukerman
Newbie
*

พลังน้ำใจ: 4
ออฟไลน์ ออฟไลน์

กระทู้: 94



ดูรายละเอียด
« ตอบ #2 เมื่อ: 04 ตุลาคม 2017, 14:08:50 »

Node.js + Socket.io
บันทึกการเข้า
nat-ns
คนรักเสียว
*

พลังน้ำใจ: 1
ออฟไลน์ ออฟไลน์

กระทู้: 109



ดูรายละเอียด
« ตอบ #3 เมื่อ: 04 ตุลาคม 2017, 14:12:19 »

ถ้าเป็น HTML MySQL ธรรมดาๆ ยังไงก็หนีไม่พ้น ajax ครับ
หรือ Advance อีกนิดก็จะเป็น WebSockets

ผมว่าเว็บที่ท่านกล่าวมา น่าจะใช้ Javascript Frontend Framework อย่าง Angular หรือ React
ซึ่งการทำงานของมันจะแบ่งหน้าเว็บเป็น Component ย่อยๆ แต่ละส่วนก็แบ่งหน้าที่กันไปทำงานของมัน
เมื่อใดที่ข้อมูลมีการเปลี่ยนแปลง ระบบจะทำการ Render เฉพาะ Component นั้นๆ
ซึ่งทำให้ประสิทธิภาพโดยรวมดีขึ้นครับ เพราะไม่ต้องโหลดข้อมูลเป็นก้อนใหญ่ๆ
แต่ละ Component ก็แบ่งหน้าที่การทำงานกันอย่างชัดเจน

ลองไปศึกษาการเขียนโปรแกรมแบบ MVC - Model View Controller ดูนะครับ
โลก JS นี้ช่างกว้างใหญ่ยิ่งนัก

ขอบคุณครับ น่าสนใจครับปกติผมใช้ MVC แค่ทำให้เว็บดูเป็นระบบแล้วจัดการง่ายอย่างพวก CI Framework เพิ่งรู้ว่า Angular มันทำงานได้ดีกว่าในเรื่องการอัพเดทข้อมูลเฉพาะส่วน ตอนแรกผมไม่กล้าใช้ Angular เพราะเห็นเป็น JS ห่วงเรื่องความปลอดภัยของข้อมูลเนื่องจากฝั่ง user จะดูสคริปได้
บันทึกการเข้า
nat-ns
คนรักเสียว
*

พลังน้ำใจ: 1
ออฟไลน์ ออฟไลน์

กระทู้: 109



ดูรายละเอียด
« ตอบ #4 เมื่อ: 04 ตุลาคม 2017, 14:12:44 »

Node.js + Socket.io


อันนี้ต้องหา Server ที่รองรับ Node.js เลยใช่ไหมครับ
บันทึกการเข้า
picharnan
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 90
ออฟไลน์ ออฟไลน์

กระทู้: 1,400



ดูรายละเอียด
« ตอบ #5 เมื่อ: 04 ตุลาคม 2017, 14:46:04 »

ผมลองไล่ดูคร่าว ๆ เว็บนี้น่าจะเปิด Websocket เพื่อไว้สำหรับรับข้อความจาก server ว่ามีข้อมูลใหม่
และเมื่อรู้ว่ามีข้อมูลใหม่ก็ส่ง Ajax ไปเรียกข้อมูลมาแสดงครับ เค้าไม่ได้ส่งข้อมูลผ่าน Websocket ครับ

*** เพิ่มเติมครับ ส่วนที่ Ajax ไปดึงมาเป็น PHP ครับ
« แก้ไขครั้งสุดท้าย: 04 ตุลาคม 2017, 14:49:42 โดย picharnan » บันทึกการเข้า
nat-ns
คนรักเสียว
*

พลังน้ำใจ: 1
ออฟไลน์ ออฟไลน์

กระทู้: 109



ดูรายละเอียด
« ตอบ #6 เมื่อ: 04 ตุลาคม 2017, 14:56:08 »

ผมลองไล่ดูคร่าว ๆ เว็บนี้น่าจะเปิด Websocket เพื่อไว้สำหรับรับข้อความจาก server ว่ามีข้อมูลใหม่
และเมื่อรู้ว่ามีข้อมูลใหม่ก็ส่ง Ajax ไปเรียกข้อมูลมาแสดงครับ เค้าไม่ได้ส่งข้อมูลผ่าน Websocket ครับ

*** เพิ่มเติมครับ ส่วนที่ Ajax ไปดึงมาเป็น PHP ครับ

สุดท้ายก็หนีไม่พ้น Ajax ใช่ไหมครับ  Cry
บันทึกการเข้า
iPhoenix
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 53
ออฟไลน์ ออฟไลน์

กระทู้: 1,384



ดูรายละเอียด
« ตอบ #7 เมื่อ: 04 ตุลาคม 2017, 15:01:24 »

ข้อมูลส่งมาแบบ Websocket ครับ

โค๊ด:
wss://pro-pusher.com/
บันทึกการเข้า
jazz2017
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 16



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 29 ตุลาคม 2017, 19:33:13 »

Php ลองดู
http://socketo.me
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์