Progressive Web AppWeb Developer

รีวิว Web Server for Chrome: มี Chrome ก็มีเว็บเซิฟเวอร์!

เรื่องที่เกี่ยวข้อง - Chrome App, Progressive Web App, Web Server for Chrome

ในตอนที่โค้ชพลเริ่มทำ Progressive Web Application แรกๆ ได้ไปป้ะกับแอพบน Google Chrome ตัวหนึงที่ต้องร้องโอ้วว้าว พระเจ้าจอร์จ นั่นคือ Web Server for Chrome ครับ

โดยเจ้า Web Server for Chrome เนี่ยมันสามารถติดตั้งได้บน Google Chrome โดยตรง ดังนั้นมันสามารถย้ายไปบนเครื่องอื่นๆ ที่ใช้ Google Chrome ได้

Web server for Chrome - Installed.png

การทำงานทั่วไป

Web Server for Chrome ยังสามารถควบคุมการทำงานของ Web Server ได้จาก Google Chrome โดยตรงอีกต่างหาก

เช่น สามารถเปิดปิดการทำงานของ Web Server ได้, กำหนดโฟลเดอร์สำหรับ Document Root,รวมถึงดู URL Address และ Port ที่เปิดใช้งานอยู่

Web server for Chrome - Basic Setting.png

ตัวเลือกของ Web Server for Chrome

หรือถ้าต้องการแบบล้ำๆ ก็สามารถ:

  • ปรับหมายเลข Port ได้
  • ทำงานแบบ Background (ทำเงียบๆ ไม่บอกใคร)
  • เลือกให้ทำงานหลังจากเปิดเครื่อง
  • ป้องกันไม่ให้เครื่องเข้าสู่สภาวะ Sleep
  • เลือกแสดงไฟล์ index.html เป็นส่วนเริ่มต้นได้

แต่ที่พีคมากคือ

  • ทำให้เข้าถึงตัว Web server จากในเครือข่ายเดียวกันได้! (Accessible on local network)
  • หรือจาก Internet ได้เลย! (Also on Internet)

และใน Advanced Setting มีการเพิ่มการทำงานของ CORS เข้าไปด้วยนะ

Web server for Chrome - Options.png

รีวิว Web Server for Chrome

จากที่ใช้มาสักระยะ โดยเฉพาะตอนเอามาใช้กับโปรเจค Angular 2, React, และ Progressive Web App โค้ชพลพบว่านี่มันสวรรค์ชัดๆ

เจ้า Web Server for Chrome นี่มันมีข้อดีคือ ติดตั้งง่าย, เบา, และที่สำคัญมันรองรับความต้องการของคนทำ Front-end ได้อย่างครบถ้วน

ที่แบบว่าขี้เกียจไปติดตั้งนู่นนี่นั่น แต่อยากได้ Web Server ง่ายๆ เอาไว้ทำสอบสร้างเว็บไซต์ที่อิงกับเทคโนโลยี Front-end เป็นหลัก แถมไม่ต้องไปสั่งรันจาก Command Line ด้วย

และเนื่องจากมันเป็น Web Server พวกด้านล่างนี้ผมทดสอบแล้วโอเคครับ

เดี๋ยว… แล้วมันใช้ PHP ได้มะ?

ในปัจจุบันที่ใช้งานอยู่นั้น ไม่ได้นะครับ เพราะตัว Web Server for Chrome นั้นเป็น HTTP Server ง่ายๆ ที่ไม่ได้มีการติดตั้งระบบอื่นๆ เพิ่มเติม

แต่ในอนาคตก็ไม่แน่ว่าเจ้าของ Chrome App นี้จะพัฒนาต่อยอดไปสู่การทำงานกับ Web Server อื่นๆ หรือเปล่า เราก็ต้องคอยดูกันต่อไป

พร้อมแล้วก็ไปดาวน์โหลด Web Server for Chrome มาลองกันเล้ย

ชอบไม่ชอบ คุยและแชร์กันได้ด้านล่างครับ

ที่มา – Intro to Progressive Web App

เปิดอบรมสร้าง Cross Platform Mobile Application ด้วย Ionic Framework

เหมาะสำหรับคนทำเว็บ, เริ่มต้น JavaScript ES6 และ Angular เข้าใจง่าย, ใช้ได้จริง

สอบถาม หรือติดต่อจัดอบรมโทร 083-071-3373

โปรหน้าฝน! เรียนรอบสด รับคอร์สออนไลน์มูลค่ากว่า 5800 บาทฟรี!

 

เริ่มต้นยุค AI ด้วยคอร์สฟรี และพรีเมี่ยม กับพล

หากชอบสิ่งที่พลเล่า เรื่องที่พลสอน สามารถสนับสนุนพลโดยการเข้าเรียนคอร์สออนไลน์ของพลนะคร้าบ

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

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

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active

Save