Pekerja Perkhidmatan Latar Belakang
Pelajari cara pekerja perkhidmatan latar belakang mengurus acara, logik berterusan dan kitar hayat dalam sambungan anda.
Pekerja Perkhidmatan Latar Belakang ialah pelajaran Pembangunan Sambungan Pelayar (Chrome & Edge) percuma di CoddyKit. Ini ialah pelajaran 2 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Pembangunan Sambungan Pelayar (Chrome & Edge), dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Pembangunan Sambungan Pelayar (Chrome & Edge) merangkumi sejumlah 4 pelajaran.
Otak Extension: Pekerja Perkhidmatan
Selamat datang ke teras extension Manifest V3 anda: Pekerja Perkhidmatan Latar Belakang! Anggaplah ia sebagai otak senyap extension anda.
Pekerja ini bertanggungjawab mendengar peristiwa pelayar, mengurus logik berterusan dan memastikan extension anda berjalan dengan cekap tanpa menggunakan sumber secara berterusan.
MV3: Mengapa Pekerja Perkhidmatan?
Dalam Manifest V2, extensions sering menggunakan 'halaman latar belakang berterusan' yang berjalan tanpa henti. Manifest V3 memperkenalkan pekerja perkhidmatan sebagai alternatif yang lebih moden dan menjimatkan tenaga.
- Dipacu Peristiwa: Pekerja ini hanya aktif apabila peristiwa berlaku.
- Sementara: Pekerja ini menjadi tidak aktif dan ditamatkan apabila tidak diperlukan.
- Menjimatkan Tenaga: Kitaran 'tidur-bangun' ini menjimatkan bateri dan memori.
Mengisytiharkan Pekerja Perkhidmatan Anda
Untuk menggunakan pekerja perkhidmatan, anda mesti mengisytiharkannya dalam fail manifest.json. Ini memberitahu pelayar fail JavaScript yang berfungsi sebagai skrip latar belakang anda.
Ia ditentukan di bawah kunci 'background', yang merujuk kepada skrip pekerja perkhidmatan anda.
{
"manifest_version": 3,
"name": "My Service Worker Extension",
"version": "1.0",
"background": {
"service_worker": "service-worker.js"
},
"action": {
"default_popup": "popup.html"
}
}Kitar Hayat Pekerja Perkhidmatan
Tidak seperti program tradisional yang sentiasa aktif, pekerja perkhidmatan mempunyai kitar hayat dinamik:
- Ia diaktifkan apabila peristiwa yang didengarinya berlaku.
- Ia menjalankan tugasan yang berkaitan dengannya.
- Selepas tempoh tidak aktif (biasanya beberapa saat), ia menjadi tidak aktif dan akhirnya ditamatkan.
Ia akan diaktifkan semula apabila peristiwa mencetuskannya pada kali seterusnya.
Mendengar Peristiwa
Pekerja perkhidmatan terutamanya berfungsi dengan mendengar peristiwa pelayar menggunakan API chrome. Apabila peristiwa tercetus, kod pekerja anda mula bertindak!
Peristiwa lazim termasuk:
chrome.runtime.onInstalled: Apabila extension dipasang atau dikemas kini.chrome.action.onClicked: Apabila ikon bar alat extension diklik.
Peristiwa: Extension Dipasang
Mari tulis service worker ringkas yang merekodkan mesej apabila sambungan anda mula-mula dipasang atau dikemas kini. Ini tempat yang sesuai untuk tugasan persediaan sekali sahaja.
Cipta fail bernama service-worker.js:
// service-worker.js
chrome.runtime.onInstalled.addListener(() => {
console.log('CoddyKit Extension installed or updated!');
// You could set default preferences here
chrome.storage.sync.set({ 'theme': 'light' });
});Peristiwa: Apabila Ikon Sambungan Diklik
Satu lagi peristiwa biasa berlaku apabila pengguna mengklik ikon sambungan anda pada bar alat pelayar. Anda boleh membuat service worker anda bertindak balas terhadap interaksi ini, contohnya dengan membuka tab baharu.
// service-worker.js
chrome.action.onClicked.addListener((tab) => {
console.log('Extension icon clicked! Current tab ID:', tab.id);
// Open a new tab to a specific URL
chrome.tabs.create({ url: 'https://www.google.com/search?q=CoddyKit' });
});Menyahpepijat Service Worker Anda
Untuk melihat mesej console.log anda dan menyahpepijat service worker, anda akan menggunakan Alat Pembangun pelayar.
Dalam Chrome/Edge, pergi ke chrome://extensions, dayakan 'Mod pembangun', cari sambungan anda, kemudian klik pautan 'service worker' untuk membuka tetingkap DevTools khususnya.
Semakan Pantas: Peranan Service Worker
Apakah ciri utama service worker latar belakang Manifest V3 berbanding halaman latar belakang Manifest V2?
Ringkasan: Service Worker Latar Belakang
Tahniah! Anda telah mempelajari peranan asas Service Worker Latar Belakang dalam sambungan Manifest V3:
- Ia ialah “otak” sambungan anda yang dipacu oleh peristiwa.
- Ia diisytiharkan dalam
manifest.json. - Ia mempunyai kitar hayat sementara, diaktifkan untuk mengendalikan peristiwa kemudian ditamatkan.
- Anda menggunakan pendengar peristiwa (contohnya,
chrome.runtime.onInstalled,chrome.action.onClicked) supaya ia bertindak balas terhadap peristiwa pelayar.
Seterusnya, kita akan mendalami cara keizinan mengawal perkara yang boleh dilakukan oleh sambungan anda!
Pelajari JavaScript dengan tutor kecerdasan buatan — percuma
Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.
- Kursus
- 12
- Pelajaran
- 48
Soalan Lazim
Adakah pelajaran “Pekerja Perkhidmatan Latar Belakang” percuma?
Ya — teks penuh “Pekerja Perkhidmatan Latar Belakang” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus Pembangunan Sambungan Pelayar (Chrome & Edge), tingkat taraf kepada CoddyKit PRO. Kursus Pembangunan Sambungan Pelayar (Chrome & Edge) merangkumi sejumlah 4 pelajaran.
Apakah yang akan saya pelajari dalam “Pekerja Perkhidmatan Latar Belakang”?
Pelajari cara pekerja perkhidmatan latar belakang mengurus acara, logik berterusan dan kitar hayat dalam sambungan anda. Anda berlatih Pembangunan Sambungan Pelayar (Chrome & Edge) menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.
Adakah saya memerlukan pengalaman untuk memulakan Pembangunan Sambungan Pelayar (Chrome & Edge)?
Tiada pengalaman terdahulu diperlukan. Pembelajaran Pembangunan Sambungan Pelayar (Chrome & Edge) di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 2 daripada 4.
Berapa lamakah pelajaran “Pekerja Perkhidmatan Latar Belakang” diambil?
Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.
Bolehkah saya menulis dan menjalankan kod dalam pelajaran Pembangunan Sambungan Pelayar (Chrome & Edge) ini?
Ya. Setiap pelajaran Pembangunan Sambungan Pelayar (Chrome & Edge) menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.
Semua pelajaran dalam kursus ini
- Memahami Struktur Manifest V3
- Pekerja Perkhidmatan Latar Belakang
- Kebenaran dan Pemadanan Hos
- Tindakan, Ikon dan Butang Bar Alat