Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
gimana sih cara membuat aplikasi yang real time?
gimana sih cara membuat aplikasi yang real time? maksud dari real time disini yaitu seperti hal nya chating atau comment yang dimana user tidak perlu melakukan refresh page terlebih dahulu untuk mendapatkan pesan baru atau comment yang baru dari user lain. saya disini sedang belajar juga dengan menggunakan framework php yaitu laravel. mungkin kalo ada referensi untuk cara membangun aplikasi yang real time boleh di share :) boleh itu menggunakan javascript ataupun php mangga di share.
4 Jawaban:
aplikasi real-time membutuhkan teknologi websocket (bila aplikasi berbasis web), sehingga server-socket bisa melakukan push data kepada client-socket nya, tanpa client harus melakukan request. Untuk server-socket nya coba pakai socket-io (https://socket.io/demos/chat/), disana di berikan contoh bagaimana membuatnya.
Untuk tambahan coba cek link ini (https://medium.com/@adnanxteam/how-to-use-laravel-with-socket-io-e7c7565cc19d), disana diberikan contoh menggabungkan laravel dengan socket.io nya.
@ma4m kalo yang referensinya bahasa indonesia ada ga ya hehe, itu tuhh ga hanya untuk chat aja kan?
ada nih (https://rizkimufrizal.github.io/belajar-membuat-aplikasi-chat-dengan-websocket/). Iya sebenernya teknologi websocket ini bisa untuk apa saja, Ide utama nya adalah si server punya kontrol untuk update data di client kapan pun, tanpa si client meminta data dulu.
contoh nya : - aplikasi chat - notifikasi center realtime - liveprice pada bursa saham - dsb
<div>Untuk membuat aplikasi waktu nyata dengan fitur seperti obrolan atau komentar langsung, Anda biasanya perlu menggunakan kombinasi teknologi sisi server dan teknologi sisi klien. Berikut adalah kode untuk membuat Handle Real-Time Updates di Frontend</div><pre>// resources/js/chat.js
import Echo from 'laravel-echo';
window.Pusher = require('pusher-js');
window.Echo = new Echo({ broadcaster: 'pusher', key: process.env.MIX_PUSHER_APP_KEY, cluster: process.env.MIX_PUSHER_APP_CLUSTER, encrypted: true, });
window.Echo.channel('chat') .listen('ChatMessageSent', (<a href="https://contexto-wordle.com/">contexto</a> event) => { // Handle the received event and update the UI accordingly console.log(event.user.name + ': ' + event.message); }); <br></pre>
