bootstrap website templates

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

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

Salam kawan Source Code Aplikasi, di artikel kali ini saya akan share tentang Contoh aplikasi chatting yang dibuat menggunakan PHP + jQuery + Websocket. yang semoga bisa berguna bagi sobat saat belajar pembuatan aplikasi berbasis Javasript. Source code aplikasi ini dapat sobat dapatkan secara gratis dan dijadikan referensi coding guna pembuatan program atau juga dapat dijadikan inspirasi pembuatan tugas kuliah, atau bahkan dapat juga diterapkan langsung, namun harus tetap memperhatikan copyright developer pada aplikasinya.

Deskripsi Aplikasi


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

© Copyright 2020 Source Code Aplikasi. All Rights Reserved.