Xây dựng chatbot cùng API.AI phần 2 (Tích hợp với Facebook Messenger)

Như đã giới thiệu ở phần trước Xây dựng chatbot cùng API.AI (phần 1) có lẽ anh em đã tự tạo được 1 số thứ đơn giản mà không cần phải biết code nhiều đúng không :v Nhiều anh em chắc đang đắn cmn đo là làm xong mà để cái chatbot ở đó rồi thỉnh thoảng vào chat thủ dâm tinh thần 1 mình à 😐 Có tự kỉ cũng làm gì đến mức đó cơ chứ, sản phẩm của chúng ta phải được quảng bá giao lưu ở tầm quốc tế chứ 😐 Có lẽ để đáp lại tâm tư nguyện vọng của anh em nên nay trong bài viết tiếp theo bần đạo sẽ nói tiếp về cách để anh em tích hợp con chatbot này vào trong Facebook Messenger để mang đi quảng cáo hoặc mang đi lòe gái nhân ngày mùng 8.3 sắp tới tí nhỉ :v

anh-che-8-3-8-0655

Đi tiếp vào chủ đề chính trong bài viết thì đầu tiên để tích hợp vào Facebook Messenger, anh em chịu khó truy cập vào trang của thằng Facebook để đăng kí tài khoản của mình thuộc hội những Anh dev đẹp giai trước đi đã :3 https://developers.facebook.com/

Quá trình đăng kí thì thôi chả nói nhé vì nó dễ cmn luôn ấy chứ :v Đăng kí xong thì anh em chịu khó ngó con mắt lên phía bên phải góc màn hình ấy để nhìn thấy được mấy dòng chữ nhỏ nhỏ xinh xinh là THÊM ỨNG DỤNG MỚI. Chỗ này chính là cái mình tạo chatbot ở Facebook đó

Screen Shot 2017-03-07 at 6.06.36 AM

Đơn giản tiếp theo thì là đặt tên cho con Chatbot thôi, ai chả phải có tên đúng không, không thì Nhật Tinh Anh đã cho ra bài hát CẦN MỘT CÁI TÊN đâu :v

Ở đây mình điền mấy thứ loăng quăng vớ vẩn mang tính chất minh họa nhé :3

 

Screen Shot 2017-03-07 at 6.10.09 AM

Đợi thằng Facebook nó quay quay quay mấy cái là hiện ra cái trang cho anh em cấu hình tiếp rồi đây :3 Ở cái trang này anh em nhẹ nhàng lăn con chuột 1 tí xuống tầm 200px để có thể phóng tầm mắt đến đoạn MESSENGER và WEBHOOK nhé :3 Phần quan trọng nhất của việc tạo CHATBOT là nằm ở đó đây

Screen Shot 2017-03-07 at 6.11.39 AM.png

Giải thích qua thì ở phần Messenger này anh em ta sẽ tích hợp con chatbot vào 1 trong các trang FANPAGE do anh em quản trị. Chính vì vậy mà đồng dâm nào chưa từng được trải nghiệm cái cảm giác làm chủ một cái gì đó đơn giản như cái FANPAGE thì  hãy xách cu lên và tự đi làm 1 cái ngay và luôn đi :3 Ở đây mình không hướng dẫn làm những thứ như thế đâu vì sợ điều tiếng là hướng dẫn tạo ra đống trang bán kem trộn với mĩ phẩm giả thì chết :)) (Mình cũng đang tạo ra fanpage cho cái blog này để quảng bá nó tốt hơn đến anh em khắp nơi và đang xây con chatbot cho hẳn hoi anh em chịu khó chờ đợi nhé :v)

Giờ thì hãy mạnh tay ấn vào nút BẮT ĐẦU của cái Messenger đi nào :3 Ấn xong thì lại 1 tòa thiên nhiên lộng lẫy hiện ra cho chúng ta cấu hình tiếp :v

Screen Shot 2017-03-07 at 6.18.59 AM.png

Đồng dâm nào tinh mắt thì là thấy ngay đoạn chọn TRANG để tích hợp APP rồi đấy :v thấy rồi thì làm đi chứ nhìn gì mà nhìn

Screen Shot 2017-03-07 at 6.20.33 AM

Đấy nhé ! Ông chọn rồi đấy thế là xong rồi phải không :3 Không nhé còn lâu mới xong nhé :v Đoạn chính của công cuộc này là phần ngay dưới cấu hình webhook cơ. Webhook là cái gì thì đơn giản mình chẳng giải thích được =)) Ở đây anh em có thể hiểu là 1 thằng nào đó chat với con chatbot thì thông qua webhook nó sẽ đi mò câu trả lời ở bên API.AI rồi trả kết quả về cho thằng Messenger thôi :v Chính vì thế nghĩa là ở đây chúng ta sẽ cấu hình cái link API.AI để thằng Messenger sử dụng thôi. À anh em nhớ copy cái mã truy cập Trang mà thằng Facebook nó đưa ở bên trên nhé :v

Screen Shot 2017-03-07 at 6.25.07 AM

Thế thì quay lại trang API.AI rồi copy link nào!!!!!! Anh em truy cập vào phần INTERGRATIONS của con Agent mà mình muốn sử dụng rồi buông đôi bàn tay lả lơi vào cái Facebook Messenger nhé

Screen Shot 2017-03-07 at 6.27.31 AM

Anh em sẽ copy cái mà mình dặn do ở trên kia rồi paaste vào cái PAGE ACCESS TOKEN rồi bịa ra VERIFY TOKEN nhé, cái này đại khái là cái mật khẩu mà thằng API.AI và thằng FACEBOOK mỗi thằng đều biết dùng để kết nối với nhau ấy mà

Screen Shot 2017-03-07 at 6.28.50 AM

Anh em copy ngay cái link callback với cái verify token mang sang lại chỗ weebhook lúc nãy và paste vào

Screen Shot 2017-03-07 at 6.34.58 AM

Đến đây thì mới gọi là xong này :3 GIờ anh em chỉ việc lôi con chatbot ra test thử xem đã chưa nhé với câu hỏi đơn giản là HOÀNG CÓ ĐẸP GIAI KHÔNG ấy mà :v

 

Screen Shot 2017-03-07 at 6.38.03 AM

Đấy con chatbot còn trả lời đúng mà các chị em chả ai hiểu haizzzzz

Giờ thì anh em thử tích hợp đi để còn kịp cho ngày 8/3 mà lừa mấy em rau đáng yêu chứ :3 Tiếp theo phần này mình sẽ luyên thuyên chi tiết hơn về API.AI. Cách để tùy biến thằng đó và cách gọi Api của nó với python cho việc tích hợp với SMS bằng cái TWILIO

PS: Tí nữa quên là để sử dụng được con chatbot anh em nhớ để nó ở trạng thái PUBLIC trong cái FACEBOOK

Screen Shot 2017-03-07 at 6.42.15 AM

Advertisements

4 thoughts on “Xây dựng chatbot cùng API.AI phần 2 (Tích hợp với Facebook Messenger)

  1. Pingback: Bài viết thứ 100 | Code, code and more code

  2. Pingback: Xây dựng chatbot cùng api.ai phần áp chót | Code, code and more code

  3. Pingback: Xây dựng chatbot cùng API.AI: tổng quan về Flask và Heroku (phần 3) | Code, code and more code

  4. Pingback: Giới thiệu chatbot gợi ý món ăn | Code, code and more code

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s