Halo Dev, berjumpa lagi dengan saya, masih dalam pembahasan Laravel, pada pembahasan kali ini saya akan menjelaskan tentang Tutorial: Membuat WhatsApp Menggunakan Laravel. Hal ini bertujuan untuk mencoba terobosan baru, karena semakin banyak keluhan pengguna whatsapp tentang masalah Spam, Mari Langsung saja untuk memulai pembahasanya.

 

 

 

WhatsApp adalah aplikasi pesan instan yang sangat populer dan digunakan di seluruh dunia. Jika Anda memiliki minat membangun aplikasi serupa dengan menggunakan Laravel, maka Anda telah berada di tempat yang tepat. Dalam artikel ini, kami akan membimbing Anda untuk membangun aplikasi WhatsApp dengan Laravel beserta panduan cara pengaplikasiannya.

 

 

Sebelum memulai, mari kita mengenal Laravel terlebih dahulu. Laravel adalah kerangka kerja dari bahasa pemrograman PHP yang memungkinkan para pengembang untuk membangun aplikasi web dengan cepat dan efisien. Laravel menyediakan beragam fitur dan alat yang memungkinkan pengembang untuk membangun aplikasi yang kompleks dengan mudah.

 

 

Berikut adalah tahapan lengkap yang perlu Anda ikuti untuk membuat aplikasi WhatsApp menggunakan Laravel:

 

 

Tahap pertama adalah menginstal Laravel di komputer Anda. Caranya adalah dengan mengetik command berikut di terminal:

 

 

Setelah selesai, install project Laravel Anda dengan mengetik command berikut di terminal:

 

composer create-project --prefer-dist laravel/laravel whatsapp-clone

 

 

Selanjutnya, Anda perlu menyiapkan pangkalan data untuk aplikasi WhatsApp yang akan dibangun. Ini dapat Anda lakukan dengan membuat sebuah database baru di MySQL atau menggunakan software pangkalan data yang lain.

 

Setelah berhasil membuat pangkalan data, kemudian Anda perlu memperbarui konfigurasi file Laravel untuk menyertakan detail pangkalan data. Buka file  .env  pada direktori utama dari proyek Laravel yang telah dibuat, dan perbarui field-field berikut:

 

DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=nama_database_anda
DB_USERNAME=username_database_anda
DB_PASSWORD=password_database_anda

 

 

Setelah itu, Anda perlu membuat model dan migrasi pengguna (user) dengan menggunakan command Artisan bawaan Laravel. Tulis command berikut pada terminal:

 

php artisan make:model User -m

 

Ini akan membuat model  User  dan file migrasi untuk tabel  users  pada pangkalan data yang telah dibuat sebelumnya. Buka file migrasi yang baru dibuat tersebut, kemudian perbarui dengan kode berikut:

 

public function up()
{
    Schema::create('users', function (Blueprint $table) {
        $table->id();
        $table->string('name');
        $table->string('phone_number');
        $table->timestamps();
    });
}

 

 

Selanjutnya, buat model dan migrasi untuk chat dengan menggunakan command Artisan bawaan Laravel. Tulis command berikut pada terminal:

 

php artisan make:model Chat -m

 

Ini akan membuat model  Chat  dan file migrasi untuk tabel  chats  pada pangkalan data yang telah dibuat sebelumnya. Buka file migrasi yang baru dibuat tersebut, kemudian perbarui dengan kode berikut:

 

public function up()
{
    Schema::create('chats', function (Blueprint $table) {
        $table->id();
        $table->integer('sender_id');
        $table->integer('receiver_id');
        $table->text('message');
        $table->timestamps();
    });
}

 

 

Lanjutkan dengan membuat dua controller untuk aplikasi WhatsApp. Controller tersebut adalah  UserController  dan  ChatController . Gunakan command Artisan untuk membuatnya seperti berikut:

 

php artisan make:controller UserController
php artisan make:controller ChatController

 

 

Selanjutnya, buat tampilan (views) untuk aplikasi WhatsApp. Gunakan command Artisan bawaan Laravel untuk membuat view welcome sebagai berikut:

 

php artisan make:view welcome

Ini akan membuat sebuah file  welcome.blade.php  pada direktori  resources/views . Anda dapat menyesuaikan isi file tersebut sesuai keinginan.

 

 

Lalu, tambahkan route aplikasi pada file  routes/web.php  menggunakan kode berikut:

 

// Route untuk halaman welcome
Route::get('/', 'UserController@index');

// Route untuk manajemen pengguna
Route::get('/users', 'UserController@list');
Route::get('/user/create', 'UserController@create');
Route::post('/user', 'UserController@store');

// Route untuk manajemen chat
Route::get('/chats', 'ChatController@chats');
Route::get('/chat/{user}', 'ChatController@chat');
Route::post('/chat/{user}', 'ChatController@send');

 

Terakhir, Anda perlu mengimplementasikan fungsi chat pada aplikasi. Anda dapat menggunakan kode berikut pada kelas  ChatController :

 

public function chats()
{
    $user = Auth::user();
    $chats = Chat::where('sender_id', $user->id)
                ->orWhere('receiver_id', $user->id)
                ->orderBy('created_at', 'desc')
                ->get();

    return view('chats', compact('chats'));
}

public function chat(User $user)
{
    $me = Auth::user();
    $messages = Chat::where(function ($query) use ($me, $user) {
                    $query->where('sender_id', $me->id)
                        ->where('receiver_id', $user->id);
                })
                ->orWhere(function ($query) use ($me, $user) {
                    $query->where('sender_id', $user->id)
                        ->where('receiver_id', $me->id);
                })
                ->orderBy('created_at', 'asc')
                ->get();

    return view('chat', compact('user', 'messages'));
}

public function send(User $user, Request $request)
{
    $me = Auth::user();
    $chat = new Chat();
    $chat->sender_id = $me->id;
    $chat->receiver_id = $user->id;
    $chat->message = $request->message;
    $chat->save();

    return redirect()->back();
}

 

Setelah menyelesaikan seluruh tahapan di atas, Anda dapat mengaplikasikan file WhatsApp yang telah Anda buat. Berikut adalah tahapan selengkapnya:

 

Pastikan Anda sudah menginstal semua server yang diperlukan seperti Apache, PHP, MySQL, dan lain-lain sesuai dengan kebutuhan Anda.

 

Upload seluruh file di direktori proyek ke server hosting atau lokal Anda.

 

Pastikan bahwa direktori proyek berada di dalam folder publik pada server.

 

Import file  .sql  pada pangkalan data MySQL untuk membuat tabel pengguna dan pesan.

 

Buka file  .env  dan perbarui detail pangkalan data sesuai dengan detail pangkalan data yang Anda gunakan pada server.

 

Jalankan aplikasi pada browser Anda menggunakan alamat URL yang sesuai.

 

Sekarang, aplikasi WhatsApp yang dibuat menggunakan Laravel sudah dapat digunakan.

 

Itulah tahapan lengkap untuk membuat aplikasi WhatsApp dengan Laravel beserta panduan cara mengaplikasikan file WhatsApp tersebut. Semoga bermanfaat bagi Anda!