Statik Web Sitesi Barındırma

AWS'de basit pazarlama web sitenizi veya web uygulamanızı barındırın

Giriş

Web sitesi ziyaretçilerinize HTML, JavaScript, görüntüler, videolar ve başka dosyalar sunar. Statik web siteleri çok düşük maliyetlidir, yüksek düzeyde güvenilirlik sağlar, hemen hemen hiç BT yönetimi gerektirmez ve ek çaba harcanmaksızın kurumsal düzeyde trafiği kaldıracak şekilde ölçeklendirilir.

Daha fazla bilgi için SSS bölümüne bakın >>

Öğrenecekleriniz

  • AWS konsolunda AWS Amplify kullanarak statik bir web sitesi barındırın. AWS Amplify, statik web siteleri ve web uygulamaları için tam olarak yönetilen barındırma sağlar. Amplify'ın barındırma çözümü, site varlıklarınızı AWS içerik teslim ağı (CDN) üzerinden sunmak için Amazon CloudFront ve Amazon S3'ten yararlanır.
  • Sürekli dağıtımı ayarlayın: Amplify, sürekli dağıtım ile Git tabanlı bir iş akışı sunarak, her kod işleminde güncellemeleri sitenize otomatik olarak dağıtmanıza olanak tanır.

 AWS Deneyimi

Başlangıç Seviyesi

 Tamamlama Süresi

10 dakika

 Tamamlama Maliyeti

Statik web sitenizi AWS'de barındırmanın toplam maliyeti kullanımınıza bağlıdır

Kullanılan hizmetlerin ve ilgili maliyetlerinin dökümünü görmek için AWS Amplify ve Amazon Route 53 fiyatlandırmasına bakın

 Eğitim Ön Koşulları

 
[*]Son 24 saat içinde oluşturulan hesapların bu öğretici için gerekli hizmetlere erişimi henüz olmayabilir.

 Son güncelleme

27 Eylül 2022

Uygulama

  • Bu öğreticiye başlamak için bir depo oluşturmanız ve başlatmanız gerekir. Bunu yapmanın en kolay yolu create-react-app komutunu kullanmaktır. Komut İstemi veya Terminalinizde aşağıdaki komutu kullanarak bu paketi yükleyin.

    Halihazırda bağlanacak bir deponuz mu var? Aşağıdaki c adımına atlayın.
    Bir Git sağlayıcısına bağlanmadan dağıtım yapmak mı istiyorsunuz? Buraya tıklayarak başlayabilirsiniz.
    npx create-react-app amplifyapp
    cd amplifyapp
    npm start

    Bu adımda bir GitHub deposu oluşturacak ve kodunuzu bu depoya işleyeceksiniz. Bu adımı tamamlamak için bir GitHub hesabına ihtiyacınız vardır, hesabınız yoksa buradan kaydolabilirsiniz.

    a. Uygulamanız için yeni bir GitHub deposu oluşturun (bağlantı).

    b. Komut satırı arayüzünüzde şu komutları uygulayarak Git'i başlatın ve uygulamayı yeni GitHub deposuna aktarın:

    git init
    git remote add origin git@github.com:username/reponame.git
    git add .
    git commit -m “initial commit”
    git push origin master

    c. Deponuzu bağlamak için Amplify Console'da oturum açın ve sayfanın üst kısmındaki Kullanmaya Başlayın'ı, ardından Amplify Hosting altındaki Kullanmaya Başlayın'ı seçin.

    amplify-getstarted

    GitHub, Bitbucket, GitLab veya AWS CodeCommit depolarınızı bağlayın. Ayrıca Git deposuna bağlanmadan derleme yapıtlarınızı manuel olarak da yükleyebilirsiniz (bk. Manuel Dağıtımlar). Amplify Console'u yetkilendirdikten sonra Amplify, depo sağlayıcısından bir erişim belirteci alır ancak belirteci AWS sunucularında saklamaz. Amplify, yalnızca belirli bir depoda yüklü olan dağıtım anahtarlarını kullanarak deponuza erişir.

    Depo hizmet sağlayıcısını bağladıktan sonra, bir depo seçin ve ardından derlemek ve dağıtmak için ilgili bir dal seçin.

  • Seçilen dal için Amplify, yürütülecek derleme komutlarının sırasını otomatik olarak tespit etmek üzere deponuzu inceler. Derleme ayarlarınızı onaylayın ve İleri'ye tıklayın.

  • Her şeyin doğru şekilde ayarlandığından emin olmak için tüm ayarlarınızı gözden geçirin. Web uygulamanızı küresel bir içerik teslim ağına (CDN) dağıtmak için Kaydet ve dağıt seçeneğini belirleyin. Ön uç derlemeniz genellikle 1 ila 2 dakika sürer ancak bu süre uygulamanın boyutuna göre değişebilir.

Tebrikler!

AWS'de Statik Web Sitesi Barındırma eğitimini tamamladınız.

Sonraki adımlar

AWS ile yolculuğunuza aşağıdaki bölümde yer alan sonraki adımları takip ederek devam edebilirsiniz.

Bu sayfa size yardımcı oldu mu?