1. Een statische web-app bouwen en implementeren in Azure

In deze zelfstudie bouwt en implementeert u lokaal een React/TypeScript-clienttoepassing in een Azure Static Web App met een GitHub actie. Met React app kunt u een afbeelding analyseren met Cognitive Services Computer Vision.

• Voorbeeldcode

Een bestaand Azure-abonnement maken of gebruiken

U hebt een Azure-gebruikersaccount met een actief abonnement nodig. Maak er gratis een.

Vereisten

• Node.js en npm : geïnstalleerd op uw lokale computer.

• Visual Studio Code : geïnstalleerd op uw lokale computer.

  • Azure Static Web Apps: wordt gebruikt voor het implementeren van React-app in Azure Static Web App.

• Git- wordt gebruikt om naar de GitHub te pushen, waarmee de GitHub geactiveerd.

• GitHub account maken: een fork maken en naar een repo pushen

• Gebruik Azure Cloud Shell met behulp van de bash-omgeving.

  

• Installeer de Azure CLI, indien gewenst, om CLI-referentieopdrachten uit te voeren.

  • Als u een lokale installatie gebruikt, meldt u zich aan bij Azure CLI met behulp van de opdracht AZ login. Volg de stappen die worden weergegeven in de terminal, om het verificatieproces te voltooien. Zie Aanmelden met Azure CLI voor aanvullende aanmeldingsopties.
  • Installeer de Azure CLI-extensie bij het eerste gebruik, wanneer u hierom wordt gevraagd. Zie Extensies gebruiken met Azure CLI voor meer informatie over extensies.
  • Voer az version uit om de geïnstalleerde versie en afhankelijke bibliotheken te vinden. Voer az upgrade uit om te upgraden naar de nieuwste versie.

• Aan uw Azure-account moet de rol Inzender Cognitive Services zijn toegewezen, zodat u akkoord kunt gaan met de verantwoordelijke AI-voorwaarden en een resource kunt maken. Neem contact op met uw beheerder om deze rol aan uw account toe te wijzen.

• U moet uw eerste Face-, Language-service- of Computer Vision maken op Azure Portal om de voorwaarden te controleren en te bevestigen. U kunt dit hier doen: Face,Language-service,Computer Vision. Daarna kunt u volgende resources maken met behulp van elk implementatieprogramma (SDK, CLI of ARM-sjabloon, enzovoort) onder hetzelfde Azure-abonnement.

Volgende stap