İçeriğe geç

React Uygulamasını Yayına Alma – Centos & Redhat

Merhaba dostlar, Bu yazımızda sizlerle react uygulamasını nasıl yayına alabiliriz ona bir göz atacağız. Nodejs uygulamasını yayına almak için de aynı yöntemleri izleyebiliriz. Nelere ihtiyacımız var hemen bir göz atalım.

Öncelikle react veya nodejs uygulamamızı yayınlamak için bir sunucuya ihtiyacımız var. Bildiğimiz standart hostinglerde terminale erişimimiz olmadığı için bu etapta hosting işimizi görmüyor. İhtiyacımız olan şey bir sanal sunucu yani vps.

Sunucuyu hallettikten sonra sunucu üzerinde de bazı uygulamalara ihtiyacımız var. Hemen basit bir liste yapayım.

Apache Web Sunucusu

Çoğu vps üzerinde kurulu olarak gelir ancak kurulu değilse aşağıdaki komutu uygulayın.

sudo yum install -y httpd

İşlem bittikten sonra sunucu her yeniden başladığında apache web sunucusunu otomatik başlatmak için

systemctl enable httpd

komutunu giriyoruz.

Nodejs & Yarn

Uygulamanız belirli bir sürüme ihtiyaç duyuyorsa:

curl -sL https://rpm.nodesource.com/setup_SURUMNUMARASI.x | sudo bash -

Duymuyor ve en son sürümü yüklemek istiyorsanız aşağıdaki komutları sırasıyla yazın.

yum install -y nodejs
yum insall -y yarn
yum install gcc-c++ make

Eğer nodejs veya yarn paketi bulunamadı gibi bir hata verirse aşağıdaki komutu kullanın. Sonra üstteki komutları tekrar girin.

yum install -y epel-release
yum -y update

React Uygulamasını Yayınlama

Her şey hazır olduğuna göre artık uygulamamızı yayınlamaya geçebiliriz.

İlk olarak boş bir dizin açıp ftp veya git yardımıyla uygulama dosyalarımızı buraya atalım ve daha sonra komut satırıyla ilgili dizine geçelim. Dizinde olduğunuzu varsayıyorum. React uygulamamızı yayına almak için aşağıda ki komutları sırayla uygulayalım.

yarn
yarn build

bu komuttan sonra dizinde build adında bir klasör oluşacak. Aşağıda ki komut ile bu klasörü apache dizinimize kopyalıyoruz.

sudo cp -rf build /var/www/html

Bu işlemide hallettikten sonra apache yapılandırmamızı tamamlayalım ve uygulamamızı yayına alalım.

nano /etc/httpd/conf/httpd.conf

Yapılandırma dosyamız açıldığında burada Aşağıdaki kod bloğunu buluyoruz.

<Directory "/var/www/html">
    ...
    AllowOverride None
    ...
</Directory> 

Bi kaç farklı yerde olabilir. Burada AllowOverride None olan kısımları AllowOverride All olarak değiştiriyoruz. Son hali aşağıdaki gibi olmalıdır.

<Directory "/var/www/html">
    ...
    AllowOverride All
    ...
</Directory> 

Ctrl + X yapıp Y tuşuna basarak kaydedip çıkıyoruz.

Şimdi /var/www/html dizinine gidelim ve bir .htaccess dosyası oluşturalım.

nano .htaccess

Htaccess içine aşağıdaki kodları girelim.

Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]

Yine kaydedip çıkıyoruz ve son olarak apache sunucumuzu çalıştırarak react uygulamamızı yayına almış oluyoruz.

systemctl start httpd

Ta taaamm! Artık react uygulamamız yayında. Şimdi yapmamız gereken tek şey nameserver ayarlarımızdan A kaydını sunucu IP adresimize yönlendirmek. İşte hepsi bu kadar.

Karşılaşabileceğiniz Bazı Hatalar

1- Tüm komutları aynen yazdım ama tarayıcıdan baktığımda Testing 123.. apache web server hoşgeldin falan filan diyor napıcaz?

/etc/httpd/conf.d/welcome.conf dosyasını sil systemctl restart httpd ile web sunucusnu tekrar başlat

2- nano bulunamadı diyor bu da neyin nesi?

panik yok yüklemedik onu. yum install -y nano yazıp devam ediyoruz.

3- yarn build edince bissürü hata verdi yoksa bozulacak mı ?

Eğer komut sonunda Done in x yazdıysa bir sorun yoktur. Zaten uygulamanın çalışmasını engelleyen bir durum olduğunda hata verecektir. Böyle bir hata ile karşılaşırsanız geliştirme ortamınızdaki nodejs sürümünü yükleyin. Yazının başında bunu nasıl yapacağını gösterdim. Hala sorun varsa bi kodları gözden geçirmenizde fayda var.

React uygulamasını yayına alma makalemiz şimdilik buraya kadar. Soru veya aldığınız hataları yorum kısmından iletebilirsiniz. See you!

Tarih:Linux

İlk Yorumu Siz Yapın

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir