Firebase Hosting’i Custom Domain Adresine Yönlendirme

Firebase Hosting’i Custom Domain Adresine Yönlendirme

Bundan önceki iki yazımda Firebase Hosting hakkında bilgi edindik ve WordPress sitemizi nasıl firebase hosting’e aktaracağımızı öğrendik.

Bütün işlemleri yaptık diyelim ve geriye sadece firebase’in bize verdiği domain adresini, kendi domain adresimize yönlendirme kısmı kaldı.

Domain Yönlendirme

Ben domain’imi Godaddy sitesinden almıştım bu yüzden bu site üzerinden anlatıcam. Zaten genel olarak işlemler aynı hangi firmadan aldığınız fark etmez.

Öncelikle Domain aldığım siteye gidiyorum ve DNS Management ya da Türkçesi ile DNS Yöneticisi paneline gidiyorum. Eğer birdan fazla DNS adresiniz varsa yönlendirmek istediğiniz DNS adresinin Alan Adı Yöneticisi paneline gidin.

Kayıtlar sayfası

Böyle bir sayfaya gideceksiniz. Burda benim Firebase’den zaten almış olduğum TXT ve A kayıtları var sizde de olucak büyük ihtimalle ama biz onları daha sonrasında Firebase’den aldığımız kayıtlar ile değiştireceğiz.

Şimdi Firebase’e geçelim:

Hosting> Özel alan ekle

Özel alan ekle‘ ye tıklıyoruz.

Kendi Domain’imizi yazalım

Bize ait olan, yönlendirmek istediğimiz domain’i yazıp Devam butonuna tıklıyoruz.

Bu aşamayı geçtikten sonra bize bir TXT değeri vericek. Alan adının bize ait olduğunu doğrulamak için bu TXT değerini alıp Alan Adı Yöneticisi paneline eklemeliyiz.

TXT değeri

Değer kısmını kendi DNS sağlayıcımızda ki TXT değeri ile değiştiriyoruz.

NOT: Bazı durumlarda Firebase direk Hızlı Kurulum diye bir pencere önünüze çıkartıp size A kayıtlarını veriyor. Eğer böyleyse direk aşşağı da ki adımdan devam edin.

A kayıtları

Firebase alan adının size ait olduğunu doğruladıktan sonra size bu şekilde iki adet A kayıtları verir. Bunları kendi DNS sağlayıcınızda ki tüm A ve AAAA kayıtlarını sildikten sonra, manuel olarak ekleyin. Ana makine yazan kısma “@” işareti koyun.

Sonlandır tuşuna bastıktan sonra Firebase sertifikanızı 24 saat içinde hazırlar. Genelde 2 3 saat içinde hazır olur ve SSL sertifikalı siteniz kendi domain adresinize yönlendirilmiş olur.

Custom domain’inizi Firebase sitenize yönlendirmek de bu şekilde. Şimdilik Firebase Hosting ile ilgili anlatacaklarım bitti. Kendi sitemi ve bu bloğu hazırlarken karşılaştığım hataları ve gittiğim çözüm yolunu sizlerle de paylaşmak istedim. Umarım anlaşılır olmuştur. Bir sonraki yazıda görüşmek üzere.

Firebase Hosting’e Sitemizi Nasıl Yükleriz ?

Firebase Hosting’e Sitemizi Nasıl Yükleriz ?

Merhabalar. Bundan önce ki yazımızda Firebase Hosting’den bahsetmiştik. Güzel yönlerinden ve eksiklerinden. Bu yazımda baştan sona Firebase Hosting’e WordPress sitemizi nasıl kurarız onu anlatacağım.

WordPress Sitemizi Static Hale Getirme.

Öncelikle localhost’da wordpress sitemizi hazırlıyoruz. Ardından eklentiler>yeni ekle kısmına gelip “Simply Static” adlı eklentiyi sitemize kuruyoruz.

Simply Static eklentisi. Bende zaten kurulu

Daha sonra Menü kısmının en altına eklenen Simply Static butonuna tıklayarak eklenti sayfasına gidiyoruz.

Eklenti sayfası

Eklenti sayfasına gittikten sonra “Generate Static Files” butonuna tıklayarak işlemin bitmesini bekliyoruz. İşlem bittikten sonra “Click here to dowload” butonuna tıklayarak Static wordpress sitemizi bilgisayarımıza kuruyoruz.

