{"id":5203,"date":"2015-08-11T11:56:28","date_gmt":"2015-08-11T09:56:28","guid":{"rendered":"http:\/\/www.karadere.com\/blog\/?p=5203"},"modified":"2015-08-11T11:56:28","modified_gmt":"2015-08-11T09:56:28","slug":"node-js-ile-chat-ornegi","status":"publish","type":"post","link":"https:\/\/www.karadere.com\/blog\/node-js-ile-chat-ornegi.html","title":{"rendered":"Node JS ile chat \u00f6rne\u011fi."},"content":{"rendered":"

\"\"<\/p>\n

node server_chat.js<\/p>\n

 <\/p>\n

chat sayfas\u0131 \u00a0index.html<\/strong><\/p>\n

<!DOCTYPE html>
\n<head>
\n<meta name=”author” content=”Burhan KARADERE”>
\n<link rel=”stylesheet” type=”text\/css” href=”css\/style.css” \/>
\n<script src=”http:\/\/code.jquery.com\/jquery-1.8.0.min.js”><\/script>
\n<script src=”http:\/\/localhost:3000\/socket.io\/socket.io.js”><\/script>
\n<script type=”text\/javascript”>
\n$(document).ready(function(){
\nvar socket = io.connect(“http:\/\/localhost:3000”); \/\/ 3000 portuna connect olduk
\n$(“#mesajGonder”).click(function(){ \/\/ #mesajgonder’a t\u0131kland\u0131\u011f\u0131nda
\nvar mesaj = $(“#mesajinput”).val(); \/\/ #mesajinput’un value’sini al
\nvar nick = $(“#nickinput”).val(); \/\/ #nickinput’un valuesini al
\nif (!mesaj){
\nreturn; \/\/ mesaj de\u011fi\u015fkeninin i\u00e7i bo\u015fsa ya da yoksa i\u015flem yapma
\n}
\nsocket.emit(‘mesajgonder’,{ \/\/socket.emit (‘mesajgonder’) arac\u0131l\u0131\u011f\u0131yla server.js’de socket.on da bizi bekleyen komutu JSON olarak yollad\u0131k.
\n‘mesaj’ : mesaj,
\n‘uid’ : nick \/\/ Hem mesaj\u0131 hem uid yani kullan\u0131c\u0131 kimli\u011fini socket.on’a aktard\u0131k.
\n});
\n$(“#mesajinput”).val(“”);
\n});
\nsocket.on(“mesajgitti”, function(data){ \/\/Server.js deki socket.emitten mesaj’\u0131 client’imize socket.on(mesajgitti) ile ald\u0131k.
\n$(“#yazismalar”).append(“<li>”+ data.uid + ” diyor ki :” + data.mesaj + “<\/li>”); \/\/ ald\u0131\u011f\u0131m\u0131z datay\u0131(mesaj ve nicki) append ile #yazismalar divinin i\u00e7erisine li olarak ekledik.
\n});
\n});
\n<\/script>
\n<\/head>
\n<body>
\n<div class=”chatsite”>
\n<div class=”mesaj-kapsa”>
\n<ul id=”yazismalar”>
\n<p>Mesajlar<\/p>
\n<\/ul>
\n<\/div>
\n<div class=”form-kapsa”>
\n<input type=”text” id=”nickinput” placeholder=”Nick Giriniz”><\/input><\/p>\n

<textarea id=”mesajinput”><\/textarea>
\n<button id=”mesajGonder”>G\u00f6nder<\/button>
\n<\/div>
\n<\/div>
\n<\/body>
\n<\/html><\/p>\n

server_chat.js sayfas\u0131<\/strong><\/p>\n

var io = require(‘socket.io’).listen(3000); \/\/3000 portunu dinlemeye ba\u015flad\u0131k.
\nio.sockets.on(‘connection’, function(socket){ \/\/ t\u00fcm node i\u015flemlerini kapsayan ana fonksiyonumuz
\nsocket.on(‘mesajgonder’, function(data){ \/\/clientte’ki mesaj\u0131 ald\u0131k
\nsocket.emit(‘mesajgitti’, data) \/\/server mesaj\u0131 client’e geri g\u00f6nderdi emit ile
\nsocket.broadcast.emit(‘mesajgitti’, data) \/\/
\n});
\n});<\/p>\n

 <\/p>\n

 <\/p>\n

kaynak :\u00a0https:\/\/nodejs.org\/<\/p>\n","protected":false},"excerpt":{"rendered":"

Node JS ile chat \u00f6rne\u011fi.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[2,32],"tags":[634,670,1241,1247,1536,1571,1573,1613],"class_list":["post-5203","post","type-post","status-publish","format-standard","hentry","category-2015-2016","category-node-js","tag-calisir","tag-chat","tag-javascript","tag-js","tag-nasil","tag-node","tag-nodejs","tag-ornegi","has-post-title","has-post-date","has-post-category","has-post-tag","has-post-comment","has-post-author",""],"aioseo_notices":[],"views":1502,"_links":{"self":[{"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/posts\/5203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/comments?post=5203"}],"version-history":[{"count":0,"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/posts\/5203\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/media?parent=5203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/categories?post=5203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/tags?post=5203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}