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

ค่าเฉลี่ยกําลังสอง RMS Root Mean Square

ค่าเฉลี่ยกําลังสอง RMS Root Mean Square คืออะไรค่าเฉลี่ยกําลังสอง RMS Root Mean Square เป็นการวัดทางสถิติของปริมาณที่มีการเปลี่ยนแปลงอยู่ตลอดเวลา ยกตัวอย่างเช่น กรณีที่เป็นการหาค่าเฉลี่ยปกติจะนําค่าที่สูงบ้างตํ่าบ้างมาบวกกันแล้วหารด้วยจํานวนของข้อมูลที่นํามาบวกกัน แต่เมื่อใดที่เราใช้วิธีการดังกล่าว มาหาค่าเฉลี่ยของไฟฟ้ากระแสสลับจะเกิดปัญหาครับ เพราะว่า ไฟฟ้ากระแสสลับจะมีทั้งช่วงบวกและลบ

Unbox raspberry pi zero

สวัสดีครับ ก่อนอื่นเรามาทําความรู้จักกับ Raspberry pi zero กันก่อน Raspberry pi เป็นคอมพิวเตอร์ขนาดเล็ก ซึ่งก็มีอยู่ด้วยกันหลายรุ่น แต่ในบทความนี้เราพูดถึงรุ่น Raspberry pi zero เป็นรุ่นที่มีขนาดเล็กที่สุด และราคาเพียง $5

Vue.js เริ่มต้น ตอน5 (ทําความรู้จักกับ Props)

หลังจากที่เราเรียนรู้ Component กันไปแล้ว ถ้ายังจํากันได้ภายใน Component มี Option ตัวนึงชื่อว่า Props ซึ่งมีหน้าที่ รับข้อมูลจากภายนอก Component เข้ามาใช้งานภายใน Component โดยจะรับข้อมูลผ่านทาง Attribute การใช้งาน Props สามารถใช้งานได้หลายรูปแบบ เราจะมาเรียนรู้ไปทีละแบบนะครับ


Copyright © 2024 thiti.dev |  v1.16.0 |  Privacy policy |  status | 

            วงแหวนเว็บ