xây dựng chatbot thật dễ dàng với Ultramsg API, bạn có thể xây dựng bot dịch vụ khách hàng và ai chatbot tốt nhất Qua các bước đơn giản sử dụng ngôn ngữ PHP
nội dung
nhiệm vụ chatbot
- Đầu ra của danh sách lệnh
- Đầu ra của thời gian máy chủ của bot đang chạy trên
- Gửi hình ảnh đến số điện thoại hoặc nhóm
- Đang gửi tệp âm thanh
- Gửi bản ghi âm ppt
- Gửi tập tin video
- Đang gửi liên hệ
- Gửi câu ngẫu nhiên
- Gửi trò đùa ngẫu nhiên
- Gửi hình ảnh ngẫu nhiên
Bắt đầu
- Cần có tài khoản Ultramsg để chạy các ví dụ. Đăng nhập hoặc Tạo tài khoản nếu bạn chưa có ultramsg. com
- truy cập phiên bản của bạn hoặc Tạo một phiên bản nếu bạn chưa có
- Quét Qr và đảm bảo rằng Trạng thái xác thực của trường hợp đó. chứng thực
định dạng webhook json
Để xem JSON nhận được trông như thế nào trong video này
VÍ DỤ TRẢ LỜI JSON
{
"event_type": "message_received",
"instanceId": "90",
"data": {
"id": "[email protected]_7ECAED9EB68D3474BE591443134C2E3F",
"from": "[email protected]",
"to": "[email protected]",
"ack": "pending",
"type": "chat",
"body": "I can't send a message using php code\nCan you help me",
"fromMe": false,
"isForwarded": false,
"time": 1643311467
}
}Chạy Chatbot WhatsApp
bước 1
tải xuống tệp dự án từ Github
và đặt ID cá thể và Mã thông báo của bạn vào ví dụ. php
new ultraMsgChatBot["token", "instance_id"];bước 2
kích hoạt tùy chọn “Webhook khi đã nhận” và Đặt URL Webhook trong Cài đặt phiên bản trong ultramsg chẳng hạn như https. //trang web của bạn. com/chatbot/ví dụ. php
Xin chào các độc giả, Hôm nay trong blog này, bạn sẽ tìm hiểu cách tạo một Chatbot đơn giản bằng cách sử dụng PHP với MySQL & jQuery [Ajax]. Trước đó tôi đã chia sẻ một blog về cách Gửi email bằng PHP từ Localhost bằng máy chủ XAMPP và bây giờ là lúc để tạo một chatbot hoạt động trong PHP
Chatbot là một chương trình máy tính được thiết kế để mô phỏng cuộc trò chuyện của con người. Các chatbot này trả lời bạn ngay lập tức theo các truy vấn của bạn vì các lập trình viên đã chèn hàng nghìn đầu vào, trả lời và truy vấn vào cơ sở dữ liệu mà người dùng có thể hỏi
Để tạo một chatbot nâng cao, chúng tôi phải viết mã ngày càng nhiều nhưng tôi đã cố gắng tạo một chatbot đơn giản với một vài dòng mã và truy vấn giúp bạn biết được cách thức hoạt động của một chatbot
Trên trang web dành cho chatbot này, có một biểu mẫu trò chuyện với trường nhập liệu và một nút có nhãn “gửi” để nhập tin nhắn và gửi tin nhắn đó đến bot. Nếu bạn đặt câu hỏi cho bot và nếu truy vấn tồn tại trong cơ sở dữ liệu, bot sẽ trả lời ngay lập tức bằng một tin nhắn dựa trên truy vấn của bạn; . ”
Trong quá trình trò chuyện này, trang web không được tải lại vì tôi đã sử dụng jQuery [Ajax] cho việc đó. Nếu bạn cảm thấy khó hiểu những gì tôi đang nói. Bạn có thể xem video hướng dẫn đầy đủ về chương trình này [Chatbot đơn giản sử dụng PHP]
Video hướng dẫn Chatbot đơn giản bằng PHP
Trong video, bạn đã thấy chatbot này trông như thế nào và cách nó trả lời theo truy vấn của người dùng. Nếu bạn biết HTML, CSS, PHP & jQuery cơ bản thì bạn có thể dễ dàng hiểu các mã đằng sau việc tạo chatbot này. Trong video này mình mới làm 1 form chatbot mà các cuộc trò chuyện là tĩnh nhưng ở phần -2 của video này mình đã làm code PHP và jQuery của chương trình này và làm cho nó động.
Trong video phần 2 đó, để làm cho chatbot này động, tôi chỉ tạo một cơ sở dữ liệu và một bảng trong MySQL và chèn một số truy vấn và trả lời vào đó và với sự trợ giúp của PHP và Ajax, tôi đã lấy dữ liệu [trả lời] trong cuộc trò chuyện
bạn có thể thích điều này
- Cách gửi Email bằng PHP & Gmail
- Biểu mẫu đăng nhập và đăng ký với PHP & MySQL
- Cách cấu hình máy chủ XAMPP để gửi Mail
Chatbot đơn giản sử dụng PHP với MySQL [Source Codes]
Để tạo chương trình này [Chatbot đơn giản sử dụng PHP]. Trước tiên, bạn cần tạo ba Tệp, hai Tệp PHP và một Tệp CSS khác. Sau khi tạo các tệp này, chỉ cần dán các mã sau vào tệp của bạn
Hãy nhớ rằng, nếu bạn định tải xuống các tệp mã, bạn phải tạo tên cơ sở dữ liệu “bot” và tên bảng “chatbot”, và bên trong bảng này, bạn phải tạo ba hàng [id, truy vấn, phản hồi . Nếu không, bạn có thể thay thế tên của cơ sở dữ liệu, bảng và các hàng của bảng bằng chi tiết bảng cơ sở dữ liệu của bạn trong các tệp đã cho của tôi
- loại id int[11] auto_increment
- loại truy vấn varchar[300]
- trả lời gõ varchar[300]
Đầu tiên, tạo một tệp PHP có tên bot. php và dán các mã đã cho vào tệp PHP của bạn. Hãy nhớ rằng, bạn phải tạo một tệp với. phần mở rộng php
Simple Chatbot in PHP | CodingNepal
Simple Online Chatbot
Hello there, how can I help you?
Send
$[document].ready[function[]{
$["#send-btn"].on["click", function[]{
$value = $["#data"].val[];
$msg = ''+ $value +'
';
$[".form"].append[$msg];
$["#data"].val[''];
// start ajax code
$.ajax[{
url: 'message.php',
type: 'POST',
data: 'text='+$value,
success: function[result]{
$replay = ''+ result +'
';
$[".form"].append[$replay];
// when chat goes down the scroll bar automatically comes to the bottom
$[".form"].scrollTop[$[".form"][0].scrollHeight];
}
}];
}];
}];
Thứ hai, tạo một tệp CSS với tên kiểu. css và dán các mã đã cho vào tệp CSS của bạn. Hãy nhớ rằng, bạn phải tạo một tệp với. phần mở rộng css
@import url['//fonts.googleapis.com/css2?family=Poppins:[email protected];300;400;500;600;700&display=swap'];
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}
html,body{
display: grid;
height: 100%;
place-items: center;
}
::selection{
color: #fff;
background: #007bff;
}
::-webkit-scrollbar{
width: 3px;
border-radius: 25px;
}
::-webkit-scrollbar-track{
background: #f1f1f1;
}
::-webkit-scrollbar-thumb{
background: #ddd;
}
::-webkit-scrollbar-thumb:hover{
background: #ccc;
}
.wrapper{
width: 370px;
background: #fff;
border-radius: 5px;
border: 1px solid lightgrey;
border-top: 0px;
}
.wrapper .title{
background: #007bff;
color: #fff;
font-size: 20px;
font-weight: 500;
line-height: 60px;
text-align: center;
border-bottom: 1px solid #006fe6;
border-radius: 5px 5px 0 0;
}
.wrapper .form{
padding: 20px 15px;
min-height: 400px;
max-height: 400px;
overflow-y: auto;
}
.wrapper .form .inbox{
width: 100%;
display: flex;
align-items: baseline;
}
.wrapper .form .user-inbox{
justify-content: flex-end;
margin: 13px 0;
}
.wrapper .form .inbox .icon{
height: 40px;
width: 40px;
color: #fff;
text-align: center;
line-height: 40px;
border-radius: 50%;
font-size: 18px;
background: #007bff;
}
.wrapper .form .inbox .msg-header{
max-width: 53%;
margin-left: 10px;
}
.form .inbox .msg-header p{
color: #fff;
background: #007bff;
border-radius: 10px;
padding: 8px 10px;
font-size: 14px;
word-break: break-all;
}
.form .user-inbox .msg-header p{
color: #333;
background: #efefef;
}
.wrapper .typing-field{
display: flex;
height: 60px;
width: 100%;
align-items: center;
justify-content: space-evenly;
background: #efefef;
border-top: 1px solid #d9d9d9;
border-radius: 0 0 5px 5px;
}
.wrapper .typing-field .input-data{
height: 40px;
width: 335px;
position: relative;
}
.wrapper .typing-field .input-data input{
height: 100%;
width: 100%;
outline: none;
border: 1px solid transparent;
padding: 0 80px 0 15px;
border-radius: 3px;
font-size: 15px;
background: #fff;
transition: all 0.3s ease;
}
.typing-field .input-data input:focus{
border-color: rgba[0,123,255,0.8];
}
.input-data input::placeholder{
color: #999999;
transition: all 0.3s ease;
}
.input-data input:focus::placeholder{
color: #bfbfbf;
}
.wrapper .typing-field .input-data button{
position: absolute;
right: 5px;
top: 50%;
height: 30px;
width: 65px;
color: #fff;
font-size: 16px;
cursor: pointer;
outline: none;
opacity: 0;
pointer-events: none;
border-radius: 3px;
background: #007bff;
border: 1px solid #007bff;
transform: translateY[-50%];
transition: all 0.3s ease;
}
.wrapper .typing-field .input-data input:valid ~ button{
opacity: 1;
pointer-events: auto;
}
.typing-field .input-data button:hover{
background: #006fef;
}Cuối cùng, tạo một tệp PHP có tên message. php và dán các mã đã cho vào tệp PHP của bạn. Hãy nhớ rằng, bạn phải tạo một tệp với. phần mở rộng php