Pembungkusan dan Penerbitan untuk Berbilang Gedung
Pelajari cara menghimpunkan satu pangkalan kod sambungan dan menghantarnya ke Chrome Web Store serta gedung Microsoft Edge Add-ons.
Pembungkusan dan Penerbitan untuk Berbilang Gedung ialah pelajaran Pembangunan Sambungan Pelayar (Chrome & Edge) percuma di CoddyKit. Ini ialah pelajaran 4 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.
Mengapa Menerbitkan kepada Berbilang Kedai
Selepas sambungan anda berfungsi merentas pelayar, langkah seterusnya ialah pengedaran. Dua kedai Chromium terbesar ialah Chrome Web Store dan kedai Microsoft Edge Add-ons.
Menerbitkan kepada kedua-duanya memaksimumkan capaian dengan hampir tiada kod tambahan kerana kedua-duanya menggunakan pakej Manifest V3 yang sama.
Satu Pangkalan Kod, Dua Pakej
Biasanya anda menghantar ZIP yang sama kepada kedua-dua kedai. Perbezaan kecil seperti versi minimum atau kunci khusus kedai boleh dikendalikan dengan skrip binaan.
- Kekalkan satu pepohon sumber
- Hasilkan binaan khusus kedai melalui skrip
- Elakkan menyelenggara cabang berasingan
{
"manifest_version": 3,
"name": "My Extension",
"version": "1.4.0",
"minimum_chrome_version": "102"
}Membina ZIP
Kedai menerima arkib ZIP bagi akar sambungan anda (folder yang mengandungi manifest.json). Jangan sekali-kali mampatkan folder induk.
Skrip npm ringkas memastikan proses ini boleh diulang dengan mudah.
node -e "const cp=require('child_process'); cp.execSync('cd dist && zip -r ../extension.zip .')"
console.log('Created extension.zip');Nombor Versi Penting
Kedua-dua kedai memerlukan version dalam manifes supaya lebih tinggi dengan ketat daripada versi yang sedang diterbitkan bagi setiap kemas kini.
Gunakan nombor bertitik yang menyerupai pemversian semantik: 1.4.0 kemudian 1.4.1.
const fs = require('fs');
const m = JSON.parse(fs.readFileSync('manifest.json', 'utf8'));
const parts = m.version.split('.').map(Number);
parts[parts.length - 1] += 1;
m.version = parts.join('.');
fs.writeFileSync('manifest.json', JSON.stringify(m, null, 2));
console.log('Bumped to', m.version);Penghantaran ke Chrome Web Store
Dalam Chrome Developer Dashboard, anda memuat naik ZIP, mengisi butiran penyenaraian (penerangan, tangkapan skrin, kategori) dan menghantarnya untuk semakan.
- Yuran pendaftaran pembangun sekali sahaja
- Semakan automatik serta manual
- Justifikasi kebenaran diperlukan
Penghantaran ke Edge Add-ons
Partner Center menjadi hos bagi penghantaran Edge. Pendaftaran adalah percuma. Anda memuat naik ZIP yang sama dan memberikan metadata penyenaraian.
Semakan Edge biasanya memberi tumpuan pada pematuhan dasar dan penerangan yang tepat.
Aset Penyenaraian Kedai
Kedua-dua kedai memerlukan aset pemasaran:
- Ikon (128x128)
- Tangkapan skrin (1280x800 disyorkan)
- Jubin promosi kecil dan besar (pilihan)
- Penerangan ringkas dan terperinci
Sediakan aset ini sekali dan gunakannya semula di kedua-dua kedai.
Mengautomasikan dengan API CWS
Chrome Web Store API membolehkan anda memuat naik dan menerbitkan daripada CI. Anda mengesahkan identiti dengan OAuth dan memanggil titik akhir REST.
// Pseudocode using fetch in a CI script
const token = await getAccessToken();
await fetch('https://www.googleapis.com/upload/chromewebstore/v1.1/items/' + itemId, {
method: 'PUT',
headers: { Authorization: 'Bearer ' + token, 'x-goog-api-version': '2' },
body: zipBuffer
});
console.log('Uploaded to CWS');Mengautomasikan Penghantaran Edge
Edge menyediakan Add-ons API untuk muat naik CI. Anda mendapatkan token akses, memuat naik pakej, kemudian mencetuskan penerbitan.
Proses ini menyerupai aliran Chrome, jadi skrip penggunaan yang dikongsi boleh menyasarkan kedua-duanya.
// Upload draft, then publish
await fetch(baseUrl + '/products/' + productId + '/submissions/draft/package', {
method: 'POST',
headers: { Authorization: 'Bearer ' + token },
body: zipBuffer
});
console.log('Edge draft uploaded');Mengendalikan Penolakan Semakan
Punca penolakan yang biasa:
- Meminta kebenaran yang tidak digunakan
- Pendedahan privasi yang kabur
- Penerangan dan tingkah laku yang tidak sepadan
Minta hanya kebenaran minimum dan dokumentasikan sebab setiap kebenaran diperlukan.
Menyegerakkan Kedua-dua Kedai
Untuk mengelakkan perbezaan, terbitkan daripada keluaran bertag tunggal. Tag komit, bina ZIP, kemudian hantar kepada kedua-dua kedai dalam satu larian pipeline yang sama.
Ini menjamin tingkah laku yang sama untuk semua pengguna anda.
Semakan Pantas
Uji pemahaman anda tentang penerbitan ke berbilang kedai.
Imbas Kembali
Anda telah mempelajari cara memakejkan satu pangkalan kod dan menghantarnya ke kedua-dua kedai Chromium:
- Mampatkan akar sambungan, jangan sekali-kali folder induk
- Naikkan versi pada setiap kemas kini
- Gunakan semula aset penyenaraian di kedua-dua kedai
- Automatikkan muat naik dengan API CWS dan Edge
- Minta kebenaran minimum untuk memudahkan semakan
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 “Pembungkusan dan Penerbitan untuk Berbilang Gedung” percuma?
Ya — teks penuh “Pembungkusan dan Penerbitan untuk Berbilang Gedung” 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 “Pembungkusan dan Penerbitan untuk Berbilang Gedung”?
Pelajari cara menghimpunkan satu pangkalan kod sambungan dan menghantarnya ke Chrome Web Store serta gedung Microsoft Edge Add-ons. 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 4 daripada 4.
Berapa lamakah pelajaran “Pembungkusan dan Penerbitan untuk Berbilang Gedung” 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
- Pelarasan Manifes Merentas Pelayar
- Menggunakan Polyfill WebExtension
- Meneroka Rangka Kerja Pembangunan Sambungan
- Pembungkusan dan Penerbitan untuk Berbilang Gedung