Node.js ile Gerçek Zamanlı Chat Uygulaması - Socket.io, Node & Express
HTML-код
- Опубликовано: 7 сен 2024
- 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 :)
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
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
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
Her zamanki gibi harika bir anlatım
Teşekkürler elleriniz dert görmesin
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"
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?
Ç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ı :)
müthiş elinize sağlık
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 :))
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?
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ı
açtığınız 3. tarayıcıda ilk mesajlar yoktu yeni gelen kullanıcı eski mesajları da görsün istiyorsak ne yapabiliriz?
css kısmı gereksiz zaman kaybı olmuş yazılı dursa daha makul gibi
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?
yazılan mesajlar belli bir süre sonra mesaj divinin altında kalıyor..hep üstte kalması için ne yapılabilir..
Hocam ben bunu ajax ile yapabilir miyim? Her 1 saniyede bir sunucuya veri gönderip response alarak mesela
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.
Teşekkürler hocam!
hocam rest api videosu gelirmi detqaylı anlatım?
Abi "nodemon server.js" kısmında hata alıyorum yardımcı olur musun?
npx nodemon server.js dene
merhabalar bu uygulamaya sesli mesaj nasıl ekleyebilirim acaba yardımcı olur musunuz ?
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.
nodemon : The term 'nodemon' is not recognized as the name of a cmdlet hatası alıyorum kodda hata yok sorun nedir
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 :)
bunu kendi sitemize nasil aktif edecegiz?
bulabildin mi
Kadir kasım bnir öncekiş yorum da ki hatayı verdi yolumu yanlı nodemon paketinin???
Hocam .app uzantılı bi dosyayı benim pc desteklemiyor ne yapmam lazım?
mükemmel bir içerik mükemmel
Teşekkürler!
Mükemmel
Hocam kullandığınız packagesleri paylaşır mısınız?
Bende gonder butonu calismafi nasil duzetebilirim
Hocam merhaba kullandığınız ide programı nedir acaba?
fotoğraf göndermek istersek neler yapabiliriz ?
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
gönder buttonu calısmıyor yardım ?
peki i eğer göndermekten vazgeçerse yazıyor kısmı kalıyor.
Hocam react ve socket io ile bir uygulama gelir mi?
projenin kodları yok mu githubta ?
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?
Hocam neden kaynak kodlarını paylaşmadın acaba
evet ya :/
+1
peki bu projeyi web sitemde nasıl çalıştırırım
merhaba, eklediniz mi?
tıpatıp aynısı yapmayı denedim ama olmadı.gönder butonu çalışmıyor.
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
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
Nodemon komut değil diyo powershell orada ne yapmam gerek ?
Nodemon kurulu değil . npm install -g nodemon yazıp önce kurman gerekir
css hata yaptım galiba width: 100%; çalışmıyor
reis kodları neden vermiyon ayıp oluyor
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.
editor ismi nedir?
atom
Bu Türk yazılımcılar neden birşeyi yarım yamalak ya da yanlış anlatıyor?
10 ÜSTÜNDEN 11
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);
})
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.