Cara Membuat Bot Line Lanjutan 1
Hallo Gan, Kali ini kita bakalan belajar menu yang ada di Messaging Api yaitu "Using Quick Replies", nah pada menu ini tuh berfungsi untuk membuat menu gitu dibagian bawah dengan posisi seperti melayang, keren kan ?
Nah penampakannya kaya di atas itu gan, ok sebelum kita mulai pastikan kalian sudah membaca artikel sebelumnya yah karena sangat penting bakal gue urutin nih dibawah yahhh :
- Cara Membuat Bot Line Khusus Bot
- Cara Membuat Bot Line Masuk Group
- Cara Membuat Bot Line Dengan Server Hosting
Lalu untuk memulai pastikan kamu sudah download source codenya yang ada di artikel nomer 3 yah, setelah download upload ke hosting kamu dan jangan lupa ganti bagian :
$channelAccessToken & $channelSecret
Yang Berada di line 8 dan 9 dengan data line kamu yah, jika bingung dapat darimana silahkan baca artikel nomer 3.
Setelah Source Code di upload & Mengganti line 8 dan 9 sekarang kita mulai untuk menggunakan menu Using Quick Replies.
Sekarang mari kita lihat ke line 35 atau lebih tepatnya ke menu jika kita menulis / ngetik angka 1, ohya disini kalian bebas mau menghapus code dari line 33 - 64 atau di biarkan saja.
Pertama, mari kita lihat contoh susunan JSON datanya :
Susunannya kurang lebih adalah seperti itu, jadi jika kita terapkan pada code kita tadi akan menjadi seperti ini :
$push = array(
"replyToken" => $replyToken, "messages" => array(
array(
"type" => "text",
"text" => "Hay ".$displayName." Kamu Milih 1",
"quickReply" => array(
"items" => array(
array(
"type" => "action",
"action" => array(
"type" => "location",
"label" => "location"
)
),
array(
"type" => "action",
"action" => array(
"type" => "camera",
"label" => "camera"
)
)
)
)
)));
disini saya akan menjelaskan sedikit, mari kita lihat bagian :
"action" => array(
"type" => "location",
"label" => "location"
Pada bagian ini tertulis typenya adalah location, sehingga ketika kita menekan tombol / berlabel location, akan otomatis membuka maps di line kita seperti kita akan melakukan share location.
nah di bawahnya juga di sana ada type camera, ketika kita menekan itu, makan akan terbuka secara otomatis kamera line kita.
silahkan di save & teman-teman coba dengan mengirimkan pesan ke bot line kalian, maka akan muncul tambahan di bagian bawah menu kalian.
Berikut ini adalah contoh codenya :
<?php
//Script By Irfan Maulana
date_default_timezone_set("Asia/Bangkok");
require_once('lineclass.php');
$time = time();
$channelAccessToken = 'Channel Access Token';
$channelSecret = 'Channel Secret';
$client = new LINEBotTiny($channelAccessToken, $channelSecret);
$parseEvent = $client->parseEvents();
$replyToken = $parseEvent[0]['replyToken'];
$timestamp = $parseEvent[0]['timestamp'];
$type = $parseEvent[0]['type'];
$userId = $parseEvent[0]['source']['userId']; // ini bisa disimpan ke database untuk identifikasi
$message = $parseEvent[0]['message'];
$messageid = $parseEvent[0]['message']['id'];
$chat = $message['text'];
$groupId = $client->parseEvents()[0]['source']['groupId'];
$roomId = $client->parseEvents()[0]['source']['roomId'];
$profil = $client->profil($userId);
$displayName = $profil->displayName;
if($chat == 1){
$push = array(
"replyToken" => $replyToken, "messages" => array(
array(
"type" => "text",
"text" => "Hay ".$displayName." Kamu Milih 1",
"quickReply" => array(
"items" => array(
array(
"type" => "action",
"action" => array(
"type" => "location",
"label" => "location"
)
),
array(
"type" => "action",
"action" => array(
"type" => "camera",
"label" => "camera"
)
)
)
)
)));
}elseif($chat == 'hai'){
$push = array(
"replyToken" => $replyToken, "messages" => array(
array(
"type" => "text",
"text" => "Hay Juga ".$displayName
)));
}elseif($chat=='foto'){
$push = array(
"replyToken" => $replyToken, "messages" => array(
array(
"type" => "image",
"originalContentUrl" => "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8hyphenhyphenp35OGjy4pjCCpwfi1-O8fhB7Aa2tMcLt6iF-LNJ5wmFy8mv23lqGNx3pvARZyIdIq14Vtao7GY23PnkUVW4PxKHeazd9FvrlYL-bKo_Eyz5vzjZTInV2Hv9wlwXm9s3OsVgTl8Po6K/h120/26754501_1988671301405413_799546470_n.jpg",
"previewImageUrl" => "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8hyphenhyphenp35OGjy4pjCCpwfi1-O8fhB7Aa2tMcLt6iF-LNJ5wmFy8mv23lqGNx3pvARZyIdIq14Vtao7GY23PnkUVW4PxKHeazd9FvrlYL-bKo_Eyz5vzjZTInV2Hv9wlwXm9s3OsVgTl8Po6K/h120/26754501_1988671301405413_799546470_n.jpg"
)));
}
$kirim = $client->replyMessage($push);
Sehingga, ketika saya mengirim pesan berupa angka 1, maka akan muncul menu tersebut, silahkan cek video dibawah ini :
Sekian tutorial menggunakan menu Using Quick Replies untuk Bot Line Kita, bagi teman-teman yang memiliki kendala / ingin bertanya / melakukan request, silahkan tinggalkan komentar ^_^
Selamat Berkarya :D
Labels:
Featured
0 Komentar untuk "Cara Membuat Bot Line Lanjutan 1"