Ansluta npm-projektet till Azure Artifacts

Azure DevOps Services | Azure DevOps Server 2022 – Azure DevOps Server 2019

Med Azure Artifacts kan utvecklare hantera sina paket från olika källor, inklusive både offentliga register som npmjs.com och privata feeds. Om du vill autentisera med Azure Artifacts måste du konfigurera konfigurationsfilen npm. Den här filen innehåller feed-URL:er och autentiseringsuppgifter som används av npm och erbjuder alternativ för att anpassa npm-klientbeteendet, till exempel konfigurera proxyservrar, definiera standardpaketplatser eller konfigurera privata paketfeeds. .npmrc-filen finns vanligtvis i användarens hemkatalog men kan också skapas på projektnivå för att åsidosätta standardinställningarna.

Förutsättningar

• En Azure DevOps-organisation. Skapa en kostnadsfritt.

• Ett Azure DevOps-projekt. Skapa ett nytt projekt om du inte redan har ett.

• En Azure Artifacts-feed. Skapa en kostnadsfritt.

• Ladda ned och installera Node.js och npm.

Ansluta till feed

Azure Artifacts rekommenderar att du använder två separata konfigurationsfiler. Den första är dedikerad till att autentisera med Azure Artifacts, medan den andra ska sparas lokalt för att lagra dina autentiseringsuppgifter. Med den här metoden kan du dela konfigurationsfilen samtidigt som du håller dina autentiseringsuppgifter säkra.

Om du vill konfigurera den andra filen placerar du den i din hemkatalog på utvecklingsdatorn och inkluderar alla dina registerautentiseringsuppgifter. På så sätt kan npm-klienten enkelt komma åt dina autentiseringsuppgifter för autentisering.

Följande steg vägleder dig genom att konfigurera den första konfigurationsfilen:

Windows

1. Logga in på din Azure DevOps-organisation och navigera sedan till projektet.

2. Välj Artefakter och välj sedan Anslut till feed.

   

3. Välj npm i det vänstra sidofältet. Om det är första gången du använder Azure Artifacts med npm kontrollerar du att du har installerat förutsättningarna.

4. Följ anvisningarna i avsnittet Project setup (Projektkonfiguration) för att ansluta till feeden.

   

Övrigt

1. Lägg till en .npmrc-fil i projektets katalog i samma katalog som din package.json-fil och klistra in följande kodfragment i den.

   registry=https://pkgs.dev.azure.com/<ORGANIZATION_NAME>/<PROJECT_NAME>/_packaging/<FEED_NAME>/npm/registry/ 
   
   always-auth=true
   

Konfigurera autentiseringsuppgifter

1. Kopiera följande kodfragment och klistra in det i npmrc-filen på användarnivå:

   • Flöde med organisationsomfattning:

     ; begin auth token
     //pkgs.dev.azure.com/<ORGANIZATION_NAME>/_packaging/<FEED_NAME>/npm/registry/:username=[ENTER_ANY_VALUE_BUT_NOT_AN_EMPTY_STRING]
     //pkgs.dev.azure.com/<ORGANIZATION_NAME>/_packaging/<FEED_NAME>/npm/registry/:_password=[BASE64_ENCODED_PERSONAL_ACCESS_TOKEN]
     //pkgs.dev.azure.com/<ORGANIZATION_NAME>/_packaging/<FEED_NAME>/npm/registry/:email=npm requires email to be set but doesn't use the value
     //pkgs.dev.azure.com/<ORGANIZATION_NAME>/_packaging/<FEED_NAME>/npm/:username=[ANY_VALUE_BUT_NOT_AN_EMPTY_STRING]
     //pkgs.dev.azure.com/<ORGANIZATION_NAME>/_packaging/<FEED_NAME>/npm/:_password=[BASE64_ENCODED_PERSONAL_ACCESS_TOKEN]
     //pkgs.dev.azure.com/<ORGANIZATION_NAME>/_packaging/<FEED_NAME>/npm/:email=npm requires email to be set but doesn't use the value
     ; end auth token
     

   • Flöde med projektomfattning:

     ; begin auth token
     //pkgs.dev.azure.com/<ORGANIZATION_NAME>/<PROJECT_NAME>/_packaging/<FEED_NAME>/npm/registry/:username=[ENTER_ANY_VALUE_BUT_NOT_AN_EMPTY_STRING]
     //pkgs.dev.azure.com/<ORGANIZATION_NAME>/<PROJECT_NAME>/_packaging/<FEED_NAME>/npm/registry/:_password=[BASE64_ENCODED_PERSONAL_ACCESS_TOKEN]
     //pkgs.dev.azure.com/<ORGANIZATION_NAME>/<PROJECT_NAME>/_packaging/<FEED_NAME>/npm/registry/:email=npm requires email to be set but doesn't use the value
     //pkgs.dev.azure.com/<ORGANIZATION_NAME>/<PROJECT_NAME>/_packaging/<FEED_NAME>/npm/:username=[ENTER_ANY_VALUE_BUT_NOT_AN_EMPTY_STRING]
     //pkgs.dev.azure.com/<ORGANIZATION_NAME>/<PROJECT_NAME>/_packaging/<FEED_NAME>/npm/:_password=[BASE64_ENCODED_PERSONAL_ACCESS_TOKEN]
     //pkgs.dev.azure.com/<ORGANIZATION_NAME>/<PROJECT_NAME>/_packaging/<FEED_NAME>/npm/:email=npm requires email to be set but doesn't use the value
     ; end auth token
     

