GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → bachors → Chatws

bachors / Chatws

Licence: mit
Contoh aplikasi chatting yang dibuat menggunakan PHP + jQuery + Websocket.

Programming Languages

javascript
184084 projects - #8 most used programming language

ChatWs

Contoh aplikasi chatting sederhana yang dibuat menggunakan PHP + jQuery + Websocket.

Dulu saya pernah share aplikasi chtting menggunakan AJAX (long poling), sekarang saya akan share aplikasi chatting menggunakan WebSocket secara realtime tanpa harus reload setiap detik bahkan tanpa database. Tapi sobat juga bisa menambahkan database untuk menyimpan histori chattingan jadi setiap user yang baru login bisa melihat semua pesan sebelum dia login. Mungkin next time saya akan share yang versi database.y :)

Usage

CSS

<link href="src/chatws.css" rel="stylesheet"/>

jQuery

<script src="//code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="src/chatws.js"></script>

Configuration:

index.php

<script>
chatws(
    host = 'localhost', //host
    port = '9000', //port
    socketpath = 'demo/src/chatws.php' //socketpath
);
</script>

src/chatws.php

$host = 'localhost'; //host
$port = '9000'; //port
$socketpath = 'demo/src/chatws.php'; //socketpath
$magickey = '258EAFA5-E914-47DA-95CA-C5AB0DC85B11'; //magickey

Install WebSocket Server

Sekarang kita jalankan script chatws.php nya. Jika sobat menggunakan XAMPP seperti saya silahkan buka aplikasi.y lalu klik tombol Shell. Setelah muncul shell commands sobat jalankan perintah brikut: 
php -q htdocs/demo/src/chatws.php

Atau sobat juga bisa menggunakan CMD (command prompt).

Done

Sekarang tinggal buka di web browser http://localhost/demo/index.php :)

DEMO

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].