- Adım
- RasAlghun
- Cihazım
- Poco X3 Pro
- Konum
- -
- Katılım
- 28 Temmuz 2021
- Konular
- 34
- Mesajlar
- 1.064
- Çözümler
- 14
- Tepkime puanı
- 723
- Puanları
- 128
Google'ın bir projesi olan 'Project IDX'i bu alanla ilgilenen veya ilgilenmek isteyen herkes için sonuna kadar sıkılmadan okuyup, kullanabilecekleri bir şekilde sizlere sunmaya çalışacağım...
2) Açılan sayfada desteklenen yazılım dillerini ve daha fazlasını göreceksiniz tercih ettiniz yazılım dilini buradan seçiniz. Şimdilik pek fazla yazılım dili desteği yok fakat ilerleyen süreçlerde eklenmesi planlanmaktadır.
3) Ben basit bir web sitesi örneği göstereceğim bunun için 'Simple HTML' seçeneğine tıklıyorum. Siz kendi projeniz için gereken yazılım dilini veya seçmek istediğin yazılım dilini üzerine tıklayarak seçim yapabilirsiniz. Aynı anda sadece bir yazılım dili seçimi yapabilirsiniz. Seçim yaptıktan sonra şöyle bir sayfa açılacak ve oraya projenizin adını giriniz ve ardından 'Create' butonuna basınız, dosyaların oluşturulması için bekleyiniz.
4) Dosyaların hazırlanması bazen üzün sürüyor ve bir uyarı yazısı beliriyor, belirli bir süre (5 10 dk falan) bekleyiniz hala dosya oluşturma süreci devam ediyorsa sayfayı yenileyiniz bu işlem de çözüm olmaz ise sekmeyi kapatıp tarayıcınızı kapatıp ardından tekrardan 'Project IDX ' sayfasına gidip 1. adımı tekrardan uygulayınız ve çıkan sayfada projenizin üzerine tıklayınız. Aksi bir sorun olmadıkça dosya oluşturma işlemleri gerçekleşmiş olup şöyle bir sayfanın açılması gerekmektedir:
5) Projeniz için gereken tüm eklentiler halihazırda yüklenmiş olup direkt olarak projenizi geliştirmeye başlayabilirsiniz. Visual Studio Code benzeri olup çoğu kısa yol çalışmaktadır daha önceden aşinalığınız var ise sizin için farklı hissettirmeyecektir. Projeniz bitti ve yayınlamak istiyorsunuz veya başka cihazlarda da görmek istiyorsunuz (tablet, telefon vs.), direkt olarak Google Firebase'e bağlanarak ücretsiz ve çok da zahmetli olmayacak şekilde yayınlayabiliriz. Bunun için gerekli adımlara geçelim:
Sol kısa yol çubuğunda bulunan simgelerden en altta bulunan Project IDX simgesine tıklayınız, tıklama işleminden sonra şöyle bir pencere açılacak:
açılan pencerede bulunan 'Host Web App with Firebase' kısmına tıklayınız, o kısmın altında şu seçenekler çıkacak
bu seçeneklerden 'Authenticate Firebase' yazısına tıklayınız ve bekleyiniz şu şekilde terminal açılması gerekiyor
ilk çıkan hata ayıklama ile ilgili soruyu kendi tercihinize göre evet veya hayır (y/n) diyerek ilerleyiniz. Ardından orada çıkan linkin (görselde göründüğü gibi 2. açıklamanın altında) üzerine imleci getirerek 'ctrl' + 'clik' yaparak sizi işlemlerin devamı için gerekli siteye yönlendirmesini bekleyiniz ve Project IDX için giriş yaptığınız Google heasabını seçiniz gereken izinleri veriniz ardından sırayla şu sayfalar açılacak
kontrol ederek ilerleyiniz ve en son çıkan sayfadaki 'authorization code'nu copy butonuna basarak kopyalayınız ve geri açık olan projenizin sayfasına dönüp terminal kısmına sağ tıklatarak yapıştırınız enter'layıp işlemin bitmesini bekleyiniz. İşlemler bittikten sonra bu şekilde görünmesi gerekmektedir:
görselden de anlaşılacağı üzere giriş yaptığımız Google hesabını projemiz ile ilişkilendirmiş bulunmaktayız.
6) Her şeyin sorunsuz bir şekilde gerçekleştiğini varsayıyorum, bu durumda projemizi yayınlayabilmek için diğer işlemleri yapmaya devam edelim:
'İnitialize Firebase Hosting' yazısına tıklayınız, bu durumda tekrardan bir terminal işlemi başlayacak işlemin en başında seçenekler çıkacak.
Ben yeni bir proje oluşturacağım için tabi ki sizin de öyle olmalı klavye yön tuşlarını kullanarak 'Create a new project'e gelip enter'layacağım siz de aynı işlemi yapmalısınız, kısa bir süre sonra açılan işlemde kısaca anlatmam gerekirse yapacağımız şey domain adresi yani 'Alan Adı' belirleyeceğiz. Domain adresimizi belirlememiz için işlem açılacak
ve domain adresi belirlerken Türkçe karakterler kullanmayınız, orada belirtildiği gibi 6 ila 30 karakter arasında olmasına dikkat ediniz, bunlara dikkat etmenize rağmen bir hata alıyorsanız ki bu hata genellikle 'bu adres zaten mevcut' cümlesine benzer İngilizce bir hata mesajı oluyor, bu hata mesajını alırsanız domain adresinizin zaten başka bir kullanıcıda var olduğunu belirtiyor ve yapmanız gereken domain adresini değiştirmektir. Başka bir hata mesajı alırsanız buraya yazabilirsiniz, birlikte çözebiliriz. Domain adresini hata almadan gerçekleştirdik, ID belirleme ile ilgili soruda direkt enter işlemi yaparak geçebilirsiniz. Terminal ekranında bazı işlemler sırayla otomatik olarak tamamlanacaktır hata almanız %1 
.
7) Hosting ayarlamaları için işlemler başlayacak ilk olarak bize (benim projeme göre) bir 'framework' kullanıp kullanmadığımızı soruyor, düz bir web site projesi yaptığım için hayır (N) diyorum. Herhangi bir framework kullanılan bir projeyse zaten bunu kendisi algılayıp size ona göre bir soru yöneltiyor, projenizin düzgün çalışması için evet (Y) demeniz gerekiyor.
Benim projem düz bir web sitesi olduğu için projeme ait dosyalar kısmına tıklıyorum ve bir klasör oluşturup 'html, css, js' dosyalarımı o klasöre taşıyorum
ve yöneltilen soruya klasör ismimi girerek devam ediyorum. Sizler de böyle basit bir web sitesi oluşturduysanız aynı şekilde bu işlemleri yapabilirsiniz, farklı bir proje için klasör oluşturmadan bu işlemleri çıkan framework sorusundan itibaren okuyarak gerçekleştirin, benim projemde çıkan klasör işlemleri olmayacaktır geri kalan kısımlar aynı olabilir. Çıkan işlemlere 'github' ile alakalı soru dışında şu şekilde yapın -basit web sitesi- (sorular farklılık gösterebilir belki sormaktan çekinmeyin):
her şey sorunsuz bir şekilde tamamlandığı durumda (aksi durumda sormaktan çekinmeyin) 'Firebase Hosting' şu şekilde görünecektir
8) Bu aşamaya kadar geldiğimize göre artık dosyalarımızı Google Firebase sunucularına yükleyebiliriz. 'Deploy to Production' yazısına tıklayıp işlemlerin otomatik olarak bitmesini bekleyiniz. Her şey bittikten sonra Firebase Hosting kısmında belirlediğimiz domain adresimiz görüntülenecektir,
o linke tıklayarak ilgili projenizin sayfasına erişmiş olacaksınız.
9) Dosyalarınızda güncelleme yaptığınızda yayınlanan projenizin dosyalarını da güncellemek istediğinizde 8. adımı tekrardan uygulamanız yeterli olacaktır, her güncelleme için bu işlem yeterlidir. Sunucu tarafının limitlerinin ne kadar olduğunu henüz tam anlamıyla ölçemedim ücretsiz planların tabiki de sınırları vardır.
10) Projenize kendi özel domain adresinizi de bağlayabilirsiniz, bunun için yapmanız gereken şey Google Firebase sitesine gitmek olacaktır. Sayfanın sağ üst köşesinde bulunan 'Go to console' yazan butona tıklayınız ardından verdiğim görsellerdeki adımları takip ediniz
Buraya kadar okuduysan teşekkür ederim saygıdeğer hocam. Oluşturduğum linke ulaşamazsınız çünkü kapattım
Bahsettiğim hatalar dışında başka hatalar da alabilirsiniz böyle durumlarda işin içinden çıkamazsanız bu konu altına veya ayrı bir konu olarak açıp sorabilirsiniz.
Project IDX'in tüm hakları Google'a aittir, bu rehber yardım niteliğindedir.
Gereksinimler:
- Herhangi bir web tarayıcısı yüklü cihaz (bilgisayar, tablet veya telefon).
- Google hesabı.
- Hiç yazılımı bilmeyen kullanıcıdan ileri düzey yazılım bilgisi olan kullanıcıya kadar bu projeyi kullanmak isteyenler.
- Yazılım dili bilmeyen kullanıcılar kendi içerisinde bulunan Google'ın 'Gemini' yapay zekasından yardım alabilirler. (Başka YZ modellerini de kullanabilirsiniz kimse kısıtlamıyor sizleri) Yapmak istedikleriniz sadece hayal gücünüzle sınırlıdır...
- Yazılım dili bilmeyen kullanıcılar kendi içerisinde bulunan Google'ın 'Gemini' yapay zekasından yardım alabilirler. (Başka YZ modellerini de kullanabilirsiniz kimse kısıtlamıyor sizleri
- Yazılıma merakı, ilgisi olanlar; bu projeyi görüp denemek isteyenler.
- İyi bir internet bağlantısı.
Project IDX'i Kullanabilmek İçin:
1)
Linkleri görebilmek için kayıt olmanız gerekmektedir
adresine gidin (üzerine tıklarsanız direkt oraya götürür) ve Google hesabınızla giriş yapın. Ardından açılan sayfanın sağ üst köşesinde bulunan 'Get Started'in üzerine tıklayın. Giriş yaptıktan sonra açılan sayfa şu şekilde olmalı:
Resimleri görmek için giriş yapmanız gerekmektedir.
2) Açılan sayfada desteklenen yazılım dillerini ve daha fazlasını göreceksiniz tercih ettiniz yazılım dilini buradan seçiniz. Şimdilik pek fazla yazılım dili desteği yok fakat ilerleyen süreçlerde eklenmesi planlanmaktadır.
Resimleri görmek için giriş yapmanız gerekmektedir.
Resimleri görmek için giriş yapmanız gerekmektedir.
Resimleri görmek için giriş yapmanız gerekmektedir.
Resimleri görmek için giriş yapmanız gerekmektedir.
Resimleri görmek için giriş yapmanız gerekmektedir.
3) Ben basit bir web sitesi örneği göstereceğim bunun için 'Simple HTML' seçeneğine tıklıyorum. Siz kendi projeniz için gereken yazılım dilini veya seçmek istediğin yazılım dilini üzerine tıklayarak seçim yapabilirsiniz. Aynı anda sadece bir yazılım dili seçimi yapabilirsiniz. Seçim yaptıktan sonra şöyle bir sayfa açılacak ve oraya projenizin adını giriniz ve ardından 'Create' butonuna basınız, dosyaların oluşturulması için bekleyiniz.
Resimleri görmek için giriş yapmanız gerekmektedir.
4) Dosyaların hazırlanması bazen üzün sürüyor ve bir uyarı yazısı beliriyor, belirli bir süre (5 10 dk falan) bekleyiniz hala dosya oluşturma süreci devam ediyorsa sayfayı yenileyiniz bu işlem de çözüm olmaz ise sekmeyi kapatıp tarayıcınızı kapatıp ardından tekrardan 'Project IDX ' sayfasına gidip 1. adımı tekrardan uygulayınız ve çıkan sayfada projenizin üzerine tıklayınız. Aksi bir sorun olmadıkça dosya oluşturma işlemleri gerçekleşmiş olup şöyle bir sayfanın açılması gerekmektedir:
Resimleri görmek için giriş yapmanız gerekmektedir.
5) Projeniz için gereken tüm eklentiler halihazırda yüklenmiş olup direkt olarak projenizi geliştirmeye başlayabilirsiniz. Visual Studio Code benzeri olup çoğu kısa yol çalışmaktadır daha önceden aşinalığınız var ise sizin için farklı hissettirmeyecektir. Projeniz bitti ve yayınlamak istiyorsunuz veya başka cihazlarda da görmek istiyorsunuz (tablet, telefon vs.), direkt olarak Google Firebase'e bağlanarak ücretsiz ve çok da zahmetli olmayacak şekilde yayınlayabiliriz. Bunun için gerekli adımlara geçelim:
Sol kısa yol çubuğunda bulunan simgelerden en altta bulunan Project IDX simgesine tıklayınız, tıklama işleminden sonra şöyle bir pencere açılacak:
Resimleri görmek için giriş yapmanız gerekmektedir.
Resimleri görmek için giriş yapmanız gerekmektedir.
Resimleri görmek için giriş yapmanız gerekmektedir.
Resimleri görmek için giriş yapmanız gerekmektedir.
Resimleri görmek için giriş yapmanız gerekmektedir.
Resimleri görmek için giriş yapmanız gerekmektedir.
Resimleri görmek için giriş yapmanız gerekmektedir.
görselden de anlaşılacağı üzere giriş yaptığımız Google hesabını projemiz ile ilişkilendirmiş bulunmaktayız.
6) Her şeyin sorunsuz bir şekilde gerçekleştiğini varsayıyorum, bu durumda projemizi yayınlayabilmek için diğer işlemleri yapmaya devam edelim:
'İnitialize Firebase Hosting' yazısına tıklayınız, bu durumda tekrardan bir terminal işlemi başlayacak işlemin en başında seçenekler çıkacak.
Resimleri görmek için giriş yapmanız gerekmektedir.
Resimleri görmek için giriş yapmanız gerekmektedir.
.7) Hosting ayarlamaları için işlemler başlayacak ilk olarak bize (benim projeme göre) bir 'framework' kullanıp kullanmadığımızı soruyor, düz bir web site projesi yaptığım için hayır (N) diyorum. Herhangi bir framework kullanılan bir projeyse zaten bunu kendisi algılayıp size ona göre bir soru yöneltiyor, projenizin düzgün çalışması için evet (Y) demeniz gerekiyor.
Benim projem düz bir web sitesi olduğu için projeme ait dosyalar kısmına tıklıyorum ve bir klasör oluşturup 'html, css, js' dosyalarımı o klasöre taşıyorum
Resimleri görmek için giriş yapmanız gerekmektedir.
Resimleri görmek için giriş yapmanız gerekmektedir.
her şey sorunsuz bir şekilde tamamlandığı durumda (aksi durumda sormaktan çekinmeyin) 'Firebase Hosting' şu şekilde görünecektir
Resimleri görmek için giriş yapmanız gerekmektedir.
8) Bu aşamaya kadar geldiğimize göre artık dosyalarımızı Google Firebase sunucularına yükleyebiliriz. 'Deploy to Production' yazısına tıklayıp işlemlerin otomatik olarak bitmesini bekleyiniz. Her şey bittikten sonra Firebase Hosting kısmında belirlediğimiz domain adresimiz görüntülenecektir,
Resimleri görmek için giriş yapmanız gerekmektedir.
9) Dosyalarınızda güncelleme yaptığınızda yayınlanan projenizin dosyalarını da güncellemek istediğinizde 8. adımı tekrardan uygulamanız yeterli olacaktır, her güncelleme için bu işlem yeterlidir. Sunucu tarafının limitlerinin ne kadar olduğunu henüz tam anlamıyla ölçemedim ücretsiz planların tabiki de sınırları vardır.
10) Projenize kendi özel domain adresinizi de bağlayabilirsiniz, bunun için yapmanız gereken şey Google Firebase sitesine gitmek olacaktır. Sayfanın sağ üst köşesinde bulunan 'Go to console' yazan butona tıklayınız ardından verdiğim görsellerdeki adımları takip ediniz
Resimleri görmek için giriş yapmanız gerekmektedir.
'Add custom domain' yazısına tıklayınız.
Resimleri görmek için giriş yapmanız gerekmektedir.
buraya kendinize ait domain adresinizi giriniz 'Continue' butonuna basın ve oradaki domain işlemlerini tamamlayınız.Buraya kadar okuduysan teşekkür ederim saygıdeğer hocam. Oluşturduğum linke ulaşamazsınız çünkü kapattım
Bahsettiğim hatalar dışında başka hatalar da alabilirsiniz böyle durumlarda işin içinden çıkamazsanız bu konu altına veya ayrı bir konu olarak açıp sorabilirsiniz.
Project IDX'in tüm hakları Google'a aittir, bu rehber yardım niteliğindedir.
Son düzenleme:
