Pakketten uit npmjs.com gebruiken

  • Artikel

Azure DevOps Services | Azure DevOps Server 2022 - Azure DevOps Server 2019

De NPM-client is ontworpen om tegelijk te werken met één hoofdregister (ook wel een feed genoemd in Azure Artifacts). Het biedt echter wel ondersteuning voor aanvullende scoped registers. Als u van plan bent om zowel privépakketten als openbare pakketten uit npmjs.com te gebruiken, is het raadzaam om upstream-bronnen te gebruiken. Zodra u upstream-bronnen in uw feed hebt ingeschakeld, wordt in Azure Artifacts automatisch een kopie van een geïnstalleerd pakket opgeslagen in uw feed. Dit biedt de grootste flexibiliteit, zodat u een combinatie van scoped en niet-scoped pakketten in uw feed kunt gebruiken, inclusief zowel scoped als niet-scoped pakketten van npmjs.com.

Vereisten

  • Een Azure DevOps-organisatie en een project. Maak een organisatie en een project als u dat nog niet hebt gedaan.

  • Een Azure Artifacts-feed.

  • Download Node.js en npm.

Upstream-bronnen inschakelen

Als u nog geen feed hebt gemaakt, volgt u deze stappen om een nieuwe feed te maken en controleert u het selectievakje upstream-bronnen om deze in te schakelen. Als u al een feed hebt, gaat u verder met de volgende stap om npmjs toe te voegen als een upstream-bron.

  1. Meld u aan bij uw Azure DevOps-organisatie en navigeer vervolgens naar uw project.

  2. Selecteer Artefacten en selecteer vervolgens Feed maken.

  3. Geef een beschrijvende naam op voor uw feed, stel de zichtbaarheid en het bereik ervan in. Schakel het selectievakje Upstream-bronnen in om pakketten uit openbare registers op te nemen.

  4. Selecteer Maken wanneer u klaar bent.

Npmjs upstream toevoegen

Als u het selectievakje upstream-bronnen hebt ingeschakeld tijdens het maken van uw feed, moet npmjs automatisch zijn toegevoegd. Zo niet, dan kunt u deze als volgt handmatig toevoegen:

  1. Meld u aan bij uw Azure DevOps-organisatie en navigeer vervolgens naar uw project.

  2. Selecteer Artefacten en selecteer vervolgens uw feed.

  3. Selecteer de knop tandwielpictogram tandwielpictogram om naar feedinstellingen te navigeren.

  4. Selecteer Upstream-bronnen en selecteer Vervolgens Upstream toevoegen.

  5. Selecteer openbare bron en selecteer vervolgens npmjs (https://registry.npmjs.org/) in de vervolgkeuzelijst.

  6. Selecteer Opslaan wanneer u klaar bent en selecteer Opslaan in de rechterbovenhoek om uw wijzigingen op te slaan.

Pakketten installeren vanuit npmjs

Voordat u pakketten opslaat vanuit npmjs, moet u ervoor zorgen dat uw project is ingesteld om verbinding te maken met uw feed. Als u dit nog niet hebt gedaan, volgt u de instructies in de projectinstallatie om uw npm-project te configureren en verbinding te maken met uw feed. In dit voorbeeld installeren we de Axios-bibliotheek voor het maken van HTTP-aanvragen:

  1. Navigeer naar npmjs op https://www.npmjs.com//.

  2. Zoek het Axios-pakket en selecteer het om naar de detailpagina te navigeren.

  3. Kopieer de installatieopdracht naar het Klembord.

  4. Navigeer in een opdrachtpromptvenster naar de map van uw project en voer de installatieopdracht uit.

    npm install axios

Notitie

Als u pakketten wilt opslaan vanuit upstreams, moet u de rol Feed en Upstream Reader (Samenwerker) of hoger hebben. Zie Machtigingen voor meer informatie.

Opgeslagen pakketten weergeven

  1. Meld u aan bij uw Azure DevOps-organisatie en navigeer vervolgens naar uw project.

  2. Selecteer Artefacten en selecteer vervolgens uw feed in de vervolgkeuzelijst.

  3. Selecteer npmjs in het bronmenu. Het Axios-pakket dat we eerder hebben geïnstalleerd, is nu beschikbaar in onze feed. Azure Artifacts heeft automatisch een kopie opgeslagen in onze feed bij het uitvoeren van de installatieopdracht.

    Een schermopname van het axios-pakket dat is opgeslagen vanuit upstream.