AWS EC2’ye Vite-React Projenizi Dağıtmak: Özel Alan Adı ve Ücretsiz SSL ile
Merhaba! Bu rehberde, Vite ile geliştirdiğiniz React projenizi AWS EC2’ye özel bir alan adı ve ücretsiz bir SSL sertifikası kullanarak nasıl dağıtacağınızı adım adım açıklayacağım. Öncelikle, bu süreçte birkaç önemli bileşene ihtiyacımız var: bir AWS hesabı, bir alan adı ve biraz temel Linux bilgisi. Hazırsanız başlayalım!
1. Adım: AWS EC2 Sunucusunun Kurulumu
İlk olarak, bir AWS hesabına ihtiyacınız olacak. Hesabınız yoksa, AWS sitesinden ücretsiz bir hesap oluşturabilirsiniz. Hesabınıza giriş yaptıktan sonra, bir EC2 örneği başlatın. Amazon Linux 2 veya Ubuntu gibi bir Linux dağıtımı seçmenizi tavsiye ederim. Önemli ayarlar arasında yeterli RAM ve işlemci gücü seçmek ve güvenlik duvarınızı doğru şekilde yapılandırmak yer alır. Güvenlik duvarınızda SSH ve 80 (HTTP) ve 443 (HTTPS) portlarını açmayı unutmayın. Ayrıntılı EC2 kurulumu için AWS belgelerine göz atabilirsiniz. Bu adım oldukça önemlidir, çünkü sunucu konfigürasyonunuz başarılı dağıtım için temel oluşturmaktadır.
2. Adım: Sunucuya Bağlanma ve Yapılandırma
EC2 örneğinizi başlattıktan sonra, SSH kullanarak sunucuya bağlanmalısınız. AWS konsolundan sunucunuzun Public DNS adresini ve güvenlik anahtarınızı bulabilirsiniz. Terminalinizden SSH komutunu kullanarak sunucuya bağlanın. Örneğin: ssh -i "your_key_pair.pem" ec2-user@your_public_dns . Sunucuya bağlandıktan sonra, gerekli yazılımları kuracağız. Öncelikle Node.js ve npm’i kurun. Bunun nasıl yapılacağı dağıtımınızda kullandığınız işletim sistemine göre değişiklik gösterir. Daha sonra, projenizin ihtiyaç duyduğu diğer bağımlılıkları da kurabilirsiniz. Bu adımlar doğru bir kurulum için kritik önem taşımaktadır.
3. Adım: Vite-React Uygulamasının Dağıtımı
React projenizi oluşturduktan ve npm run build komutuyla üretim için derledikten sonra, üretilen dosyaları sunucunuza aktarmanız gerekmektedir. Bunun için scp veya rsync gibi komutları kullanabilirsiniz. Dosyaları sunucunuzun uygun bir dizinine (örneğin, /var/www/html) kopyalayın. Bu adımda dosyalarınızın doğru bir şekilde kopyalandığından emin olmak çok önemlidir. Akabinde, sunucu üzerinde Nginx gibi bir web sunucusu kurup yapılandırmanız gerekmektedir. Bu, sitenizin ziyaretçiler tarafından erişilebilir olmasını sağlayacaktır. Nginx konfigürasyon dosyasını düzenleyerek, sunucunun doğru dizinden dosyaları servis etmesini sağlayabilirsiniz.
4. Adım: Ücretsiz SSL Sertifikasının Elde Edilmesi ve Kurulumu
Güvenli bir bağlantı sağlamak için Let’s Encrypt gibi bir sağlayıcıdan ücretsiz bir SSL sertifikası edinebilirsiniz. Certbot adlı bir araç, bu işlemi kolaylaştırır. Certbot’u kurun ve sunucu adınız ve alan adınızla birlikte komutları çalıştırarak sertifikanızı edinin. Certbot, Nginx ile otomatik olarak entegre olabilir. Sertifika başarılı bir şekilde kurulduktan sonra siteniz HTTPS üzerinden erişilebilir olacaktır. Bu adımları doğru bir şekilde uygulamak oldukça önemlidir, zira güvenli bir bağlantı kullanıcı deneyimi için oldukça önemlidir.
5. Adım: Özel Alan Adının Bağlanması
Son olarak, özel alan adınızı AWS EC2 örneğinize bağlamanız gerekmektedir. Alan adı kayıt sağlayıcınızda (GoDaddy, Namecheap vb.) EC2 sunucunuzun Public IP adresine işaret eden bir A kaydı oluşturun. Bu adım, ziyaretçilerin özel alan adınızı kullanarak sitenize erişmelerini sağlar. Bu işlem, ziyaretçilerinizin sitenize kolayca ulaşabilmesi için olmazsa olmaz bir adımdır.
Sonuç
Bu adımları tamamladıktan sonra, Vite-React projeniz AWS EC2 üzerinde özel alan adınız ve ücretsiz SSL sertifikanız ile çalışıyor olacaktır. Herhangi bir sorunla karşılaşırsanız, AWS belgelerine ve ilgili topluluk forumlarına göz atabilirsiniz. Umarım bu rehber faydalı olmuştur. Başka sorularınız için fatihsoysal.com adresini ziyaret edebilirsiniz.
Faydalı Kaynaklar:
#Etiketler: AWS EC2, Vite, React, Dağıtım, Özel Alan Adı, SSL Sertifikası, Ücretsiz SSL, Let’s Encrypt, Nginx, Web Sunucusu, Node.js, npm, SSH, A Kaydı, Certbot