2. Generera en personlig åtkomsttoken med paketering av läs- och skrivomfattningar .

3. Kör följande kommando i ett kommandotolkfönster och klistra sedan in din personliga åtkomsttoken när du uppmanas att göra det. När du är klar kopierar du det genererade Base 64-kodade värdet.

   node -e "require('readline') .createInterface({input:process.stdin,output:process.stdout,historySize:0}) .question('PAT> ',p => { b64=Buffer.from(p.trim()).toString('base64');console.log(b64);process.exit(); })"
   

4. Om du använder Linux/Mac kan du också använda följande kommando för att konvertera din personliga åtkomsttoken till Base 64. Kopiera det resulterande Base64-kodade värdet.

   echo -n "YOUR_PERSONAL_ACCESS-TOKEN" | base64
   

5. Ersätt platshållarna [BASE64_ENCODED_PERSONAL_ACCESS_TOKEN] i användarens .npmrc-fil med den kodade personliga åtkomsttoken som hämtades från föregående steg.

Dricks

Användning av flera register i .npmrc-filer stöds med omfång och överordnade källor.

Pipelineautentisering

För att autentisera med din pipeline rekommenderar Azure Artifacts att du använder npm-autentisera uppgiften.

När du använder aktivitetslöpare som gulp eller Grunt är det att prioritera inställningen av npm-autentisera uppgiften i början av pipelinen. Det här steget garanterar att dina autentiseringsuppgifter matas in i projektets .npmrc-fil och behålls under hela pipelinekörningen, vilket gör det möjligt för efterföljande steg att komma åt autentiseringsuppgifterna i konfigurationsfilen.

Klassisk

1. Gå till projektet, välj Pipelines och välj sedan din pipelinedefinition.

2. Välj Redigera för att ändra pipelinen.

3. Välj + för att lägga till en ny uppgift i pipelinen.

   

4. Sök efter npm Authenticate-uppgiften och välj sedan Lägg till.

   

5. Välj .npmrc-filen och välj sedan Spara & kö när du är klar.

   

YAML

- task: npmAuthenticate@0
  inputs:
    workingFile: .npmrc                ## Path to the npmrc file
    customEndpoint: #Optional          ## Comma-separated list of npm service connection names for registries from external organizations. For registries in your org, leave this blank

Kommentar

Om du vill komma åt ditt flöde från pipelinen kontrollerar du att byggtjänstrollen är inställd på Feed And Upstream Reader (Deltagare) i dina feedinställningar>Behörigheter.

Kommentar

Om din organisation använder en brandvägg eller en proxyserver kontrollerar du att du tillåter lämpliga domän-URL:er. Mer information finns i Tillåtna IP-adresser och domän-URL:er .

Felsöka

vsts-npm-auth känns inte igen

Det här felet anger att mappen npm-moduler inte har lagts till i sökvägen. Kör konfigurationen av Node.js igen och välj sedan alternativet Add to PATH . Du kan också lägga till mappen npm-moduler i sökvägen genom att ändra PATH-variabeln till %APPDATA%\npm i Kommandotolken eller $env:APPDATA\npm i PowerShell.

Det gick inte att autentisera

• Fel: kod E401 npm ERR! Det går inte att autentiseravsts-npm-auth: –> Kör kommandot med flaggan -F för att autentisera igen:

  vsts-npm-auth -config .npmrc -F
  

Återställ vsts-npm-auth

Följ dessa steg för att återställa dina vsts-npm-auth-autentiseringsuppgifter:

1. Avinstallera vsts-npm-auth:

   npm uninstall -g vsts-npm-auth
   

2. Rensa npm-cachen:

   npm cache clean --force
   

3. Ta bort .npmrc-filen.

4. Installera om vsts-npm-auth:

   npm install -g vsts-npm-auth --registry https://registry.npmjs.com --always-auth false
   

Det går inte att publicera

Om du stöter på ett 403-fel kan det tyda på en namnkonflikt. I Azure Artifacts är paket oföränderliga, vilket innebär att versionsnumret är permanent reserverat när du publicerar ett paket i flödet. Även om du tar bort det kan du inte publicera ett nytt paket med samma versionsnummer. Åtgärda problemet genom att uppdatera paketversionen i din package.json-fil och sedan försöka igen.

Relaterade artiklar

• Publicera och återställa npm-paket (CLI)
• Publicera npm-paket (YAML/klassisk)
• Använda paket från npmjs.com