Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Amazon Web Service'te çözüm mimarı olan Ona Çemen tarafından sunulan bir eğitim webinarıdır. Konuşmacı, AWS'de statik web uygulamalarının nasıl host edilebileceğini adım adım anlatmaktadır.
- Video, AWS'de front-end geliştirme için sunulan çözümleri ele almaktadır. İlk olarak AWS Amplify ve AWS S3 statik hosting özellikleri tanıtılmakta, ardından CloudFront kullanımı gösterilmekte ve son olarak Amplify konsolunun detaylı kullanımı anlatılmaktadır. Eğitim boyunca React uygulaması üzerinden build, provision, deploy ve verification aşamaları uygulamalı olarak gösterilmektedir.
- Eğitim içeriğinde ayrıca CloudFront'un şifre koruması, alternatif noktalar, custom domain ve SSL kurulumu, feature branch çalışması ve admin UI management gibi özelliklerin nasıl kullanılacağı da adım adım anlatılmaktadır. Video, Amplify'ın hızlı ve rahat kullanılabilir araçlar, yüksek ölçeklenebilir performans ve global erişim gibi avantajlarını özetleyerek sonlanmaktadır.
- AWS Front-End Çözümleri Tanıtımı
- Amazon Web Service'te çözüm mimarı olan konuşmacı, statik web uygulamaları ve siteleri AWS üstünde nasıl host edilebileceğini anlatacak.
- Konuşmacı, AWS Amplify ve alternatif olarak Amazon S3 Static Hosting özelliğini tanıtacak ve bir demo ile kapatacak.
- Demo'da Amplify ile bir React uygulamasının nasıl hayata geçirilebileceği gösterilecek.
- 01:05Front-End Geliştirme İhtiyaçları
- Front-end geliştiricilerin en önemli ihtiyaçları hız, inovasyon ve performanstır.
- AWS Front-End çözümleri, geliştirme sürecini hızlandırmak, kolay kullanım sağlamak ve beklenilen performansı ve ölçeklenebilirliği sağlamak için üretilmiştir.
- Bu çözümler, çeviklik, inovasyon ve esneklik sağlayarak, production ortamındaki kaliteyi farklı ortamlarda da yaşatmayı amaçlamaktadır.
- 02:25AWS Amplify Özellikleri
- AWS Amplify, ön yüz geliştiriciler için özel olarak tasarlanmış, kullanımı kolay bir servistir.
- Hem mobil (iOS ve Android) hem web uygulamaları (React, Vue, Angular, hibrit React Native) için destek sunmaktadır.
- Authentication, API'lar, sonuç mekanizmaları, notificationlar, analytics, user engagement, augmented reality ve virtual reality gibi özellikleri kolay arayüz bileşenleri ile ekleyebilme imkanı sağlar.
- 03:41AWS'in Ölçeklenebilir Altyapısı
- AWS'in ölçeklenebilir altyapısı sayesinde kolaylıkla bir istekten yüz milyonlarca isteğe rahatlıkla ölçeklenebilme olanağı sağlanır.
- Bu süreçte altyapı ile ilgili endişelenmeye gerek kalmaz.
- AWS temel olarak üç farklı servis sunmaktadır ve bu servisler diğer servislerle entegre çalışabilmektedir.
- 05:06AWS'in Diğer Servisleri
- Uygulama geliştirme ve dağıtma noktasında hem Amplify hem de AWS Device Farm servisleri geliştiricilerin yardımına koşmaktadır.
- AWS AppFlow servisi, yönetilen bir grafik veritabanı olarak sunulmakta ve esnek bir şekilde verilere erişim sağlanmaktadır.
- Device Farm, Android ve iOS tabanlı mobil cihazlara ihtiyaç duyulduğunda erişilebilen, testlerin koşturulabileceği bir servistir.
- 06:56Amplify'nin Diğer Özellikleri
- Amplify, uygulamanın yaşam döngüsünde hızlı backend geliştirmesini ve backend-frontend ilişkisinin uyumlu şekilde kurulmasını sağlar.
- Admin yuva özelliği ile veri modelleri tasarlanabilir, kullanıcı yetkilendirmesi sağlanabilir ve verilere erişim sağlanabilir.
- Amplify, statik web application hosting ve Amazon S3 Static Hosting gibi farklı hosting seçenekleri sunmaktadır.
- 08:05Amazon S3 Static Hosting
- Amazon S3 Static Hosting, statik web application veya website hosting özelliği sunmaktadır.
- S3 bucket'larında bu özelliği aktifleştirdiğinizde, HTML, CSS, JavaScript veya React uygulamanızın production çıktısını bundle'ını bu bucket'a attığınızda statik web site özelliğini açabilirsiniz.
- Dinamik uygulamalar (PHP, Java, Python) için web sunucusuna ihtiyaç vardır ve bu durumda farklı komp servisleri ile çözüm bulunabilir.
- 09:21Amplify ve S3 Entegrasyonu
- Amazon CloudFront (CDM) servisinde S3 bucket'ınızın önüne konumlandırılması önerilir.
- Bu şekilde cashlenebilecek bileşenler cashlenebilir ve global olarak uygulama dağıtılarak dünyanın dört bir yanındaki kullanıcılara düşük latency ile hizmet verilebilir.
- Amplify, hosting ve global dağıtma hızlandırma hizmetlerinin dışında CDM entegrasyonunda hosting tarafında hizmet sunar ve bu süreçleri yönetilir kılar.
- 11:07Amplify'nin Git Tabanlı İş Akışı
- Git tabanlı bir iş akışı düşünüldüğünde, code repository'niz (GitHub, GitBucket, GitLab, AWS CodeCommit) varsa, otomatik bir CD pipeline kurabilirsiniz.
- Branch pushlandığında veya başka bir branch'ten commit oluşturulduğunda, build süreci otomatik olarak tetiklenir.
- Build aşamasında bir Docker konteyner (4 CPU, 7 GB RAM) sunulur ve bu konteyner içinde build işlemleri yapılır.
- 12:56Amplify'nin Avantajları
- Amplify, global altyapısıyla düşük latency ile dünyanın dört bir yanındaki kullanıcılara erişim sağlar.
- Kolayca custom domainler kullanılabilir ve bu domainler için SSL sertifikaları tanımlanabilir.
- Basitleştirilmiş continuous iş akışları opsiyonu ve future branch deployment özelliği sunulmaktadır.
- 14:18Şifre Koruması Özellikleri
- Şifre koruması özelliği, farklı ortamlar için erişim kontrolü sağlar.
- Geliştirme ortamını internete açarken herkese erişilebilir kılmak istemiyorsanız veya geliştirdiğiniz bir özelliği müşterinizle paylaşmak istiyorsanız şifre koruması özelliğini aktifleştirebilirsiniz.
- Şifre koruması özelliği, şifre ve kullanıcı adını bilen kişilerin ortama erişim sağlayabilmesini sağlar.
- 15:16AWS CloudFront ve S3 Entegrasyonu
- AWS CloudFront IDE servisi, Cloud9 ile entegre edilmiş durumdadır.
- S3 bucket'ı statik ve posting özelliğini aktifleştirmek önemlidir.
- CloudFront distribution'da default root object olarak index.html'i vermek, domain name'i yazdığınızda access night almanızı önler.
- 16:34React Uygulaması Kurulumu
- npm create react app komutu ile Cloud9 localimde örnek bir React uygulaması kurulmaktadır.
- npm start komutu ile testler serverı çalıştırılır.
- npm run build komutu ile production için statik dosyalar oluşturulup paketlenir.
- 19:54S3'e Dosya Yükleme
- Build klasörü altında statik dosyalar, JavaScriptler, medyalar, CSS'ler ve diğer dosyalar oluşturulur.
- AWS CLI kullanarak build klasöründeki dosyalar S3 bucket'ına recursive olarak kopyalanır.
- CloudFront domaini üzerinden S3 bucket'ı host edilen uygulamaya global olarak erişilebilir hale gelir.
- 21:57Amplify Konsolu ve Git Entegrasyonu
- Amplify konsolunda "Host your web app" seçeneği ile hosting opsiyonu seçilir.
- AWS CodeCommit ile entegrasyon başlatılır ve repository oluşturulur.
- Amplify'de "CodeCommit" seçeneği ile repository seçilir ve uygulama lokalde çalıştırılır.
- 26:21Amplify'de Uygulama Geliştirme
- Git add all komutu ile değişiklikler kaydedilir ve commit yapılır.
- Amplify'de YAML formatında dosya ile kişiselleştirme yapılabilir.
- Save and deploy komutu ile uygulama oluşturulur ve domain name oluşturulur.
- 28:34Amplify Pipeline ve Loglar
- Amplify otomatik pipeline'da provision (altyapı oluşturma), build (kodun build edilmesi), deploy ve verification aşamaları bulunur.
- Pipeline logları detaylı olarak görüntülenebilir ve hangi repo'nun klon edildiği, hangi komutların çalıştırıldığı görülebilir.
- Uygulama deploy edildikten sonra değişiklikler yapıldığında, Amplify konsolunda provision tetiklenir ve build aşaması başlar.
- 32:12Amplify Konsolunda Alternatif Özellikler
- Amplify konsolunda custom domain ve SSL kurulumu, password production ve feature branch çalışması gibi alternatif özellikler bulunmaktadır.
- Admin UI management özelliği sayesinde development ve deployment işlemleri kolayca yapılabilir.
- Amplify, veri modellemesi ve içerik yönetimi için yönetilen bir UI ve backend sunarak ekip arkadaşlarını çağırıp işlemlerinizi yapmanızı sağlar.
- 33:56Branch Yönetimi ve Feature Branch
- Amplify'da master'dan development gibi yeni branchler oluşturulabilir.
- Feature branch özelliği sayesinde farklı branchler için ayrı ortamlar oluşturulabilir.
- Feature branch'lerde test için YAML dosyası düzenlenebilir ve build settings'e eklenebilir.
- 38:09Merge İşlemleri ve Güvenlik
- Merge request oluşturarak development branch'i master'a merge edebilirsiniz.
- Merge sonrası silmek istemiyorsanız "delete after merge" seçeneğini işaretlememelisiniz.
- Password protect özelliği sayesinde farklı ortamlar için kısıtlı erişim sağlanabilir.
- 41:49Amplify'nin Avantajları
- Amplify, hızlı ve rahat kullanılabilir araçlar ve özellikler sunarak pazara daha hızlı çıkabilmenizi destekler.
- API, storage, pub/sub, notifications, analytics gibi yetkin özellikleri sayesinde inovasyona daha hızlı erişebilmenizi sağlar.
- Yüksek ölçeklenebilir performanslı bir altyapı sunan Amplify, AWS'in altyapısı üstüne kurulu olduğu için global erişim sağlar.