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 a 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 a Azure Portal.

2. Keresse meg a tárfiókot, és válassza 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, ha engedélyezni szeretné a statikus webhely-üzemeltetést a tárfiókhoz.

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, ha 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, ha 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 Shell, vagy ha helyileg telepítette az Azure CLI-t, nyisson meg egy parancskonzolalkalmazást, például Windows PowerShell.

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

   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 a hibadokumentum nevére, amely akkor jelenik meg a felhasználók számára, ha egy böngésző nem létező lapot kér a webhelyen.

   • 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 a Azure PowerShell modullal engedélyezheti.

1. Nyisson meg egy Windows PowerShell parancsablakot.

2. Ellenőrizze, hogy Azure PowerShell Az 0.7-es vagy újabb verziójú modullal rendelkezik-e.

   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, állítsa be az aktív előfizetést a statikus webhelyet üzemeltető tárfiók előfizetésére.

   $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. Kérje le a tárfiók környezetét, amely meghatározza a használni kívánt tárfiókot.

   $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 a hibadokumentum nevére, amely akkor jelenik meg a felhasználók számára, ha egy böngésző nem létező lapot kér a webhelyen.

   • 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 a 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 lásd : Oktatóanyag: Statikus webhely üzemeltetése a Blob Storage-on.

1. A Azure Portal keresse meg a statikus webhelyet tartalmazó tárfiókot. 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. Keresse meg a feltölteni kívánt fájlt, jelölje ki, majd válassza a Megnyitás lehetőséget a Fájlok mező feltöltéséhez. Ha már léteznek fájlok , jelölje be az Felülírás 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 a következőre text/htmlvan állítva: . 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 a következőre text/html van állítva a gyakran felismert bővítményekhez, például .html: . Bizonyos esetekben azonban ezt saját maga kell beállítania. Ha nem állítja be ezt a tulajdonságot a értékre 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 Azure Cloud Shell használ, hivatkoznia kell egy fájlmegosztásra, amely látható a Cloud Shell. Ez a hely lehet magának a felhőmegosztásnak a fájlmegosztása, vagy egy meglévő fájlmegosztás, amelyet a Cloud Shell csatlakoztat. Ennek módjáról a Fájlok megőrzése az Azure Cloud Shell-ban 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 arra a névre, amelyet meg szeretne adni az eredményként kapott blobnak (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 a következő 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

A metrikák engedélyezése után a rendszer a $web tárolóban lévő fájlok forgalmi statisztikáit jelenti a metrikák irányítópultján.

1. Kattintson a Tárfiók menü Monitorozás szakaszában a Metrikák elemre.

   

   Megjegyzés

   A metrikák adatai különböző metrika API-khoz 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 ki 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 a Kimenő forgalom 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-nevet 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 a statikus webhelyével. Lásd: Egyéni tartomány leképezése Azure Blob Storage végpontra.