Firebase Hosting’e Aktarma Nasıl Yapılır ?

Buraya kadar sorunsuz geldiysek eğer bundan sonra ki adımda bize bir linux işletim sistemi gerekiyor. Windows da çeşitli path problemleri çıkıyor.

Benim Vmware sanal makinam da Ubuntu yüklü. Sanal makinamı çalıştırıp Ubuntu’ya geçiyorum.

İndirdiğimiz static wordpress sitesini sanal makina’ma atıyorum. Ben zaten projemin her adımını github’a yüklediğim için, direk github üzerinden sanal makinama indirdim siteyi. Siz isterseniz drive’dan ya da usb Flash bellek ile de sanal bilgisayarınıza indirebilirsiniz siteyi.

Sanal bilgisayarda static wordpress sitemiz

Sitemiz sanal bilgisayarda hazır. Hemen sitemizin olduğu dizinde bir komut satırı açıyoruz ve sırasıyla şu kodları yazıyoruz.

npm install

npm’i kurduktan sonra firebase eklentilerini kurmamız için;

npm i -g firebase-tools

npm install

npm ile firebase eklentilerini kurduktan sonra firebase hosting’e yüklenmeye hazır sitemiz. Bu adımda firebase login olmamız lazım. Firebase hesabınız yoksa firebase hesabı açıyorsunuz. Daha sonra konsola;

firebase login

Yazıyoruz. Web Browser penceresi otomatik olarak açılıyor ve bize seçmek istediğimiz firebase hesabımızı soruyor.

Firebase Account Login

Firebase hesabımıza girişi yapıp izin ver dedikten sonra tekrar komut satırına geliyoruz ve bu sefer.

firebase init

Yazıyoruz ve açılan ekranda bize firebase’in hangi özelliğini kullanmak istediğimizi soruyor.

firebase hosting

“Hosting” seçeneğinin üzerine gelerek SPACE basıyoruz ve seçilmiş oluyor.

Seçilmiş Hosting

Daha sonra bize yeni proje mi oluşturmak istiyoruz yoksa firebase’de olan bir projeyi mi kullanmak istiyoruz bunu soruyor. Ben Firebase’de olan projeme kurmak istiyorum siz isterseniz yeni proje oluşturabilirsiniz.

proje seçimi

Hangi projeyi seçmek istediğimi soruyor. Üsttekini seçiyorum. Daha sonrasında gelen “What do you want to use as your public directory? (public)” sorusuna ve diğer sorulara ENTER diyerek geçiyorum.

Buraya kadar işlem tamam. Bu kısım çok önemli. Firebase projemizin içerisinde public adında bir klasör oluşturdu ve hostinge yüklediğimizde bu klasörün içindekiler sitemizde görünür. Bizim dosya düzenini ayarlamamız için firebase.json dışında ki tüm dosyaları public içerisine atmamız gerek.

Böyle bir dosya var değiştirilsin mi diye soracak. Değiştirin. Değiştirmek istediği eski index dosyası ile sizin sitenize ait index dosyası. Değiştirmezseniz siteyi hostinge yüklediğinizde Firebase welcome indexini görürsünüz.

Projemizin son hali. Tüm dosyalar public’e taşındı.

Geriye sadece konsola firebase hostinge göndereceğimiz komut olan;

firebase deploy

komutu kaldı. Bu komutu da yazdıktan sonra sitemiz firebase hosting’de hazır.

İşlem tamamlandığında bize verdiği linklerden birisine tıklayarak wordpress sitemizin firebase üzerinde nasıl çalıştığını görebiliriz.

finish

Umarım anlaşılır olmuştur.

Bir sonraki yazımda firebase hosting’imizde bulunan sitenin firebase tarafından verilen Domain’ini, custom Domain adresimize nasıl yönlendireceğimizi anlatacağım.

Firebase Hosting Nedir ? Nasıl Kullanılır ?

firebase

Merhabalar. Bu yazımda Firebase Hosting nedir, nasıl kullanılır bunu anlatıcam.

Firebase genel olarak bir çok işlevi olan bir google ürünüdür. Machine Learning Kitlerinden tutun da Database’e kadar bir çok imkanı vardır fakat bu gün benim Firebase ile ilgili anlatacağım konu Firebase Hosting.

