Disable service worker ใน React

10 Feb 2018

Share to:

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

แก้ปัญหา Preset ใน Premiere Pro CS6 ไม่ครบ

กรณีที่เราลง Adobe Premiere Pro CS6 หลังจาก Crack แล้ว เมื่อเปิดโปรแกรมขึ้นมาใช้งาน Preset จะขึ้นไม่ครบ HDV ไม่ขึ้น ดังรูป

การอ่านสิทธิ์เข้าใช้งาน file, Directory ใน ubuntu

ระบบ File และ Directory ใน Ubuntu จะมีการกําหนดสิทธิ์การ Read, Write และ Execute ของ User โดยจะสามารถดูได้จากคําสั่งนี้ls -lจะได้ออกมาตามรูปด้านล่างImageจากรูปจะแสดงผลออกมาเป็นข้อมูลต่างๆ แต่ในบทความนี้เราจะสนใจแค่ 2 คอลัมน์ คือในกรอบสีแดง และสีเขียว รายละเอียดมีดังนี้

Flutter EP.2.1 Class และ Object ในภาษา Dart

สวัสดีครับ หลังจาก EP.2 เราได้เรียนรู้ Syntax ของภาษา Dart กันไปแล้ว สําหรับ EP นี้ก็จะเป็น เนื้อหาเพิ่มเติมซึ่งจะเกี่ยวข้องกับ Class และ Object ในภาษา Dart


Copyright © 2019 - 2024 thiti.dev |  v1.41.0 |  Privacy policy | 

Build with ❤️ and Astro.

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