1. Skapa och distribuera en statisk webbapp till Azure
I den här självstudien skapar och distribuerar du lokalt ett React-/TypeScript-klientprogram till en statisk Azure-webbapp med en GitHub åtgärd. Med React kan du analysera en bild med Cognitive Services Visuellt innehåll.
Skapa eller använda en befintlig Azure-prenumeration
Du behöver ett Azure-användarkonto med en aktiv prenumeration. Skapa en utan kostnad.
Förutsättningar
Node.js och npm – installerade på den lokala datorn.
Visual Studio Code – installerat på den lokala datorn.
- Azure Static Web Apps – används för att distribuera React till Azure Static Web App.
Git – används för att push-GitHub – som aktiverar GitHub åtgärden.
GitHub konto – för att föra och push-skicka till en lagringsplatsen
Använd Azure Cloud Shell med bash-miljön.
Om du vill kan du i stället installera Azure CLI för att köra CLI-referenskommandon.
- Om du använder en lokal installation loggar du in med Azure CLI med hjälp av kommandot az login. Slutför autentiseringsprocessen genom att följa stegen som visas i terminalen. Fler inloggningsalternativ finns i Logga in med Azure CLI.
- När du uppmanas till det installerar du Azure CLI-tillägg vid första användning. Mer information om tillägg finns i Använda tillägg med Azure CLI.
- Kör az version om du vill hitta versionen och de beroende bibliotek som är installerade. Om du vill uppgradera till den senaste versionen kör du az upgrade.
-
Ditt Azure-konto måste ha en tilldelad roll som Cognitive Services-deltagare för att du ska kunna godkänna villkoren för ansvarsfull AI och skapa en resurs. Kontakta administratören för att tilldela den här rollen till ditt konto.
-
Du måste skapa din första ansikts-, språktjänst eller Visuellt innehåll från Azure Portal för att granska och bekräfta villkoren. Du kan göra det här: Ansikts-och språktjänsten, Visuellt innehåll. Därefter kan du skapa efterföljande resurser med val annat distributionsverktyg (SDK, CLI eller ARM-mall osv.) under samma Azure-prenumeration.