Firebase ile Flutter'da Sohbet Uygulaması Nasıl Geliştirilir?

Yayınlanan: 2021-08-31

Sohbet uygulamaları pazarına bir grup büyük oyuncu hakimdir, ancak sürekli gelişen teknolojiler ve kullanıcı ihtiyaçları, pazar payının bir kısmını elde etmek için yeni mesajlar ve uygulamalar için açık kapılar açmaktadır. Yeni sohbet uygulamasının WhatsApp ile çakışması da gerekli değil - belirli bir müşteri topluluğuna hizmet eden belirli mesajlaşma uygulamaları için açıklıklar gelişiyor veya oyun, flört ve tıbbi bakım gibi farklı girişimler arasında arka iletişime hizmet ediyor.

Chat uygulamaları şüphesiz şehrin ilgi çekici bir konusu haline geldi ve tüm dünyayı etkisi altına aldı.

Statista'ya göre, WhatsApp'ı her ay kullanan ve 2020'de 4,8 milyar gelir elde etmesi öngörülen 2 milyar tüketiciyle , sohbet uygulamalarının gelecekte hiçbir yere gitmeyeceği konusunda hemfikir olmak güvenli.

Şu anda, olağanüstü işlevsel bir firebase flutter sohbet uygulamasının nasıl geliştirileceği veya bir mesajlaşma uygulamasının nasıl yapılacağı ve kuruluşların yeni başlayanlar için firebase kullanarak sohbet uygulamaları geliştirmek için hangi teknolojileri kullanması gerektiği sorusu ortaya çıkıyor ?

Bu soruya yanıt basittir, Flutter Firebase mesajlaşma uygulamalarını kullanarak sürüş sohbet uygulamaları oluşturabilirsiniz.

İşte size trend olduğunu bildiren bazı istatistikler.

  • 2021 yılına kadar istatistik raporuna göre, ayda 2 milyar kullanıcı WhatsApp messenger'a erişiyordu .
  • Linkedin istatistiklerine göre, 2018 için 106.27 milyar dolar değerinde olan mobil uygulama pazar büyüklüğü, %18,4'lük bir CAGR bildirdi ve 2026 yılına kadar 407.31 milyar dolara ulaşması bekleniyor .
  • ABD pazarındaki sohbet uygulaması kullanıcı sayısı 461,2 milyon kullanıcı payına sahipken, Çin'in 2027 yılına kadar 592,9 milyon kullanıcı sayısına ulaşacağı tahmin ediliyor .
  • Messenger insanlarına göre , en son mesajlaşma uygulaması kullanım istatistikleri, WhatsApp'ın dünya çapında 2,0 milyar kullanıcıya sahip olduğunu ve Facebook Messenger 1.3'ün WeChat'in 1 milyar ile hemen arkasında olduğunu gösteriyor.

Revenue of selected mobile messaging apps

Firebase ile flutter'da sohbet uygulaması geliştirme adımlarına bakalım.

Sohbet uygulamasında Firebase: oturum açın, kaydolun

Bu, herhangi bir Flutter Firebase sohbet uygulamasının temel parçalarından biridir, çünkü bu, uygulamada kullanıcı adınızla hızlı bir şekilde oturum açarak bilgilerinizi güvende tutar. O halde biraz daha ilerleyelim ve Google'da nasıl oturum açacağımızı görelim.

Google ile Oturum Açma alternatifini tercih ediyorsanız, CMD/terminal veya VS kodunu kullanabilirsiniz; bunların tümü, düzleştirilmiş bir kod denetçisi olarak işlev görecek ve araştırma, sürüm kontrolü ve atama çalıştırma gibi geliştirme hizmetleri için yardım sunacaktır.

Bu noktadan itibaren, main.dart'taki her yorumu doğrudan atlayın ve MyHomePage() durum bilgili gadget'ını atın ve kitaplığın içinde bir klasör yapılandırın.

Resimlerin her birini belirli isimlerle düzenledikten sonra, Sign-in.dart içinde Sing-in adlı bir widget yapmanız gerekir, burada çerçeve, appBar, gövde ve kayan düğmeler kullanacaksınız. Ayrıca, appBar temelde ekranların her biri için aynı olacağından, onu farklı bir belge dosyasında yapmak daha iyi olur, bu da onu farklı ekranlarda kullanmayı kolaylaştırır.

İşlevsellik eklemek için widget'ları yükleyin

Bir çarpıntı sohbet uygulaması oluşturmakla ilgili olarak, sorunsuz bir şekilde çalıştırmak için doğru eklenti düzenlemesini koordine etmek çok önemlidir.

