Jegyzet
Az oldalhoz való hozzáférés engedélyezést igényel. Próbálhatod be jelentkezni vagy könyvtárat váltani.
Az oldalhoz való hozzáférés engedélyezést igényel. Megpróbálhatod a könyvtár váltását.
A JavaScript-alapú alkalmazás Azure-ban való üzembe helyezéséhez át kell helyeznie egy fájlt vagy fájlkészletet az Azure-ba, hogy egy HTTP-végponton keresztül lehessen kiszolgálni. A fájlok áthelyezésének folyamatát üzembe helyezésnek nevezzük.
Előfeltételek
- Azure-előfizetés – hozzon létre egyet ingyenesen.
- Node.js LTS.
- GitHub-fiók, ha GitHub-adattárból tervezi az üzembe helyezést.
Üzembe helyezési módszerek
Az Azure különböző üzembehelyezési módszereket kínál a különböző igényeknek megfelelően. Íme néhány gyakori módszer:
| Módszer | Részletek |
|---|---|
| Azure Developer CLI | Ideális olyan fejlesztőknek, akik a parancssori eszközöket részesítik előnyben, és automatizálják az erőforrások kiépítését és üzembe helyezését. |
| Visual Studio Code-bővítmények | Alkalmas kézi, tesztelési vagy ritka telepítésekhez. A megfelelő Azure-bővítményeket helyileg kell telepíteni. |
| Azure CLI | Hasznos manuális vagy alkalmi telepítésekhez. A helyileg telepített Azure CLI-t igényli. |
| GitHub-műveletek | A GitHub-adattár változásai által aktivált automatikus vagy folyamatos üzembe helyezésekhez a legjobb. |
Más üzembehelyezési módszerek is léteznek az adott szolgáltatás alapján. Az Azure App Service például számos üzembe helyezési módszert támogat:
A megadott metódusok bármelyikével újra üzembe helyezheti az App Service-t, még akkor is, ha eredetileg nem használta ezt a metódust. A metódusok közötti váltáskor szükség lehet némi konfigurációra az újbóli üzembe helyezés előtt.
Azure-üzemeltetési szolgáltatások JavaScript-alkalmazásokhoz
Az Azure több, különböző JavaScript-alkalmazásforgatókönyvekhez optimalizált üzemeltetési szolgáltatást biztosít:
| Service | Legjobb | A legfontosabb jellemzők |
|---|---|---|
| Azure Static Web Apps | Modern webalkalmazások statikus előtérrendszerekkel (React, Vue, Angular) és opcionális kiszolgáló nélküli API-kkal | Ingyenes SSL, globális CDN, átmeneti környezetek lekéréses kérelmek esetén, integrált hitelesítés |
| Azure App Service | Teljes funkcionalitású webalkalmazások és REST API-k | Beépített automatikus skálázás, üzembehelyezési pontok, egyszerű integráció az Azure-szolgáltatásokkal |
| Azure Functions | Eseményvezérelt kiszolgáló nélküli alkalmazások és mikroszolgáltatások | Végrehajtásonkénti fizetés, automatikus skálázás, több trigger és kötés |
| Azure Konténer Alkalmazások | Tárolóalapú alkalmazások és mikroszolgáltatások | Kubernetes-alapú kiszolgáló nélküli tárolók, Dapr-integráció, eseményvezérelt skálázás |
A megfelelő üzemeltetési szolgáltatás kiválasztásával kapcsolatos további információkért lásd: Alkalmazások üzemeltetése az Azure-ban.
Létrehozási lépések
Az alkalmazás összetettségétől és üzembe helyezési igényeitől függően dönthet úgy, hogy a JavaScript-alkalmazást az üzembe helyezés előtt vagy alatt hozza létre:
- Build az üzembe helyezés előtt: Összetett vagy hosszadalmas buildek esetén csomagolja be az alkalmazást egy zip-fájlba, és helyezze üzembe. Az üzembe helyezési csomagokkal az üzembe helyezés előtt szabályozhatja és tesztelheti a buildet.
- Felépítés az üzembe helyezés során: Egyszerűbb felépítésekhez használja az Azure által biztosított SCM_DO_BUILD_DURING_DEPLOYMENT=true környezeti változót az alkalmazás üzembe helyezése közbeni felépítéshez.
Üzembehelyezési pontok
Üzembehelyezési pontok az Azure App Service-ben lehetővé teszik, hogy külön környezeteket hozzon létre az előkészítéshez és az éles környezethez. A helyek használata lehetővé teszi, hogy az alkalmazást átmeneti környezetben tesztelje, mielőtt felcseréli az éles környezettel, biztosítva a zökkenőmentes és hibamentes üzembe helyezést. További információ az üzembehelyezési pontokról.
Ne használjon üzembehelyezési pontokat az üzembehelyezési célok keveredéséhez. Minden üzembe helyezési hely osztozik az App Service-ben, ezért biztosítania kell, hogy az összes hely forgalmi mintája és rendeltetése megegyezzen. Ha egy üzemeltetett teszt- vagy fáziskörnyezetre van szüksége, amely külön appszolgáltatásnak kell lennie.
Üzembe helyezés az Azure Developer CLI-vel
Az Azure Developer CLI (azd) leegyszerűsíti az alkalmazás Azure-ban való üzembe helyezésének folyamatát. Kövesse az alábbi lépéseket:
Telepítse az Azure Developer CLI-t.
Olyan meglévő projekt keresése, amely a projekt által használt erőforrások nagy részét használja.
Inicializálja a projekt helyi verzióját, hogy saját projektjéhez infrastruktúrasablonként használhassa.
azd init --template <template-name>Hozza létre az erőforrásokat, és telepítse a kódot az Azure-ban.
azd up
Üzembe helyezés a Visual Studio Code-tal
Az App Service-alkalmazás Visual Studio Code-tal való üzembe helyezéséhez vagy ismételt üzembe helyezéséhez hajtsa végre az alábbi lépéseket:
Telepítse a kapcsolódó Azure-bővítményeket, például AzureApp Service vagy Azure Functions.
Nyissa meg az Azure Explorert. Válassza az Azure ikont az elsődleges oldalsávon, vagy használja a billentyűparancsot (Shift + Alt + A).
Az Erőforrások csoportban válassza ki az előfizetést és a szolgáltatást.
Kattintson a jobb gombbal a szolgáltatásra, majd válassza a Üzembe helyezés webalkalmazásként....
Üzembe helyezés az Azure Static Web Appsben
Az Azure Static Web Apps ideális a JavaScript-keretrendszerekkel készült modern webalkalmazásokhoz. Üzembe helyezés:
- Telepítse az Azure Static Web Apps bővítményt a Visual Studio Code-hoz.
- Az alkalmazást helyileg hozhatja létre, hogy a várt módon működjön.
- Nyissa meg az Azure Explorert a Visual Studio Code-ban, és keresse meg az Azure Static Web Appst.
- Kattintson a jobb gombbal az előfizetésére, és válassza a Statikus webalkalmazás létrehozása lehetőséget.
- Kövesse az utasításokat a GitHub-adattár csatlakoztatásához. Az Azure automatikusan létrehoz egy GitHub Actions-munkafolyamatot.
- Küldje el a tárház módosításait, hogy aktiválja az automatikus üzembe helyezéseket.
További részletekért lásd : Webalkalmazás üzembe helyezése az Azure Static Web Appsben.
Üzembe helyezés az Azure Container Appsben
Az Azure Container Apps kiszolgáló nélküli tároló-üzemeltetést biztosít JavaScript-alkalmazásokhoz. Üzembe helyezés:
- Az alkalmazást konténerizálja a Dockerrel. Hozzon létre egy Docker-fájlt a projekt gyökérkönyvtárában.
- Építse fel és tesztelje a konténert helyben.
- A tárolórendszerkép leküldése az Azure Container Registrybe.
- A tárolóalkalmazás létrehozásához és üzembe helyezéséhez használja az Azure Container Apps bővítményt vagy az Azure CLI-t.
A teljes útmutatóért tekintse meg a JavaScriptet az Azure Container Appsben – áttekintés.
Csatlakozás az Azure által üzemeltetett környezethez
- Ha manuálisan vagy alkalomszerűen szeretne hozzáférni az üzemeltetett környezetekhez, tekintse meg, hogyan tudja a fájlokat megtekinteni az Azure által üzemeltetett környezetben.
- Az automatikus vagy konzisztens hozzáférésesetében fontolja meg az egyik üzembe helyezési módszer beállítását.
Fájlok megtekintése az Azure által üzemeltetett környezetben
A tárolt Azure-webalkalmazásban vagy függvényalkalmazásban lévő fájlok többféleképpen is azonnal megtekinthetők. Ha slotokat használ az üzemeltetett erőforrásban, győződjön meg arról a fájlok megtekintése előtt, hogy a megfelelő sloton van.
Fájlok megtekintése az Azure portálon – válassza a Konzol lehetőséget az Ön üzemeltetési erőforrásához tartozó fejlesztési eszközök között.
Fájlok megtekintése a VS Code bővítményben: - válassza az Azure ikont a Tevékenységsávon. Az Erőforrások szakaszban válassza ki az előfizetést és a szolgáltatást. A Fájlok csomóponton megtekintheti a távoli fájlokat.
- Azure App Service és Azure Functions bővítmények egyaránt biztosítják a távoli fájlok megtekintését.
HTTP-végpont megtekintése az Azure Portalon
A HTTP-végpont megtekintése a szolgáltatás Áttekintés lapján az Azure Portalon.
