Statikus webhely üzemeltetése az Azure Storage-ban

A statikus tartalmakat (HTML, CSS, JavaScript és képfájlok) közvetlenül egy általános célú V2 vagyBlockBlobStorage-fiók tárolójából is kiszolgálhatja. További információ: Statikus webhely üzemeltetése az Azure Storage-ban.

Ez a cikk bemutatja, hogyan engedélyezheti a statikus webhelyek üzemeltetését az Azure Portal, az Azure CLI vagy a PowerShell használatával.

Statikus webhely üzemeltetésének engedélyezése

A statikus webhely üzemeltetése olyan szolgáltatás, amelyet engedélyeznie kell a tárfiókban.

portál

1. Az első lépésekhez jelentkezzen be az Azure Portalra .

2. Keresse meg a tárfiókot, és jelölje ki a fiók Áttekintés paneljének megjelenítéséhez.

3. Az Áttekintés panelen válassza a Képességek lapot. Ezután válassza a Statikus webhely lehetőséget a statikus webhely konfigurációs oldalának megjelenítéséhez.

   

4. Válassza az Engedélyezve lehetőséget a tárfiók statikus webhely-üzemeltetésének engedélyezéséhez.

5. Az Index dokumentumnév mezőjében adjon meg egy alapértelmezett indexlapot (például: index.html).

   Az alapértelmezett indexlap akkor jelenik meg, amikor egy felhasználó a statikus webhely gyökeréhez navigál.

6. A Hiba dokumentum elérési útja mezőben adjon meg egy alapértelmezett hibalapot (például: 404.html).

   Az alapértelmezett hibalap akkor jelenik meg, amikor egy felhasználó olyan lapra próbál navigálni, amely nem létezik a statikus webhelyen.

7. A statikus hely konfigurációjának befejezéséhez kattintson a Mentés gombra.

   

8. Megjelenik egy megerősítő üzenet. A statikus webhelyvégpontok és egyéb konfigurációs információk az Áttekintés panelen jelennek meg.

   

Azure CLI

A statikus webhelyek üzemeltetését az Azure CLI használatával engedélyezheti.

1. Először nyissa meg az Azure Cloud Shellt, vagy ha helyileg telepítette az Azure CLI-t, nyisson meg egy parancskonzolalkalmazást, például a Windows PowerShellt.

2. Ha identitása egynél több előfizetéshez van társítva, akkor állítsa be az aktív előfizetést annak a tárfióknak az előfizetésére, amely a statikus webhelyet fogja üzemeltetni.

   az account set --subscription <subscription-id>
   

   Cserélje le a <subscription-id> helyőrző értékét az előfizetés azonosítójára.

3. Statikus webhely üzemeltetésének engedélyezése.

   az storage blob service-properties update --account-name <storage-account-name> --static-website --404-document <error-document-name> --index-document <index-document-name>
   

   • Cserélje le a <storage-account-name> helyőrző értékét a tárfiók nevére.

   • Cserélje le a <error-document-name> helyőrzőt annak a hibadokumentumnak a nevére, amely akkor jelenik meg a felhasználók számára, ha egy böngésző olyan lapot kér a webhelyről, amely nem létezik.

   • Cserélje le a <index-document-name> helyőrzőt az indexdokumentum nevére. Ez a dokumentum általában "index.html".

PowerShell

A statikus webhelyek üzemeltetését az Azure PowerShell-modullal engedélyezheti.

1. Nyisson meg egy Windows PowerShell-parancsablakot.

2. Ellenőrizze, hogy rendelkezik-e az Azure PowerShell-modul 0.7-es vagy újabb verziójával.

   Get-InstalledModule -Name Az -AllVersions | select Name,Version
   

   Ha telepíteni vagy frissíteni szeretne, olvassa el az Azure PowerShell-modul telepítését ismertető cikket.

3. Jelentkezzen be az Azure-előfizetésbe a Connect-AzAccount paranccsal, és kövesse a képernyőn megjelenő útmutatásokat.

   Connect-AzAccount
   

4. Ha identitása egynél több előfizetéshez van társítva, akkor állítsa be az aktív előfizetést annak a tárfióknak az előfizetésére, amely a statikus webhelyet fogja üzemeltetni.

   $context = Get-AzSubscription -SubscriptionId <subscription-id>
   Set-AzContext $context
   

   Cserélje le a <subscription-id> helyőrző értékét az előfizetés azonosítójára.