Uygun eklenti düzenlemesini entegre ederek, ana Firebase sohbet uygulamasını oluşturup birleştirebileceksiniz.

Eklenti modüllerini kurmak için firebase ile sohbet uygulamasına “Firebaseauth, google oturum açma, bulut firestore, Firebasestorage” ekleme kılavuzuna uyun. Şans eseri eklenti eklemekte zorluk çekiyorsanız, önemli bir çarpıntı sohbet uygulaması oluşturmaya yardımcı olması için çarpıntı uygulaması geliştiricileri kiralayabilirsiniz.

add functionality

Google Hesabı üzerinden oturum açan bir Flutter Firebase sohbet uygulaması geliştiriyorsanız, bu noktada aşağıda belirtilen eklentileri göz önünde bulundurun. Bu eklentiler size müşteri hakkında bilgi, mesajlaşma ve resim yükleme için gerçek zamanlı bilgiler sunacaktır.

Sohbet uygulaması geliştirme için İdeal Eklentiler:

  • Flutter için Firebase Auth
  • Google Oturum Açma
  • Flutter için Cloud Firestore Eklentisi
  • Galeriden resim seçmek için resim seçici
  • Bir tost görüntülemek için Fluttertoast
  • Flutter için Firebase Bulut Depolama

Uygulama ekranının düzenini tasarlayın

İdeal sohbet uygulamasında farklı ekranlar mevcuttur; bir kayıt ekranı, giriş ekranı, ayar ekranı, açılış sayfası ekranı ve sohbet ekranlarını içerir. Ekranın bu yükü, çeşitli kod düzenlemeleri oluşturularak oluşturulur ve bu nedenle yönergeleri takip etmek önemlidir.

  • Giriş Ekranı Düzeni

İstemci uygulamada etkin bir şekilde oturum açtığında, firebaseUser dönüş değişkeni, istemcinin displayName, PhotoUrl vb. gibi bazı temel verilerini kapsar.

Login Screen Layout

Kullanıcı, login ekranına girerken yeni mi yoksa mevcut bir kullanıcı mı olduğunu doğrulamak zorundadır ve bu sadece sunucuya bir sorgu yerleştirilerek yapılır. Yeni bir kullanıcıysa, veritabanına yazmanız gerekir.

login screen-new user

  • Ana Ekran Düzeni

Şu anda bu, sohbet uygulamanızın ana sayfası olup, veri setinde bulunan tüm kullanıcıları listelemekle kalmayıp, ayrıca sıfat, hakkımda ve avatar da dahil olmak üzere toplam verileri içerir. Derinliğe girmeniz gerektiğini ve müşteri verileri için daha fazla alan tasarlamak isteyebileceğinizi varsayarsak, bu noktada tüm belirli müşteri bilgilerini görmek için bir ekran oluşturun.

Main Screen Layout

  • Ekran Düzenini Ayarlama

Bu sayfa, kullanıcının sembol değiştirme, takma ad ve hakkımda bir tasvir gibi bilgilerini düzenlemesine yardımcı olacaktır. İlke sayfasını detaylı olarak yapmış olmanız durumunda da ilave alanlara değişiklik izni verebilirsiniz.

  • Sohbet Ekranı Düzeni

Şu anda sohbet ekranı, müşterilerin bir arkadaşına metin ve resimli mesaj gönderebileceği ve bunun tam tersi bir yerdir. Bu, sohbet ekranının farklı şeylerle ilgileneceği anlamına gelir.

Kök, arka baskı ile uğraşmanız gerektiği gerçeği ışığında WillPopScope'dur. Çıkartma veya konsol gösteriliyorsa, bu noktada, önceki ekranda keşfetmek yerine onu gizlemeniz gerekir.

cost to develop a chat app like whatsapp

Flutter'ı Firebase ile Bağlama

Firebase sohbet uygulamasını android'e bağlamak için:

Google Hesabı ile kaydolun veya Firebase'de oturum açın

bir proje oluşturun ve ardından > Projeye Genel Bakış ve ardından “Paket Adı”nı girin.

google-services.json dosyasını indirin ve indirilen google-services,json dosyasını Android uygulama modülü kök dizininize taşıyın

Proje düzeyinde build.gradle, snd voila'ya google-services bağımlılıkları ekleyin, bitti.

Sonuç Düşünceleri

Bu makalede belirtilen bu adımların, uygulama mesajlaşmasında Firebase ile çarpıntı uygulama geliştirme hizmetlerinizi destekleyeceğini umuyoruz. Ancak, bu adımları tamamlamak göründüğü kadar basit olmayabilir, çünkü kodlama kısmıyla çalışırken birden fazla hata oluşur.