Översikt över distribution av JavaScript-app till Azure
Om du vill distribuera din JavaScript-baserade app till Azure flyttar du en fil eller uppsättning filer till Azure som ska hanteras via en HTTP-slutpunkt. Processen för att flytta filerna kallas distribution.
Förutsättningar
- Azure-prenumeration – skapa en kostnadsfri prenumeration.
- Node.js LTS.
- Ett GitHub-konto om du planerar att distribuera från en GitHub-lagringsplats.
Distributionsmetoder
Azure erbjuder olika distributionsmetoder som passar olika behov. Här följer några vanliga metoder:
| Metod | Detaljer |
|---|---|
| Azure Developer CLI | Perfekt för utvecklare som föredrar kommandoradsverktyg och som behöver automatisera etableringen och distributionen av resurser. |
| Visual Studio Code-tillägg | Lämplig för manuella distributioner, testning eller sällan förekommande distributioner. Kräver relevanta Azure-tillägg installerade lokalt. |
| Azure CLI- | Användbart för manuella eller tillfälliga distributioner. Kräver att Azure CLI installeras lokalt. |
| GitHub Actions | Bäst för automatiserade eller kontinuerliga distributioner som utlöses av ändringar i din GitHub-lagringsplats. |
Det finns andra distributionsmetoder baserat på den specifika tjänsten. Azure App Service stöder till exempel en mängd olika distributionsmetoder:
Du kan distribuera om till apptjänsten med någon av de angivna metoderna även om du inte använde den metoden för att distribuera den ursprungligen. Du kan ha viss konfiguration innan du distribuerar om om du byter metoder.
Byggsteg
Beroende på programmets komplexitets- och distributionsbehov kan du välja att skapa din JavaScript-app antingen före eller under distributionen:
- Build before deployment: För komplexa eller långa byggprocesser, paketera programvaran i en zip-fil och distribuera den. Med ett distributionspaket kan du styra och testa bygget före distributionen.
- Bygg under implementeringen: För enklare byggprocesser, använd den Azure-tillhandahållna miljövariabeln SCM_DO_BUILD_DURING_DEPLOYMENT=true för att bygga din app under implementeringen.
Distributionsplatser
Distribueringsplatser i Azure App Service låter dig skapa separata miljöer för testning och produktion. Med hjälp av slotar kan du testa din app i en stagingmiljö innan du växlar till produktionssloten, vilket säkerställer en smidig och felfri driftsättning. Läs mer om distributionsplatser.
Använd inte distributionsplatser för att blanda distributionsändamål. Alla distributionsplatser delar apptjänsten så du måste se till att trafikmönstren och den avsedda användningen av alla platser är desamma. Om du behöver ha en värdbaserad test- eller fasmiljö som ska vara en separat apptjänst.
Distribuera med Azure Developer CLI
Azure Developer CLI (azd) förenklar processen med att distribuera din app till Azure. Följ dessa steg:
Installera Azure Developer CLI.
Hitta ett befintligt projekt som använder många av de resurser som ditt projekt använder.
Initiera en lokal version av projektet för användning som en infrastrukturmall för ditt eget projekt.
azd init --template <template-name>Skapa resurserna och distribuera koden till Azure.
azd up
Distribuera med Visual Studio Code
Utför följande steg för att distribuera eller distribuera om apptjänstappen med Visual Studio Code:
Installera relaterade Azure-tillägg, till exempel AzureApp Service eller Azure Functions.
Öppna Azure Explorer. Välj Azure-ikonen i det primära sidofältet eller använd kortkommandot (Skift + Alt + A).
I gruppen Resurser väljer du din prenumeration och tjänst.
Högerklicka på din tjänst och välj sedan Distribuera till webbapp....
Anslut till din Azure-värdbaserade miljö
- För manuell eller tillfällig åtkomst till dina värdbaserade miljöer, se hur du visa filer i din Azure-värdbaserade miljö.
- För automatiserad eller konsekvent åtkomstbör du överväga att vidta stegen för att konfigurera en av distributionsmetoderna.
Visa filer i en värdbaserad Azure-miljö
Det finns flera sätt att omedelbart se filerna i din värdbaserade Azure-webbapp eller funktionsapp. Om du använder platser i din värdbaserade resurs måste du se till att du är på rätt plats innan du visar filer.
Visa filer i Azure-portalen – välj Console under Utvecklingsverktyg för värdresursen.
Visa filer i VS Code-tillägget: – välj Azure-ikonen i aktivitetsfältet. I avsnittet Resurser väljer du din prenumeration och tjänst. Noden Files innehåller en vy över dina fjärrfiler.
- Azure App Service och Azure Functions-tillägg ger båda en vy över fjärrfilerna.
Visa HTTP-slutpunkt i Azure-portalen
Visa HTTP-slutpunkten från tjänstens översiktssida på Azure-portalen.
Relaterat innehåll
- självstudier för distribution med Visual Studio Code
- Att vara värd för appar på Azure