andriajah Wed Mar 2021 1 year ago

Contoh Tutorial Chatbot Laravel 8 Botman

Contoh chatbot botman Laravel 8. Dalam tutorial ini, Anda akan belajar cara menginstal botman chatbot di aplikasi laravel 8.

Jika Anda tidak tahu cara menambahkan chatbot laravel maka jangan khawatir, Anda adalah tempat yang tepat. Jadi, tutorial ini akan membantu Anda selangkah demi selangkah dalam tutorial chatbot laravel ini.

Langkah 1 - Instal Aplikasi Laravel 8

Pertama-tama, buka terminal Anda dan jalankan perintah berikut untuk install atau mengunduh atau memasang aplikasi laravel 8:

composer create-project --prefer-dist laravel/laravel blog

Langkah 2 - Menghubungkan Aplikasi ke database

Setelah itu, buka file ".env" dan perbarui nama database, nama pengguna dan kata sandi di file env:

DB_CONNECTION = mysql
DB_HOST = 127.0.0.1
DB_PORT = 3306
DB_DATABASE = Masukkan_Your_Database_Name
DB_USERNAME = Masukkan_Your_Database_Username
DB_PASSWORD = Enter_Your_Database_Password

Langkah 3 - Instal Botman and Botman Driver

Pada langkah ini, buka terminal dan jalankan perintah berikut untuk menginstal paket komposer botman:

Instal Botman:

composer require botman/botman

Instal Botman Driver:

composer require botman/driver-web

Langkah 4 - Buat File Konfigurasi

Langkah ini tidak perlu diikuti. Tetapi Anda dapat membuat file konfigurasi untuk driver dan cache. jadi mari kita buat file bot di folder config dan tulis kode seperti yang saya berikan di bawah ini:

config/botman/config.php

return [
    'conversation_cache_time' => 40,
    'user_cache_time' => 30,
];

config/botman/web.php

return [
    
    'matchingData' => [
        'driver' => 'web',
    ],
];

Sekarang jalankan perintah berikut

php artisan migrate

Langkah 5 - Tambahkan route

Selanjutnya, buka file "routes/web.php" Anda dan tambahkan route berikut:

Route::get('/', function () {
     return view('welcome');
 });
 Route::match(['get', 'post'], '/botman', 'BotManController@handle');

Langkah 6 - Buat Controller dengan Artisan Command

Pada langkah ini, buka terminal Anda, jalankan perintah berikut untuk membuat file BotManController.php:

php artisan make:controller BotManController

Perintah ini akan membuat BotManController dengan perintah artisan.

Selanjutnya, buka app/http/controller/BotManController.php. dan perbarui metode berikut ke dalam file controller Anda:

<?php
namespace App\Http\Controllers;
   
use BotMan\BotMan\BotMan;
use Illuminate\Http\Request;
use BotMan\BotMan\Messages\Incoming\Answer;
   
class BotManController extends Controller
{
    /**
     * Place your BotMan logic here.
     */
    public function handle()
    {
        $botman = app('botman');
   
        $botman->hears('{message}', function($botman, $message) {
   
            if ($message == 'hi') {
                $this->askName($botman);
            }else{
                $botman->reply("write 'hi' for testing...");
            }
   
        });
   
        $botman->listen();
    }
   
    /**
     * Place your BotMan logic here.
     */
    public function askName($botman)
    {
        $botman->ask('Hello! What is your Name?', function(Answer $answer) {
   
            $name = $answer->getText();
   
            $this->say('Nice to meet you '.$name);
        });
    }
}

Langkah 7 - Buat File Blade

Pada langkah ini, Kunjungi direktori resources/views dan buka file bernama welcom.blade.php.

Setelah itu, perbarui kode html dan javascript berikut ke dalam file tampilan bilah ini:

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>How to install Botman Chatbot in Laravel? - Medikre.com</title>
        <link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet">
    </head>
    <body>
    </body>
   
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/botman-web-widget@0/build/assets/css/chat.min.css">
    <script>
        var botmanWidget = {
            aboutText: 'ssdsd',
            introMessage: "<img draggable="false" role="img" class="emoji" alt="✋" src="https://s.w.org/images/core/emoji/13.0.1/svg/270b.svg"> Hi! I'm form Tutsmake.org"
        };
    </script>
   
    <script src='https://cdn.jsdelivr.net/npm/botman-web-widget@0/build/js/widget.js'></script>
       
</html> 

Langkah 8 - Jalankan Server Pengembangan

Pada langkah ini, Jalankan perintah php artisan serve di terminal untuk memulai server secara lokal:

php artisan serve

Kemudian buka browser Anda dan tekan url berikut di atasnya.

laravel botman laravel 8 chatbot laravel 8 laravel