ພັດທະນາ Service Worker

工作计划

1. 1

   第 1 步： ການກະກຽມໄຟລ໌ Service Worker

   0.5 小时

   • ສ້າງໄຟລ໌ Service Worker: ສ້າງໄຟລ໌ JavaScript ໃໝ່ (ເຊັ່ນ: sw.js). ໄຟລ໌ນີ້ແມ່ນ Service Worker ຕົວຈິງທີ່ຈະຈັດການເຫດການຕ່າງໆ.
2. 2

   第 2 步： ການລົງທະບຽນ Service Worker (Registration)

   0.5 小时

   • ຕ້ອງລົງທະບຽນ Service Worker ຈາກ ໄຟລ໌ JavaScript ຫຼັກ ຂອງໜ້າເວັບຂອງທ່ານ (ເຊັ່ນ: app.js ຫຼື ຢູ່ໃນແທັກ <script> ໃນ index.html).
3. 3

   第 3 步： ໄລຍະການຕິດຕັ້ງ (Installation Phase)

   0.5 小时

   • ເຫດການ install ຖືກສົ່ງໄປຫາ Service Worker ເມື່ອມັນຖືກດາວໂຫຼດຄັ້ງທຳອິດ. ໂດຍທົ່ວໄປແລ້ວ, ເຫດການນີ້ຖືກໃຊ້ເພື່ອ Cache (ເກັບຊົ່ວຄາວ) ຊັບພະຍາກອນທີ່ຈຳເປັນ (Static Assets) ເພື່ອໃຫ້ສາມາດໃຊ້ງານແບບອອບລາຍໄດ້.
4. 4

   第 4 步： ໄລຍະການເປີດໃຊ້ງານ (Activation Phase)

   0.5 小时

   • ເຫດການ activate ຖືກສົ່ງໄປຫາ Service Worker ເມື່ອມັນພ້ອມທີ່ຈະຄວບຄຸມໜ້າເວັບ. ຂັ້ນຕອນນີ້ມັກຖືກໃຊ້ເພື່ອ ທຳຄວາມສະອາດ Cache ເກົ່າອອກໄປ ເມື່ອມີການອັບເດດ Service Worker ໃໝ່.
5. 5

   第 5 步： ການຈັດການຄຳຂໍ (Fetch Handling)

   0.5 小时

   • ຫຼັງຈາກ Service Worker ຖືກຕິດຕັ້ງ ແລະ ເປີດໃຊ້ງານແລ້ວ, ມັນຈະສາມາດ ສະກັດກັ້ນ ຄຳຂໍເຄືອຂ່າຍທັງໝົດທີ່ມາຈາກເວັບໄຊທ໌. ເຫດການ fetch ແມ່ນຈຸດທີ່ທ່ານສາມາດຕັດສິນໃຈວ່າຈະຕອບຄຳຂໍນັ້ນຈາກ Cache ຫຼື ຈາກ ເຄືອຂ່າຍ (Network).
6. 6

   第 6 步： ຂໍ້ສັງເກດສຳຄັນ

   0.5 小时

   • HTTPS: Service Worker ຈະເຮັດວຽກໄດ້ພຽງແຕ່ໃນ Secure Contexts (HTTPS) ເທົ່ານັ້ນ, ຍົກເວັ້ນໃນສະພາບແວດລ້ອມການພັດທະນາເຊັ່ນ: http://localhost.
   • Debug: ທ່ານສາມາດກວດສອບ Service Worker ໄດ້ໃນ Developer Tools (ແຖບ Application > Service Workers) ຂອງ Browser ຂອງທ່ານ.