Cara menggunakan membuat notifikasi di phprad

Gan mau tanya, ada yang tau cara kirim pesan ke WhatApp dengan PHP. Jadi pengennya kalo ada status member yang di perbaharui maka status baru member tersebut akan terkirim ke nomor WhataApp mereka. Itu make apa ya dan ada contohnya gak

Nội dung chính Show

1. Membuat Database dan Tabel
2. Membuat Tampilan Aplikasi
3. Membuat Data Json
4. Membuat Fungsi Jquery

@niko069

48 Kontribusi 11 Poin

Dipost: 5 tahun yang lalu Update 2 tahun yang lalu

kalau ane kebalikannya. jadi ngirim pesan dari whatsApp masuk ke database menggunakan PHP. - @RezaRandall

Jawaban

Mungkin ini bisa dipakai [link]https://github.com/mgp25/Chat-API[/link] Tapi perlu diperhatikan betul penggunaannya. Whatsapp tidak punya official API integration, jadi link diatas merupakan versi unofficial. Dan pihak whatsapp bisa saja sewaktu2 memblokir bahkan menggugat pengguna API diatas apabila dirasa tidak memenuhi term of services mereka. Lebih detailnya silakan dibaca disini https://www.whatsapp.com/legal/

@rachmatsasongko

410 Kontribusi 426 Poin

Dipost: 5 tahun yang lalu Update 2 tahun yang lalu

Untuk menggunakan https://github.com/mgp25/Chat-API apa harus pakai nomor internasional ? mohon bantuannya teman - @Soffan

Jadi whatsapp gak nyediain API yang resmi ya gan

@niko069

48 Kontribusi 11 Poin

Dipost: 5 tahun yang lalu

@sptndc

247 Kontribusi 59 Poin

Dipost: 5 tahun yang lalu

maaf mas izin ikut nimbrung bahas API whatsapp boleh kan ya, saya juga ada case sedikit , saya mau jadiin whatsapp sebagai endpoint pengiriman data dari server saya untuk selanjutnya Whatsapp bakalan terima data tersebut kemudian broadcast ke kontak whatsapp secara otomatis , gini mas saya juga udah baca term of services buat di whatsapp , trus disebutin disana ada fitur ato aplikasi yang disebut whatsapp business , yang katanya data nya bisa kita custom sendiri , apa itu bisa mendukung buat case saya diatas? mohon pencerahannya ya mas,

@alfinsyuqra93

1 Kontribusi 1 Poin

Dipost: 4 tahun yang lalu Update 2 tahun yang lalu

mas @alfi bolh ikut belajar buat ga ke mas.. mau bikin juga bot seperti mas itu.. bolh g kira". minta kontak sekalian

Dulu pas empunya link yang di share @rachmatsasongko masih aktif develop nya ane pernah pake itu buat iseng2 aja sih . Yang jelas itu gak boleh buat spam di whatsapp, soal whatsapp business belum pernah nyobain ane ^^

@markeronly

378 Kontribusi 230 Poin

Dipost: 4 tahun yang lalu

bolh ajarin saya om. markeronly..

Apa yang teman2 inginkan. Alhamdulillah saya sdh membuat sendiri utk whatsapp yg dibicarakan. Silahkan teman2 yg minat bisa email ke saya [email protected]

@go2aries

1 Kontribusi 0 Poin

Dipost: 4 tahun yang lalu

Aku mau minat mas, aku kirim email mas. Terimakasih - @fmd06

Cara menggunakan membuat notifikasi di phprad

Halo semuanya, kembali lagi di sahretech. Pada kesempatan kali ini kita akan bersama-sama belajar membuat notifikasi secara realtime menggunakan teknologi php dan jquery, penasaran?, ayo ikuti tutorialnya berikut ini.

Realtime notification adalah sebuah keharusan jika kalian membuat website atau aplikasi dengan fitur notifikasi. Pasalnya dengan adanya realtime notification pembaruan notifikasi akan dilakukan oleh sistem sehingga data yang dimunculkan akan selalu baru. User juga tidak perlu merefresh website berulang kali untuk mengetahui notifikasi yang masuk, hal ini sangat merepotkan dan tidak canggih.

Baiklah kali ini kita akan membuat sebuah website sederhana yang akan menampilkan notifikasi secara realtime, dan tentu kita membutuhkan data yang bersumber dari database MySQL nantinya. Ada 2 hal yang akan kita tampilkan nanti, yaitu counting notifikasi, dan 5 pesan notif terbaru.

1. Membuat Database dan Tabel

Buatlah sebuah database baru dengan nama latihan dengan menggunakan phpmyadmin. Lalu buat sebuah tabel baru di dalmnya dengan nama pesan adapun struktur tabelnya dapat kalian lihat pada gambar di bawah ini dan jangan lupa untuk memasukkan minimal 5 data di dalmnya.

Tampilan tabel pesan

2. Membuat Tampilan Aplikasi

Buatlah sebuah folder baru di dalam folder htdocs dengan nama realtimenotif, kemudian buatlah sebuah file dengan nama index.php di dalam folder realtimenotif. Lalu copy script di bawah ini dan pastekan di dalam file index.php


    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Documenttitle>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm//dist/css/bootstrap.min.css"
            integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
    head>
    
    <body>
        <div class="container">
            <nav class="navbar navbar-dark bg-primary">
                <div class="container">
                    <a class="navbar-brand" href="#">
                        <img src="https://getbootstrap.com/docs/4.0/assets/brand/bootstrap-solid.svg" width="30" height="30"
                            alt="">
                        <b> LaraPostb>
                    a>
                div>
            nav>
            <br>
            <div class="dropdown">
                <button type="button" class="btn btn-primary" data-toggle="dropdown">
                    Notifications <span class="badge badge-light" id="notif">span>
                button>
                <div id="pesan" class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    
                div>
            div>
        div>
    
        <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
            integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
        script>
        <script src="https://cdn.jsdelivr.net/npm//dist/js/bootstrap.bundle.min.js"
            integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous">
        script>
    
        <script src="https://code.jquery.com/jquery-3.5.1.js"
            integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous">script>
        <script type="text/javascript" src="tampil.js">script>
    body>
    
    html>

