Rehber Project IDX - Yazılımla İlgilenenler İçin (Kodlama)

rastalgun

This is the way
Yönetici
Destek Ekibi
Tecrübeli Üye
MIUI Sever
SMS Onaylı
Adım
RasAlghun
Cihazım
Poco X3 Pro
Konum
MIUI
Katılım
28 Temmuz 2021
Konular
33
Mesajlar
879
Çözümler
11
Tepkime puanı
619
Puanları
108
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...

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.angel~~
    • 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ıma merakı, ilgisi olanlar; bu projeyi görüp denemek isteyenler.
  • İyi bir internet bağlantısı.

Project IDX'i Kullanabilmek İçin:

1) 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.
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
Resimleri görmek için giriş yapmanız gerekmektedir.
bu seçeneklerden 'Authenticate Firebase' yazısına tıklayınız ve bekleyiniz şu şekilde terminal açılması gerekiyor
Resimleri görmek için giriş yapmanız gerekmektedir.
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
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.
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:
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.
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
Resimleri görmek için giriş yapmanız gerekmektedir.
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 :D.

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.
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):
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.
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
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 :D
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:

M.OZKN

Destek Ekibi
Yönetici
Destek Ekibi
Premium Üye
Elit Üye
MIUI Sever
SMS Onaylı
Adım
M
Cihazım
Xiaomi 13 Ultra
Meslek
Yazılım
Yaş
45
Konum
türkiye
Katılım
30 Kasım 2019
Konular
423
Mesajlar
4.733
Çözümler
51
Tepkime puanı
4.220
Puanları
288
Anlatım ve paylaşım için teşekkürler hocam, emiğinize sağlık.
 

Skorpi

Don't Worry, Be Happy :-)
Yönetici
Co-Admin
Premium Üye
MIUI Expert
MIUI Sever
SMS Onaylı
Adım
Cumhur
Cihazım
Mi 11T Pro
Yaş
65
Konum
İstanbul/Büyükçekmece
Katılım
10 Haziran 2017
Konular
284
Mesajlar
19.605
Çözümler
7
Tepkime puanı
59.721
Puanları
438
Google'ın bir projesi olan 'Project IDX' rehberimi bu alanla ilgilenen veya ilgilenmek isteyen herkes için sonuna kadar sıkılmadan okuyup kullanabilecekleri bir şekilde sizlere sunmaya çalışacağım...

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.angel~~
    • 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ıma merakı, ilgisi olanlar; bu projeyi görüp denemek isteyenler.
  • İyi bir internet bağlantısı.

Project IDX'i Kullanabilmek İçin:

1) 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.
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
Resimleri görmek için giriş yapmanız gerekmektedir.
bu seçeneklerden 'Authenticate Firebase' yazısına tıklayınız ve bekleyiniz şu şekilde terminal açılması gerekiyor
Resimleri görmek için giriş yapmanız gerekmektedir.
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
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.
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:
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.
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
Resimleri görmek için giriş yapmanız gerekmektedir.
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 :D.

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.
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):
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.
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
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 :D
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.
Elinize, emeğinize sağlık hocam, anlatım ve paylaşım için teşekkürler

Gesendet von meinem Schajomi mit Tapatalk
 

KrakoW

Ne Mutlu Türküm Diyene!
Yönetici
Destek Ekibi
Usta Üye
MIUI Sever
SMS Onaylı
Adım
Alperen
Cihazım
Redmi Note 9 +
Meslek
Öğrenci
Konum
İstanbul
Katılım
23 Temmuz 2021
Konular
143
Mesajlar
1.227
Çözümler
9
Tepkime puanı
857
Puanları
128
Google'ın bir projesi olan 'Project IDX' rehberimi bu alanla ilgilenen veya ilgilenmek isteyen herkes için sonuna kadar sıkılmadan okuyup kullanabilecekleri bir şekilde sizlere sunmaya çalışacağım...

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.angel~~
    • 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ıma merakı, ilgisi olanlar; bu projeyi görüp denemek isteyenler.
  • İyi bir internet bağlantısı.

Project IDX'i Kullanabilmek İçin:

1) 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.
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
Resimleri görmek için giriş yapmanız gerekmektedir.
bu seçeneklerden 'Authenticate Firebase' yazısına tıklayınız ve bekleyiniz şu şekilde terminal açılması gerekiyor
Resimleri görmek için giriş yapmanız gerekmektedir.
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
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.
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:
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.
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
Resimleri görmek için giriş yapmanız gerekmektedir.
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 :D.

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.
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):
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.
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
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 :D
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.
Hocam ellerinize sağlık ancak konunun başındakı yazıları siyah renk yerine başka bir renk yaparsanız daha iyi olur, forumu karanlık modda kullananlarda yazılar gözükmüyor.
 

musdi27

Yaşamaya çalışmak...
Emekli Yönetici
Elit Üye
MIUI Sever
SMS Onaylı
Adım
M. Mustafa
Cihazım
Xiaomi 13T
Meslek
Ofis Sorumlusu
Konum
Gaziantep
Katılım
13 Mayıs 2014
Konular
179
Mesajlar
4.677
Çözümler
30
Tepkime puanı
3.585
Puanları
188
Elinize, emeğinize, anlatımınıza sağlık hocam. Çok iyi bir sistem gibi duruyor, siz de güzel anlatmışsınız. :)
 

rastalgun

This is the way
Yönetici
Destek Ekibi
Tecrübeli Üye
MIUI Sever
SMS Onaylı
Adım
RasAlghun
Cihazım
Poco X3 Pro
Konum
MIUI
Katılım
28 Temmuz 2021
Konular
33
Mesajlar
879
Çözümler
11
Tepkime puanı
619
Puanları
108
  • Konu Sahibi Konu Sahibi
  • #6
Hocam ellerinize sağlık ancak konunun başındakı yazıları siyah renk yerine başka bir renk yaparsanız daha iyi olur, forumu karanlık modda kullananlarda yazılar gözükmüyor.
Ben aydınlık modda kullandığım için fark etmemişim hocam, sağolun tavsiyeniz için. Düzelteyim.
 
Üst Alt