Nedir Firebase Hosting

Firebase Hosting, Web projenizi Google sunucularında ücretsiz olarak tutabileceğiniz bir sistemdir. Bir hosting ya da domain ücreti vermeden sitenizi internette yayınlamanızı sağlar. SSL sertifikasını da ücretsiz bir şekilde alırsınız firebase sayesinde.

Örneğin projenizin adı “myblog” olsun. Sitenizi bitirip firebase sunucusuna yüklediğiniz zaman firebase size ücretsiz bir hosting ve iki tane de domain verir. Bu domainler şöyle olur;

  • myblog.web.app
  • myblog.firebaseapp.com

Firebase Hosting’in bu güzel özellikleri yanında bazı kötü özellikleri var. Bunlardan birisi hatta en önemlisi static simple olmayan bir siteyi desteklemiyor. Yani bir wordpress sitesi ya da ASP.net ile yazılmış bir site firebase hosting’e yüklenemiyor. Bunun wordpress için bir çözümü var.

Simple Static adlı eklentiyi wordpress sitenize kurarak wordpress siteyi simple bir siteye çeviriyor daha sonra Firebase Hosting’e aktarıp firebase içerisinde çalışmasını sağlıyorsunuz. Fakat bu zahmetli olabiliyor.

Örneğin blog sitenize yeni bir yazı yazdınız ya da diyelim ki 2020 yılında 2021 yılına geçtiniz ve sitenizde 2020 yazan bir yeri 2021 olarak değiştirmeniz gerekiyor. Sadece bir rakamı değiştirmek için, 0’ı 1 yapmak için siteyi Simple Static ile dönüştürüyoruz öyle firebase hosting’e aktarıyoruz.

Aslında zaman içinde bu zahmet olmaktan çıkıyor eliniz alışıyor. Bence ücretsiz SSL sertifikalı bir hosting için değer.

Bir sonraki yazımda Firebase Hosting’e sitemizi nasıl yükleyeceğimizi anlatacağım.

Merhaba Blog!

Merhaba Blog!

Bu benim bloğumda ki ilk yazım. Umarım bu sayfada ilerki zamanlarda çok yararlı ve güzel yazılar paylaşarak sayfayı doldurabilirim.

Bir blog sitesi insana kişisel gelişim açısından çok şey katabilir. Örneğin siz her gün ya da 2 günde bir bloğunuzda yazı yazmak için kendinizi şartlandırmışsınızdır ve her 2 günde bir, bir konuyu araştırıp, bilgi edinip anlatacak seviyeye kadar gelip bunu bloğunuzda yazıcaksınız. Fakat bunun zoraki değil istekli bir şekilde yapılması çok daha iyi olur. Yoksa sadece yazmak için her 2 günde bir yazı yazmanıza hiç gerek yok.

Daha sonraları burada bir blog nasıl olmalıdır gibi konulardan tutun da satranç da yapay zeka, Steve Jobs ya da Nacer Khemir kimdir gibi yazılar da görebilirsiniz.

Bir blog sitesi tamamen sizin ilgi alanlarınız doğrultusunda olmalıdır. Örneğin ben satrancı çok severim. Ve yapay zekayı da öyle. Bu blogda benim için Stockfish ile AlphaZero’nun maçlarını anlatmak ve yorumlarımı eklemek büyük bir zevkdir. Sizinle aynı veya yakın zevklere sahip olan insanlarda ellerinde ki telefonlardan, masalarında ki bilgisayardan oldukları yerde konu hakkında sizin görüşünüzü okur hatta kendi görüşünü, eleştirilerini ya da takdirlerini yorum yapabilir.

Bir blog sitesinde önemli olan sitenin trafiğinden çok sizin fikirlerinizi gerçekten anlayarak okuyan ve sizinle ortak bir payda da, aynı konular hakkında beyin fırtınası yapabilen okurlarınızla bir araya gelmektir. Bu 3 kişi de olur 30.000 kişi de.

Tabi ki bir blog sitesinden yüksek trafik beklememek gerek fakat zaten dediğimiz gibi. Bir blog sitesi en başta kişinin kendi gelişimi içindir.

Herkese iyi çalışmalar. 🙂