Kita membuat sebuah tampilan sederhana, dimana ada navbar di atasnya lalu di bawahnya ada tombol notifikasi. Jumah notif yang masuk akan kita tampilkan di dalam id="notif" dan 5 pesan terbaru akan kita tampilkan pada id="pesan" untuk file tampil.js akan kita buat pada tahap ke 4.

Buka browser kalian, lalu akses alamat berikut ini http://localhost/realtimenotif maka tampilannya akan tampak seperti gambar di bawah ini

Tampilan aplikasi

3. Membuat Data Json

Buatlah sebah file baru dengan nama data.php file ini berfungsi untuk mengambil dan menghitung jumlah pesan yang masuk ke dalam tabel pesan. Copy script di bawah ini dan pastekan di dalam file data.php



    
    $connect = mysqli_connect('localhost', 'root', '', 'latihan');
    
    
    $query= mysqli_query($connect, "Select Count(idpesan) as jumlah From pesan");
    
    
    $hasil = mysqli_fetch_array($query);
    
    
    echo json_encode(array('jumlah' => $hasil['jumlah']));
    
    ?>

Jika file data.php dijalankan maka hasilnya akan tampak seperti gambar di bawah ini. Itu adalah jumlah total jumlah data yang masuk ke dalam tabel pesan. Jika belum ada datanya, silahkan kalian isi beberapa data terlebih dahulu

Data json data.php

Selanjuntya buatlah sebuah file baru dengan nama data_pesan.php file ini berfungsi untuk menampilkan 5 pesan terbaru yang ada di dalam tabel pesan. Copy script di bawah ini dan pastekan ke dalam file data_pesan.php



    
    $connect = mysqli_connect('localhost', 'root', '', 'latihan');

    
    $sql = mysqli_query($connect, "SELECT * FROM pesan ORDER BY idpesan DESC limit 5");
    $result = array();
    
    while ($row = mysqli_fetch_assoc($sql)) {
        $data[] = $row;
    }

    echo json_encode(array("result" => $data));
?>

Jika file data_pesan.php kalian jalankan, maka hasilnya akan tampak seperti gambar di bawah ini. Itu adalah 5 pesan terbaru yang berasal dari tabel pesan. Jika belum ada datanya, silahkan kalian isi berapa data terlebih dahulu

Data json data_pesan.php

4. Membuat Fungsi Jquery

Langkah terakhir, buatlah sebuah file baru dengan nama tampil.js lalu copy script di bawah ini dan pastekan di dalam file tampil.js


$(document).ready(function() {
    selesai();
});
 

function selesai() {
    setTimeout(function() {
        jumlah();
        selesai();
        pesan();
    }, 200);
}


function jumlah() {
    $.getJSON("data.php", function(datas) {
        $("#notif").html(datas.jumlah);
    });
}



function pesan() {
    $.getJSON("data_pesan.php", function(data) {
        $("#pesan").empty();
        var no = 1;
        $.each(data.result, function() {
            $("#pesan").append(` `+this['pesan'].substr(0, 20)+`...`);
        });
    });
}

Jika kalian perhatikan pada function selesai() fungsi ini berguna untuk menjalankan function jumlah() dan function pesan() setiap 2 detik sekali, sehingga data yang di tampilkan dapat selalu realtime.

function jumlah(), fungsi ini berguna untuk menangkap data yang berasal dari file data.php lalu datanya akan ditampilkan pada id="notif" yang ada di dalam file index.php

Sedangkan function pesan(), fungsi ini berguna untuk menampilkan data pesan yang berasal dari data_pesan.php lalu datanya akan ditampilkan di dalam id="notif" yang ada di dalam file index.php

perbedaan dari html() dan append() adalah html() akan mereplace element yang ada di dalamnya, sedangkan append() tidak mereplace element tapi menambah data yang sudah ada sebelumnnya.

Sampai tahap ini kalian telah selesai membuat sebuah aplikasi penampil notifikasi sederhana, silahkan akses project kalian di http://localhost/realtimenotif jika berhasil maka tampilannya akan tampak seperti gambar di bawah ini.

Hasil akhir

Untuk mengetes apakah database realtime kalian sudah berhasil, maka sandingkan halaman project kalian dan phpmyadmin, lalu coba untuk mengisi data di dalam tabel pesan seperti gambar di bawah ini

Testing realtime notif

Kalian bisa meng-improvisasi fitur ini dengan tampilan yang lebih menarik. Beberapa template bootstrap menyediakan tampilan notifikasi yang bisa kalian custom sendiri. Selain itu kalian perlu menambahkan fungsi url di setiap pesan notif yang masuk dan mengarahkannya ke halaman detail pesan.

Sekitan tutorial membuat notifikasi realtime dengan php dan jquery. Semoga bermanfaat bagi kalian semua, jika pembahasan di atas masih ada yang membingungkan bagi kalian silakan tanyakan di kolom komentar di bawah ini, dan mari kita diskusikan bersama. Sampai jumpa di tutorial pemrograman keren lainnya. Happy Coding 😀