Disable service worker ใน React

10 Feb 2018,
Share: 

Service Worker คือ JavaScript ทำงานบนเว็บเบราเซอร์ ซึ่งจะทำงานอยู่เบื้องหลังแยกออกจากตัวเว็บโดยตัว Service Worker นิยมใช้ทำ Offline mode ที่เราพบเห็นจากเว็บส่วนใหญ่ของ Google รวมถึงการเพื่อทำ Web Push Notification และจะมีความสามารถอื่นๆ เพิ่มเข้ามาในอนาคต และ Service Worker สามารถดัก Network Request ของเว็บ เช่น HTTP Request, โหลดรูป หรือ API Call โดยทุก Request ที่ออกจากเว็บเราจะผ่าน Service worker ทั้งหมดทำให้เราสามารถจัดการ Network Request ได้ดีขึ้น เช่น การคืนค่าจาก Cache แทนที่จะส่ง Request นั้นออกไปจริงๆ หรือในกรณีที่ไม่สามารถเชื่อมต่ออินเตอร์เน็ตได้

โดยปกติเมื่อสร้าง Project react ด้วย Create React App จะเพิ่ม service worker มาด้วย ถ้าเราไม่ต้องการใช้ก็สามารถปิดมันได้ ซึ่งจะมีวิธีปิดดังนี้ ไปที่ไฟล์ src/index.js ดูในกรอบสีแดง ตอนนี้เปิดใช้งาน service worker อยู่

Image

ถ้าเราต้องการจะปิดมันให้เปลี่ยนการ Import เป็นแบบนี้ครับ

import { unregister } from './registerServiceWorker';

...

unregister()

ตัวอย่าง

Image

เท่านี่ Service worker ก็ไม่ทํางานแล้วครับ

Suggestion blogs

ESP8266 คืออะไร?

ESP8266 คืออะไร?ESP8266 คือ โมดูล wifi ภายในมีเฟิร์มแวร์ทํางานในลักษณะ Serial-to-WiFi ที่ช่วยให้อุปกรณ์อื่นๆ เช่น MCU สามารถต่อเข้ากับ internet ได้โดยใช้ port serial(ขา Tx, ขา Rx) และใช้คําสั่ง AT ในการควบคุมการทํางาน ต่อมาผู้พัฒนาได้พัฒนาเฟิร์มแวร์ NodeMcu ให้เป็น platform และใช้ภาษา LUA ในการเขียนโปรแกรม ด้วยความที่เป็น platform ที่สะดวกต่อการใช้งาน ทางผู้พัฒนาจึงจับ NodeMcu(ESP8266) ใส่เป็นบอร์ดหนึ่งใน Arduino IDE ด้วยซะเลย และได้พัฒนาให้สามารถเขียนโปรแกรมด้วยภาษา C/C++ สำหรับใครที่ใช้งาน Arduino อยู่แล้วสามารถใช้งานบน Arduino IDE ได้อย่างไม่อยากครับ

เพิ่มสินค้าใน WooCommerce Wordpress

สวัสดีครับ เราจะมาดูวิธีการเพิ่มสินค้าใน WooCommerce Wordpress กันครับ เริ่มกันเลยครับ ให้เข้าไปที่หน้าควบคุมของ Wordpress ก่อนครับ

[ภาษาซี] คําสั่งทําซํ้า (Iteration Statement)

คําสั่งทําซํ้าเป็นคําสั่งที่ใช้ในการวงรอบ (loop) การทํางานของโปรแกรม ซึ่งมีประโยชน์ในกรณีที่ต้องการทํางานหนึ่งๆ ซํ้ากันหลายๆครั้ง


Copyright © 2019 - 2026 thiti.dev |  v1.61.0 |  Privacy policy | 

Build with ❤️ and Astro.

Github profile   Linkedin profile   Instagram   X profile   Nostr   Youtube channel   Telegram   Email contact   วงแหวนเว็บ