Udvikling af browserudvidelser til Chrome og Edge · Lektion

Pakning og publicering til flere butikker

Lær at samle én udvidelseskodebase og indsende den til både Chrome Web Store og Microsoft Edge Add-ons Store.

Lektion 4 af 413 trin

Pakning og publicering til flere butikker er en gratis Udvikling af browserudvidelser til Chrome og Edge-lektion på CoddyKit. Dette er lektion 4 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i Udvikling af browserudvidelser til Chrome og Edge, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Udvikling af browserudvidelser til Chrome og Edge-kurset indeholder 4 lektioner i alt.

Hvorfor udgive i flere butikker

Når din udvidelse fungerer i flere browsere, er det næste skridt distribution. De to største Chromium-butikker er Chrome Web Store og butikken Microsoft Edge Add-ons.

Ved at udgive i begge butikker maksimerer du rækkevidden med næsten ingen ekstra kode, fordi begge bruger den samme Manifest V3-pakke.

Én kodebase, to pakker

Du sender normalt den samme ZIP-fil til begge butikker. Små forskelle (f.eks. minimumsversioner eller butiksspecifikke nøgler) kan håndteres med et build-script.

Bevar ét kildetræ
Opret butiksspecifikke builds med scripts
Undgå at vedligeholde forgreninger

{
  "manifest_version": 3,
  "name": "My Extension",
  "version": "1.4.0",
  "minimum_chrome_version": "102"
}

Oprettelse af ZIP-filen

Butikker accepterer et ZIP-arkiv med roden af din udvidelse (mappen, der indeholder manifest.json). Zip aldrig den overordnede mappe.

Et enkelt npm-script gør processen gentagelig.

node -e "const cp=require('child_process'); cp.execSync('cd dist && zip -r ../extension.zip .')"
console.log('Created extension.zip');

Versionsnumre er vigtige

Begge butikker kræver, at version i manifestet er strengt højere end den aktuelt udgivne version ved hver opdatering.

Brug semantisk lignende tal med punktummer: 1.4.0 og derefter 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);

Indsendelse til Chrome Web Store

I Chrome Developer Dashboard uploader du ZIP-filen, udfylder oplysningerne til butiksfortegnelsen (beskrivelse, skærmbilleder, kategori) og sender den til gennemgang.

Engangsgebyr for udviklerregistrering
Automatisk og manuel gennemgang
Begrundelser for tilladelser er påkrævet

Indsendelse til Edge Add-ons

Partner Center håndterer Edge-indsendelser. Registrering er gratis. Du uploader den samme ZIP-fil og angiver metadata til butiksfortegnelsen.

Edge-gennemgangen fokuserer typisk på overholdelse af politikker og præcise beskrivelser.

Materiale til butiksfortegnelsen

Begge butikker har brug for markedsføringsmateriale:

Ikon (128x128)
Skærmbilleder (1280x800 anbefales)
En lille og en stor kampagneflise (valgfrit)
Korte og detaljerede beskrivelser

Forbered materialet én gang, og genbrug det i begge butikker.

Automatisering med CWS API

Chrome Web Store API lader dig uploade og udgive fra CI. Du godkender med OAuth og kalder REST-slutpunkterne.

// 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');

Automatisering af Edge-indsendelser

Edge tilbyder Add-ons API til CI-uploads. Du henter et access token, uploader pakken og udløser derefter udgivelsen.

Det følger samme arbejdsgang som Chrome, så ét fælles deploy-script kan målrettes begge butikker.

// 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');

Håndtering af afvisninger ved gennemgang

Almindelige årsager til afvisning:

Anmodning om tilladelser, du ikke bruger
Uklare oplysninger om privatliv
Uoverensstemmelse mellem beskrivelse og adfærd

Anmod kun om de mindst nødvendige tilladelser, og dokumenter, hvorfor hver enkelt er nødvendig.

Hold begge butikker synkroniserede

Undgå forskelle ved at udgive fra én tagget udgivelse. Opret et tag på committen, byg ZIP-filen, og send den derefter til begge butikker i samme pipeline-kørsel.

Det garanterer identisk adfærd for alle dine brugere.

Hurtig kontrol

Test din forståelse af udgivelse i flere butikker.

Besvar den i den interaktive lektion

Opsummering

Du har lært at pakke én kodebase og sende den til begge Chromium-butikker:

Zip roden af udvidelsen, aldrig den overordnede mappe
Forøg versionen ved hver opdatering
Genbrug materiale til butiksfortegnelsen i begge butikker
Automatiser uploads med CWS- og Edge-API'erne
Anmod om minimale tilladelser for at lette gennemgangen

Gratis at komme i gang

Lær JavaScript med en AI-underviser — gratis

Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.

Kurser: 12
Lektioner: 48

Start gratis Se hele kurset

Ofte stillede spørgsmål

Er lektionen “Pakning og publicering til flere butikker” gratis?

Ja — hele teksten til “Pakning og publicering til flere butikker” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af Udvikling af browserudvidelser til Chrome og Edge-kurset, skal du opgradere til CoddyKit PRO. Udvikling af browserudvidelser til Chrome og Edge-kurset indeholder 4 lektioner i alt.

Hvad lærer jeg i “Pakning og publicering til flere butikker”?

Lær at samle én udvidelseskodebase og indsende den til både Chrome Web Store og Microsoft Edge Add-ons Store. Du øver dig i Udvikling af browserudvidelser til Chrome og Edge med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.

Skal jeg have erfaring for at begynde på Udvikling af browserudvidelser til Chrome og Edge?

Der kræves ingen tidligere erfaring. Udvikling af browserudvidelser til Chrome og Edge på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 4 af 4.

Hvor lang tid tager lektionen “Pakning og publicering til flere butikker”?

De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.

Kan jeg skrive og køre kode i denne Udvikling af browserudvidelser til Chrome og Edge-lektion?

Ja. Alle Udvikling af browserudvidelser til Chrome og Edge-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.

Alle lektioner i dette kursus

Tilpasning af manifest på tværs af browsere
Brug af WebExtension-polyfills
Undersøg frameworks til udvikling af udvidelser
Pakning og publicering til flere butikker

← Tilbage til Udvikling af browserudvidelser til Chrome og Edge