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.
Öğ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
- AWS Ücretsiz Kullanım Sınırlarının Dışında: genellikle 1-3 USD/ay.
- AWS Ücretsiz Kullanım Sınırları Dahilinde: genellikle 0,50 USD/ay.
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ı
- Yönetici düzeyinde erişime sahip AWS Hesabı* AWS'ye kaydolun.
- Git sağlayıcısı: AWS CodeCommit (AWS Free Tier'a dahildir) veya GitHub kullanabilirsiniz.
Son güncelleme
27 Eylül 2022
Uygulama
-
Depo oluşturma ve bağlama
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.
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.
-
Derleme ayarlarını onaylama
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.
-
Kaydetme ve dağıtma
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.