{"id":13900,"date":"2025-03-01T12:15:13","date_gmt":"2025-03-01T09:15:13","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/azure-storageda-statik-web-sitenizi-barindirma\/"},"modified":"2025-03-01T12:15:13","modified_gmt":"2025-03-01T09:15:13","slug":"azure-storageda-statik-web-sitenizi-barindirma","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/azure-storageda-statik-web-sitenizi-barindirma\/","title":{"rendered":"Azure Storage’da Statik Web Sitenizi Bar\u0131nd\u0131rma"},"content":{"rendered":"

<\/p>\n

Azure Storage’da Statik Web Sitenizi Bar\u0131nd\u0131rma<\/p>\n

Merhaba! Ben Fatih Soysal ve bug\u00fcn size Azure Storage’\u0131 kullanarak statik web sitenizi nas\u0131l kolayca ve ekonomik bir \u015fekilde bar\u0131nd\u0131raca\u011f\u0131n\u0131z\u0131 g\u00f6sterece\u011fim. Bu y\u00f6ntem, \u00f6zellikle k\u00fc\u00e7\u00fck ve orta \u00f6l\u00e7ekli statik siteler i\u00e7in m\u00fckemmel bir \u00e7\u00f6z\u00fcmd\u00fcr. \u00d6ncelikle, statik web sitesi nedir k\u0131saca a\u00e7\u0131klayal\u0131m. Statik web siteleri, dinamik i\u00e7erik \u00fcretmeyen, yani her istekte sunucu taraf\u0131ndan i\u015flenmeyen, \u00f6nceden olu\u015fturulmu\u015f HTML, CSS ve JavaScript dosyalar\u0131ndan olu\u015fan sitelerdir. Bloglar, portf\u00f6yler ve basit bilgi siteleri gibi bir\u00e7ok site statik olarak tasarlanabilir.<\/p>\n

Gerekli Ad\u0131mlar<\/h2>\n

Azure Storage’da statik bir web sitesi bar\u0131nd\u0131rmak i\u00e7in a\u015fa\u011f\u0131daki ad\u0131mlar\u0131 izlemeniz gerekmektedir. \u00d6ncelikle, bir Azure hesab\u0131n\u0131z\u0131n olmas\u0131 gerekiyor. Hesab\u0131n\u0131z yoksa, \u00fccretsiz bir deneme hesab\u0131 olu\u015fturabilirsiniz. Ard\u0131ndan, a\u015fa\u011f\u0131daki ad\u0131mlara ge\u00e7ebilirsiniz:<\/p>\n

1. Azure Storage Hesab\u0131 Olu\u015fturma<\/h3>\n

Azure portal\u0131na giri\u015f yapt\u0131ktan sonra, “Storage accounts” se\u00e7ene\u011fini bulun. Yeni bir storage account olu\u015fturmak i\u00e7in “Create” butonuna t\u0131klay\u0131n. Hesab\u0131n\u0131za bir isim verin, uygun bir performans seviyesi se\u00e7in (genellikle “Standard” yeterlidir) ve konumunu belirleyin. \u00d6nemli bir nokta, “Static website” se\u00e7ene\u011fini aktifle\u015ftirin. Bu \u00f6zellik, statik dosyalar\u0131n\u0131z\u0131 direkt olarak sunman\u0131za olanak tan\u0131r. Bu ad\u0131mda, index dosyan\u0131z\u0131n ve 404 hata sayfas\u0131n\u0131n ad\u0131n\u0131 belirtmeniz istenecektir. Varsay\u0131lan de\u011ferleri kullanabilir veya istedi\u011finiz dosya adlar\u0131n\u0131 girebilirsiniz. Bu ayarlar\u0131 yapt\u0131ktan sonra, storage account’\u0131n\u0131z\u0131 olu\u015fturun.<\/p>\n

2. Statik Dosyalar\u0131n\u0131z\u0131 Y\u00fckleme<\/h3>\n

Storage account’\u0131n\u0131z olu\u015fturulduktan sonra, “Blob service” se\u00e7ene\u011fine gidin. “Blobs” alt\u0131nda, “$web” adl\u0131 bir container olu\u015fturun. Bu container, statik web sitenizin dosyalar\u0131n\u0131 i\u00e7erecektir. Ard\u0131ndan, HTML, CSS ve JavaScript dosyalar\u0131n\u0131z\u0131 bu container’a y\u00fckleyin. Bunu Azure portal\u0131 \u00fczerinden, Azure Storage Explorer arac\u0131yla veya Azure CLI ile yapabilirsiniz. Benim tavsiyem, Azure Storage Explorer kullanman\u0131z. Daha g\u00f6rsel ve kullan\u0131m\u0131 kolay bir aray\u00fcze sahiptir. Dosyalar\u0131n\u0131z\u0131 y\u00fckledikten sonra, web sitenizin ana dizininde “index.html” dosyas\u0131n\u0131n oldu\u011fundan emin olun. <\/p>\n

3. Web Sitenizi Eri\u015filebilir Yapma<\/h3>\n

Dosyalar\u0131n\u0131z\u0131 y\u00fckledikten sonra, web sitenizin URL’sini Azure portal\u0131nda bulabilirsiniz. Bu URL, statik web sitenizin eri\u015fim adresidir. Art\u0131k web sitenizi d\u00fcnyan\u0131n her yerinden eri\u015filebilir hale getirmi\u015f oldunuz! <\/p>\n

Ek \u0130pu\u00e7lar\u0131<\/h2>\n

Daha geli\u015fmi\u015f bir yap\u0131land\u0131rma i\u00e7in, custom domain kullanmay\u0131 d\u00fc\u015f\u00fcnebilirsiniz. Kendi domain ad\u0131n\u0131z\u0131 kullanarak web sitenizin profesyonel g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc art\u0131rabilirsiniz. Bunun i\u00e7in, Azure DNS’i kullanabilir veya mevcut DNS sa\u011flay\u0131c\u0131n\u0131zla entegre edebilirsiniz. Ayr\u0131ca, CDN (Content Delivery Network) kullanarak web sitenizin performans\u0131n\u0131 ve eri\u015filebilirli\u011fini iyile\u015ftirebilirsiniz. CDN, dosyalar\u0131n\u0131z\u0131 d\u00fcnyan\u0131n farkl\u0131 noktalar\u0131na da\u011f\u0131tarak y\u00fckleme s\u00fcrelerini k\u0131salt\u0131r. Kendi web sitemde<\/a> daha detayl\u0131 Azure rehberleri bulabilirsiniz.<\/p>\n

Sonu\u00e7 olarak, Azure Storage kullanarak statik bir web sitesi bar\u0131nd\u0131rmak hem basit hem de ekonomiktir. Bu rehber ile umar\u0131m statik sitenizi Azure’a kolayca ta\u015f\u0131man\u0131za yard\u0131mc\u0131 olmu\u015fumdur. Herhangi bir sorunuz olursa, yorum b\u00f6l\u00fcm\u00fcnden sorabilirsiniz. Ba\u015far\u0131lar!<\/p>\n

Faydal\u0131 kaynaklar:<\/p>\n