5. Szerezze be a használni kívánt tárfiókot meghatározó tárfiók-környezetet.

   $storageAccount = Get-AzStorageAccount -ResourceGroupName "<resource-group-name>" -AccountName "<storage-account-name>"
   $ctx = $storageAccount.Context
   

   • Cserélje le a <resource-group-name> helyőrző értékét az erőforráscsoport nevére.

   • Cserélje le a <storage-account-name> helyőrző értékét a tárfiók nevére.

6. Statikus webhely üzemeltetésének engedélyezése.

   Enable-AzStorageStaticWebsite -Context $ctx -IndexDocument <index-document-name> -ErrorDocument404Path <error-document-name>
   

   • Cserélje le a <error-document-name> helyőrzőt annak a hibadokumentumnak a nevére, amely akkor jelenik meg a felhasználók számára, ha egy böngésző olyan lapot kér a webhelyről, amely nem létezik.

   • Cserélje le a <index-document-name> helyőrzőt az indexdokumentum nevére. Ez a dokumentum általában "index.html".

Fájlok feltöltése

portál

Az alábbi utasítások bemutatják, hogyan tölthet fel fájlokat az Azure Portal használatával. Használhatja az AzCopyt, a PowerShellt, a parancssori felületet vagy bármely egyéni alkalmazást is, amely fájlokat tölthet fel a fiók $web tárolójába. A Visual Studio code használatával fájlokat feltöltő részletes oktatóanyagért tekintse meg az oktatóanyagot: Statikus webhely üzemeltetése a Blob Storage-on.

1. Az Azure Portalon lépjen a statikus webhelyet tartalmazó tárfiókra. A tárolók listájának megjelenítéséhez válassza a bal oldali navigációs panel Tárolók elemét.

2. A Tárolók panelen válassza ki a $web tárolót a tároló Áttekintés paneljének megnyitásához.

   

3. Az Áttekintéspanelen válassza a Feltöltés ikont a Blob feltöltése panel megnyitásához. Ezután válassza a Fájlok mezőt a Blob feltöltése panelen a fájlböngésző megnyitásához. Lépjen a feltölteni kívánt fájlra, jelölje ki, majd a Megnyitás gombra kattintva töltse ki a Fájlok mezőt. Ha szükséges, jelölje be a Felülírás, ha a fájlok már léteznek jelölőnégyzetet.

   

4. Ha azt szeretné, hogy a böngésző megjelenítse a fájl tartalmát, győződjön meg arról, hogy a fájl tartalomtípusa be van állítva text/html. Ennek ellenőrzéséhez válassza ki az előző lépésben feltöltött blob nevét az Áttekintés panel megnyitásához. Győződjön meg arról, hogy az érték a CONTENT-TYPE tulajdonságmezőben van beállítva.

   

   Megjegyzés:

   Ez a tulajdonság automatikusan be van állítva a text/html gyakran felismert kiterjesztésekhez, például a .html. Bizonyos esetekben azonban ezt saját maga kell beállítania. Ha nem állítja be ezt a tulajdonságot text/html, a böngésző a tartalom megjelenítése helyett a fájl letöltésére kéri a felhasználókat. Ez a tulajdonság az előző lépésben állítható be.

Azure CLI

Objektumokat tölthet fel a $web tárolóba egy forráskönyvtárból.

Ez a példa feltételezi, hogy parancsokat futtat az Azure Cloud Shell-munkamenetből.

az storage blob upload-batch -s <source-path> -d '$web' --account-name <storage-account-name>

Megjegyzés:

Ha a böngésző arra kéri a felhasználókat, hogy töltsék le a fájlt a tartalom megjelenítése helyett, hozzáfűzheti --content-type 'text/html; charset=utf-8' a parancshoz.

• Cserélje le a <storage-account-name> helyőrző értékét a tárfiók nevére.

• Cserélje le a <source-path> helyőrzőt a feltölteni kívánt fájlok helyének elérési útjára.

Megjegyzés:

