Node.js ile Gerçek Zamanlı Chat Uygulaması - Socket.io, Node & Express
HTML-код
- Опубликовано: 15 янв 2021
- Node.js ile gerçek zamanlı chat uygulaması express projemiz içerisinde nasıl yapılır, Socket.io ile browser ve server arasında veri transferi nasıl gerçekleştirilir tüm detayları ile öğreniyoruz.
Hocam ellerine sağlık yok böyle bir kanal elimden geldiğince reklamları tıklayarak destek olmaya çalışıyorum. Lütfen bizi bu kanaldan mahrum etme :)
Her zamanki gibi harika bir anlatım
Teşekkürler elleriniz dert görmesin
Hocam bence sitenizde yukarda random çıkan sözlere Da Vinci'nin 'En asil haz, anlamanın verdiği zevktir/keyiftir' sözünü de eklemelisiniz bence çünkü ben her sizin videonuzu izlediğimde yeni bir şeyler anlayıp öğrendiğim için çok iyi hissediyorum ve aklıma bu söz geliyor.
Eminim siz daha düzgün çevirebilirsiniz sözün aslı: "The noblest pleasure is the joy of understanding" :D
müthiş elinize sağlık
Teşekkürler hocam!
hocam anlatım için teşekkür ederim fakat bir sorum var multi server nasıl oluyor bu konu hakkında bilginiz var mı acaba?
Hocam kullandığınız packagesleri paylaşır mısınız?
mükemmel bir içerik mükemmel
SSL ile birlikte çalışan soket yapısından bahsediyor olsaydınız daha sağlıklı ve işe yarar olurdu, bu uygulamadan sonra ssl ile çalışan soket sistemine ihtiyaç duyulacaktır
Teşekkürler!
hocam rest api videosu gelirmi detqaylı anlatım?
Merhaba bir online oyun yapıyorum bu oyunda karakterlerin haritadaki konumları ve kullandıkları ekipman bilgilerini falan hepsini mongo veri tabanında tutuyor ve apiler aracılığı ile verinin akışını sağlıyorum ancak kullanıcıların yapmışlar olduğu anlık verileri almak için sürekli apiye istek atıp çağırmam gerekiyor ve bu sunucuya yoran bir şey bunun yerine kullanıcının yapmış olduğu yeni hareketinde bir apiden istek alması daha uygun gibime geliyor veya bir başka kullanıcının yaptığı işlemde tüm kullanıcılar için apiye istek gitmesi gerekiyor yani trigger gibi bir olay olması gerekiyor ve aklıma socket geldi bu kısımda benim sorum şu böyle bir yapı için socket kullanılabilir mi? Yani mongodb + socket yapısını kullanarak trigger olayı yapılabilir mi?
Mükemmel
Hocam merhaba kullandığınız ide programı nedir acaba?
Hocam .app uzantılı bi dosyayı benim pc desteklemiyor ne yapmam lazım?
açtığınız 3. tarayıcıda ilk mesajlar yoktu yeni gelen kullanıcı eski mesajları da görsün istiyorsak ne yapabiliriz?
Hocam react ve socket io ile bir uygulama gelir mi?
Hocam ben bunu ajax ile yapabilir miyim? Her 1 saniyede bir sunucuya veri gönderip response alarak mesela
Hocam 2 kişi farz edin 1. kişi selam yazdı diyelim ki 2. kişi de selam yazdı diyelim ki ama daha göndermediler mesajları ilk başta 1. kişi gönderdi varsayın 2. kişinin mesaj alanı da temizleniyor bunu nasıl çözebiliriz?
hocam her şeyi yaptım ama göndere basınca göndermiyor yazınca yazıyor da çıkmıyor bu innerhtml kısmı için bir kütüphane tarzı bir şey var mı çünkü mesela siz += yaptığınızda tanımlıyor ama ben de tanımlamadı
Bende gonder butonu calismafi nasil duzetebilirim
yazılan mesajlar belli bir süre sonra mesaj divinin altında kalıyor..hep üstte kalması için ne yapılabilir..
Çok güzel ancak cok hızlı anlattın tam olarak bir şey anlamadım :) js kısmını iyi biliyorum o kısmı anladım ama socket io emit
on ne demek felan biraz kafam karıştı :)
projenin kodları yok mu githubta ?
fotoğraf göndermek istersek neler yapabiliriz ?
merhabalar bu uygulamaya sesli mesaj nasıl ekleyebilirim acaba yardımcı olur musunuz ?
Kadir kasım bnir öncekiş yorum da ki hatayı verdi yolumu yanlı nodemon paketinin???
peki i eğer göndermekten vazgeçerse yazıyor kısmı kalıyor.
css kısmı gereksiz zaman kaybı olmuş yazılı dursa daha makul gibi
Hocam iyi günler express js te Ödeme altyapısı nasıl entegre edilir paytr gibi bir ödeme altyapısını güvenli bir şekilde nasıl entegre edebiliriz bununla ilgili bir video yaparmısınız.Şimdiden teşşekkür ederim .
socket.id ile input'u temizletebilirsin.
tıpatıp aynısı yapmayı denedim ama olmadı.gönder butonu çalışmıyor.
Akşam 11 den beri yapmaya çalışıyorum fakat ne videoda bahsedilen şeyleri anladım ne de çalıştırabildim, saat şu an 05.09 siz siz olun kafa basmıyorsa uğraşmayın 6 saatin sonunda pes ediyorum :D
Yazılımın Birinci Kuralı "Asla Pes Etme"
nodemon : The term 'nodemon' is not recognized as the name of a cmdlet hatası alıyorum kodda hata yok sorun nedir
selamun aleyküm ben hiçbir şey yapamadım çalıştığım yerde bir proje verdiler atom u kurdum ondan sonrası yok npm i falan nasıl yapıcam lütfen yaesım edin
Merhaba,
Öncelikle ilk defa mı kod yazıyorsunuz? Eğer o şekilde ise farklı bir yol deneyeceğim. Çünkü kurmanız gereken şeyler olacaktır.
Abi "nodemon server.js" kısmında hata alıyorum yardımcı olur musun?
npx nodemon server.js dene
gönder buttonu calısmıyor yardım ?
Gayet iyi ancak keşke "sadece anlatmak" değil de biraz da öğretmek için çabalasaydınız. Yine de çok şey öğrendim, emeğinize sağlık.
node js bilenlere gösteriyor eğer öğrenmek istiyorsan node js derslerinden sonra uğra buraya
hocam bu uygulamayı nasıl yeni bağlananların geçmiş chat i görebileceği şekilde yapabiliriz
Veritabanı kullanarak yapılabilir mesajları DB'ye ekleyip DBden çekerek gösterilebilir.
18:10 'da "Kadir yazıyor" yazısı neden Kadir'in tarayıcısında çıkmadı? Sonuçta yazıyı yazan kişinin tarayıcısında da aynı kodlar var ve bilgiler sunucudan geliyor.
'io.sockets.emit' tüm istemcilere gönderecek.
'socket.broadcast.emit' mesajı yeni oluşturulan bağlantı dışındaki tüm diğer istemcilere gönderir.
Yazıyor ibaresini kendi tarayicinda kendi yazdığın mesaj için görmek istemezsiniz değil mi :)
css hata yaptım galiba width: 100%; çalışmıyor
Keşke innerHTML yerine innerText kullansaydık hocam, şuan bu kullanım XSS açığına sebep oldu. Tabi projeyi göstermelik yaptığınız için böyle ayrıntılar üzerinde durmak zorunda değilsiniz ama yine de belirtmek istedim.
Güzel kardeşim, innerText yaparsa mesajda da gözükür. Bilmeden yazma bence.
@@reaseeeyt4194 Güzel kardeşim 4 yıllık Web developer'ım bana işimi mi öğreteceksin? HTML'de output'un içine 2 tane koyup Javascript kısmında ikisine ayrı ayrı innerText koyup geçersin, 2 dakikada halledersin. İlla bu yolla mı yapmak gerekiyor sence? Beyninin çarklarını biraz yor bence sen, tekdüze çalışmaktan paslanmış :)
@@oynozan öğreticem
@@reaseeeyt4194 Başını öğretirsin kardeşim iyi günler :))
Ya allahını seven defansa gelsin :) socket.id'yi bir sekmenin sürekli açık olmasına rağmen sürekli değiştiriyor bunu nasıl düzeltebilirim?
Abi tekrar merhaba "nodemon server.js" işini hallettim. Bir sorum olacaktı. Biri mesaj attığında WhatsAppdaki gibi bildirim gelmesini sağlayabilir miyiz? Rica etsem cevap verir misin abi?
nasıl hallettiniz acaba, ben de öyle bi sorun yaşıyorum da.
@@ipekozbey7243 nodemon paketini kurmanız gerekiyor
@gece_O Eğer bilgisayarınızda node.js kuruluysa komut satırını ( cmd ) açın ve şunu yazın: npm install -g nodemon
npx nodemon server.js
yazınca çalışır
peki bu projeyi web sitemde nasıl çalıştırırım
merhaba, eklediniz mi?
Yazı yazmaya başlayıp, ardından enter'a tıklamadan yazıları silince hala yazıyor.. yazısı devam ediyor. Bunu nasıl kaldırabilirm.?
sorunu bu kod ile çözdüm.
socket.on('typing', data => {
feedback.innerHTML = '' + data + ' typing...';
// clear feedback after one second of inactivity
setTimeout(() => {
feedback.innerHTML = ''
}, 1000);
})
Nodemon komut değil diyo powershell orada ne yapmam gerek ?
Nodemon kurulu değil . npm install -g nodemon yazıp önce kurman gerekir
Hocam neden kaynak kodlarını paylaşmadın acaba
evet ya :/
+1
editor ismi nedir?
atom
hocam button çalışmıyor windowsta yapıyorum yardım edebilir misiniz?
merhaba hocam aynı problem bendede var çözebildiniz mi ?
@@byilmaz528 soket kurulumunda sorun olmuş olabilir ben düzeltmiştim ama nasıl hatırlamıyorum
hangi kod
editörü kullanıyorsunuz
Atom galiba bu Ama VSCODE daha iyi atomdan
Atom'un bence tek iyi yanı git ile bağlantılı olması
@@kuzeygorgulu Evet Direk gitin atom
@@kuzeygorgulu vs codenin de böyle imkanı var
Vs Code daha iyi bir editör atomdan.
nodemon : The term 'nodemon' is not recognized
as the name of a cmdlet, function, script file,
or operable program. Check the spelling of the
name, or if a path was included, verify that t
he path is correct and try again.
npm i nodemon
reis kodları neden vermiyon ayıp oluyor
10 ÜSTÜNDEN 11
bunu kendi sitemize nasil aktif edecegiz?
bulabildin mi