ReactJS ve Back4App kullanarak Slack Klonu – NoCode

Bu makalede, Back4App ‘i arka uç olarak kullanarak Vercel ‘de bir Slack Clone Uygulamasını nasıl dağıtacağınızı öğreneceksiniz.

Slack Clone uygulaması, Auth, gerçek zamanlı ve ilişkisel sorgular gibi bazı temel Parse özellikleri kullanılarak React (ön uç) ve Back4App (arka uç) ile oluşturulmuştur. Uygulama, aşağıdaki adımlar kullanılarak kod olmadan Vercel üzerinde kolayca dağıtılabilir.

İstediğiniz zaman bu düğmeyi kullanarak Slack Klonunuzu Vercel’e dağıtabilirsiniz:

Slack’e Genel Bakış

Slack, iş iletişimi ihtiyaçlarınız için hepsi bir arada bir platform olarak kullanılabilen etkili ve verimli bir iş iletişimi uygulamasıdır. En önemlisi, aşağıdaki gibi şaşırtıcı işlevler sunar:

• Gerçek zamanlı mesajlaşma

• Dosya arşivleme

• Arama

• Dosya paylaşımı ve daha fazlası.

Bu platform özellikle modern ekipler için tasarlanmıştır. Böylece, ekip tüm çevrimiçi iletişimini tek bir alanda yönetebilir. Dahası, buradaki konuşmalar anında aranabilir ve kullandığınız cihaz ne olursa olsun hemen erişilebilir.

Neyse ki Slack, size mümkün olan en iyi şekilde tamamen esnek ve genişletilebilir bir platform sunmak için 1.500’ün üzerinde harici hizmet ve uygulama ile birlikte çalışıyor.

Slack Topluluğu

Statista ‘ya göre Slack, Ekim 2019 itibarıyla günde 12 milyondan fazla aktif kullanıcıya hizmet veriyor. Slack, 2013’teki kuruluşundan bu yana kullanıcı tabanını önemli ölçüde genişleten bir Amerikan işbirliği merkezidir.

Şaşırtıcı bir şekilde, Slack kullanıcılarının çoğunluğu, Japonya, Fransa, Almanya, İngiltere ve Avustralya gibi en iyi pazarlardan bazıları da dahil olmak üzere Amerika Birleşik Devletleri dışından geliyor.

Bunun da ötesinde, Slack 2019’dan bu yana ödeme yapan kullanıcılarda da büyük bir değişim yaşıyor. Bunun başlıca nedeni, Slack’in ekip iletişimi açısından kullanıcılarına sağladığı kolaylıktır. Ayrıca, Slack’in gelişmiş bir ekip kültürüne yönelik tutumu.

Genel olarak, Slack’in şaşırtıcı özellikleri ve avantajları, Slack’e ödeme yapan genel kullanıcı tabanını mümkün olan en iyi şekilde geliştirmesine yardımcı oluyor.

Slack Özellikleri

Slack, konulara göre düzenlenmiş kalıcı sohbet odaları, doğrudan mesajlaşma ve önemli tartışmalar için özel gruplar içeren çeşitli IRC tarzı özellikler sunmaktadır. En önemlisi, Slack’te bulunan tüm içerik, ister konuşmalar ister dosyalar olsun, buradaki her şey aranabilir.

Dahası, kullanıcıların sohbetlerine emoji düğmeleri eklemelerine de izin verilir. Diğer kullanıcılar tepkilerini vermek için bu emojilere tıklayabilirler.

Sadece bu da değil, Slack’in ücretsiz sürümü bile tüm temel özellikleri sunuyor. Hatta son 10.000 mesajdan sohbetleri ve dosyaları aramanıza bile izin verebilir. Dahası, Slack kullanıcı deneyimini mümkün olan en iyi şekilde geliştirmek için platformunu da yeniden tasarladı.

Bununla birlikte, artık Slack’in en şaşırtıcı özelliklerinden bazılarının keyfini çıkarmanıza da izin veriliyor. Bu konuda daha iyi bir fikir edinmek için aşağıda Slack’in bu heyecan verici ancak temel özellikleri hakkında bilgi edinelim.

İşte başlıyoruz:

Takımlar

Slack ekipleri, sahibi veya bir ekip yöneticisi tarafından gönderilen belirli bir davetiye aracılığıyla bir çalışma alanına katılmak için bu platformu kullanmanıza izin verebilir. Platform bir iş iletişim aracı olarak gelişmiş olsa da zamanla bir topluluk platformu olarak benimsenmiştir.

Entegrasyonlar

Slack ayrıca Tello, Google Drive, Dropbox, GitHub, Crashlytics ve çok daha fazlası gibi tonlarca üçüncü taraf uygulama ve hizmetle entegre oluyor. Slack, kullanıcılarının tüm bu uygulamaları Slack yazılım dizininden kolaylıkla yüklemelerine izin veriyor.

Mesajlaşma

Genel kanallar, ekiplerin herhangi bir grup SMS’i veya e-posta kullanımı olmadan etkileşime girmesine izin verebilir. Bunun nedeni, genel kanalların işyerindeki herkes tarafından kullanılmaya açık olmasıdır.

Ancak, özel konuşmalar için kullanıcılar özel kanallar oluşturabilir. Bunlar daha büyük ekipleri kolayca yönetmek için de kullanılabilir.

Ayrıca gerektiğinde bir grup yerine belirli bir kullanıcıya doğrudan mesaj gönderebilirsiniz.

API

Slack ayrıca kullanıcıların uygulama oluşturmaları ve insan girdisine göre otomatik olarak mesaj gönderme, belirli koşullar için bildirim uyarıları gönderme veya otomatik olarak dahili destek biletleri oluşturma gibi süreçlerini otomatikleştirmeleri için bir API sağlar.

Slack Klonunuzu Dağıtın

Back4App Şablonunu Klonlama

Veritabanı HUB’a gidin ve Slack şablon arka ucunu klonlayın.

Anahtarlarınızı Alın

Back4App kontrol panelinizde ” Uygulama Ayarları -> Güvenlik ve Anahtarlar” bölümüne gidin ve Uygulama Kimliği ve JavaScript Anahtarı değerlerini kopyalayın.

Gerçek Zamanlı Etkinleştir

“Uygulama Ayarları -> Sunucu Ayarları -> Sunucu URL’si ve Canlı Sorgu” bölümüne gidin. Ücretsiz Back4App alt alan adınızı etkinleştirin ve ardından Kanal ve Mesaj sınıflarında etkinleştirmeyi unutmadan Canlı Sorgu’yu etkinleştirin. Back4App alt alan URL’sinin tamamını kopyalayın.

Vercel üzerinde dağıtın

Aşağıdaki dağıtım düğmesine tıklayın:

Vercel’de önceki adımlarda kopyalanan 3 değişkeni bildirmelisiniz: Uygulama Kimliği, Javascript Anahtarı ve Canlı Sorgu URL’si (alt alan URL’si).

Dağıt’a tıklayın. Artık Vercel üzerinde çalışan bir Slack klon uygulamanız var!

Kod

De şablonunu daha iyi anlamak istiyorsanız lütfen aşağıdaki bağlantılara erişin:

Teknik kılavuz – Slack Clone şablonu nasıl çalışır?

ReactJS Kodu – Javascript

Typescript Kodu – Typescript

Sonuç

Bu makalede Slack, temel özellikler ve ödeme yapan kullanıcılar hakkında genel bir bakış sunuldu. Ayrıca, Back4app ve Vercel gibi düşük kodlu araçları kullanarak bir Slack Clone uygulamasının nasıl dağıtılacağı açıklanmıştır.

SSS