Ha az Azure CLI helytelepítését használja, használhatja a helyi számítógépen található bármely hely elérési útját (például: C:\myFolder.

Ha Az Azure Cloud Shellt használja, hivatkoznia kell egy fájlmegosztásra, amely látható a Cloud Shellben. Ez a hely lehet a felhőbeli megosztás fájlmegosztása, vagy egy meglévő fájlmegosztás, amelyet a Cloud Shellből csatlakoztat. Ennek módjáról a Fájlok megőrzése az Azure Cloud Shellben című témakörben olvashat.

PowerShell

Objektumokat tölthet fel a $web tárolóba egy forráskönyvtárból.

# upload a file
set-AzStorageblobcontent -File "<path-to-file>" `
-Container `$web `
-Blob "<blob-name>" `
-Context $ctx

Megjegyzés:

Ha a böngésző arra kéri a felhasználókat, hogy töltsék le a fájlt a tartalom megjelenítése helyett, hozzáfűzheti -Properties @{ ContentType = "text/html; charset=utf-8";} a parancshoz.

• Cserélje le a <path-to-file> helyőrző értékét a feltölteni kívánt fájl teljes elérési útjára (például: C:\temp\index.html).

• Cserélje le a <blob-name> helyőrző értékét az eredményként kapott blobnak adni kívánt névre (például: index.html).

A webhely URL-címének megkeresése

A webhely lapjait böngészőből tekintheti meg a webhely nyilvános URL-címével.

portál

A tárfiók fiókáttekintő oldala mellett megjelenő panelen válassza a Statikus webhely lehetőséget. A webhely URL-címe megjelenik az Elsődleges végpont mezőben.

Azure CLI

Keresse meg a statikus webhely nyilvános URL-címét az alábbi paranccsal:

az storage account show -n <storage-account-name> -g <resource-group-name> --query "primaryEndpoints.web" --output tsv

• Cserélje le a <storage-account-name> helyőrző értékét a tárfiók nevére.

• Cserélje le a <resource-group-name> helyőrző értékét az erőforráscsoport nevére.

PowerShell

Keresse meg a statikus webhely nyilvános URL-címét az alábbi paranccsal:

 $storageAccount = Get-AzStorageAccount -ResourceGroupName "<resource-group-name>" -Name "<storage-account-name>"
Write-Output $storageAccount.PrimaryEndpoints.Web

• Cserélje le a <resource-group-name> helyőrző értékét az erőforráscsoport nevére.

• Cserélje le a <storage-account-name> helyőrző értékét a tárfiók nevére.

Metrikák engedélyezése statikus webhelyoldalakon

Miután engedélyezte a metrikákat, a $web tárolóban lévő fájlok forgalmi statisztikái a metrikák irányítópultján jelennek meg.

1. Kattintson a tárolófiók menüje Figyelés részében a Metrikák elemre.

   

   Megjegyzés:

   A metrikák adatai különböző metrikák API-jaihoz való csatlakoztatással jönnek létre. A portál csak az adott időkereten belül használt API-tagokat jeleníti meg, hogy csak az adatokat visszaküldött tagokra összpontosítson. Annak érdekében, hogy biztosan ki tudja választani a szükséges API-tagot, első lépésként bontsa ki az időkeretet.

2. Kattintson az időkeret gombra, válasszon egy időkeretet, majd kattintson az Alkalmaz gombra.

   

3. Válassza a Blob lehetőséget a Névtér legördülő listából.

   

4. Ezután válassza ki az Egressz metrikát.

   

5. Válassza az Összeg lehetőséget az Összesítés választóból.

   

6. Kattintson a Szűrő hozzáadása gombra, és válassza az API nevét a Tulajdonságválasztóban .

   

7. Jelölje be a GetWebContent melletti jelölőnégyzetet az Értékek választóban a metrikák jelentés feltöltéséhez.

   

   Megjegyzés:

   A GetWebContent jelölőnégyzet csak akkor jelenik meg, ha az API-tagot egy adott időkereten belül használták. A portál csak az adott időkereten belül használt API-tagokat jeleníti meg, hogy csak az adatokat visszaküldött tagokra összpontosítson. Ha nem talál egy adott API-tagot ebben a listában, bontsa ki az időkeretet.

Következő lépések

• Megtudhatja, hogyan konfigurálhat egyéni tartományt statikus webhelyével. Lásd Egyéni tartomány hozzárendelése egy Azure Blob Storage-végponthoz.