Python은 오늘날 가장 인기 있는 프로그래밍 언어 중 하나이며, Django는 Python을 위한 무료 오픈 소스 웹 개발 플랫폼이며 필요한 거의 모든 종류의 웹 사이트 또는 앱을 구축하는 데 사용할 수 있는 웹 개발을 위한 매우 다재다능한 도구입니다. .

이 기사에서는 Dialogflow 챗봇을 Django 웹 사이트에 통합하는 방법을 매우 쉽게 이해할 수 있도록 노력하겠습니다.

Dialogflow 챗봇이 없는 경우 여기에 자신만의 챗봇을 구축하기 위한 단계별 자습서가 있습니다. 그러나 Dialogflow에는 고유한 제한 사항이 있습니다. 채팅 대화에 필요한 UI를 제공하지 않습니다.

우리는 지금 1980년대에 있지 않기 때문에 사용자에게 잘 공감하고 사용자 친화적인 챗봇을 제공하기 위해 비기술자를 위한 둔하고 어두운 명령줄 UI가 아닌 프런트 엔드가 필요합니다.

그래서 우리는 Dialogflow를 Kommunicate와 통합하여 채팅 위젯 및 관리 대시보드를 위한 사전 빌드된 UI를 제공합니다.

보너스: Flask 및 Phython 웹사이트에서 AI Chatbot을 추가하는 방법

통신 에어컨이 없는 경우 계속 진행하려면 여기에서 무료 에어컨에 가입하세요.

이 기사는 이해하기 쉽도록 두 부분으로 나뉩니다.

Kommunicate와 Dialogflow 봇 통합
Django 프레임워크와 Kommunicate 통합

1부: Kommunicate와 Dialogflow 통합
Kommunicate에서 Dialogflow 봇을 통합하려면 Kommunicate 대시보드에 로그인하고 봇 통합 섹션으로 이동합니다. 계정이 없는 경우 여기에서 만들 수 있습니다. Dialogflow 섹션을 찾아 봇 통합을 클릭합니다.



Kommunicate와 Dialogflow 통합
이제 Dialogflow 콘솔로 이동하여 서비스 계정 키 파일을 다운로드합니다. 파일을 찾는 단계는 다음과 같습니다.

설정 아이콘을 클릭하여 Dialogflow 에이전트 설정을 엽니다

.

Google 프로젝트 표시줄에 언급된 Google 클라우드 링크를 클릭합니다

.

Google 클라우드 페이지에서 API 및 서비스를 클릭하여 자격 증명 섹션으로 이동합니다

.

자격 증명 섹션에서 서비스 계정을 찾고 Dialogflow 통합에 대한 편집을 클릭합니다

.

화면 하단에서 키 추가 버튼을 클릭하고 키 옵션을 생성하면 JSON 키가 다운로드됩니다

.

이제 키 파일을 업로드합니다

.



봇에 이름을 지정하여 설정을 완료하고 마지막 단계에서 봇을 사람에게 전달하도록 활성화/비활성화한 다음 두 곳에서 새로 개발된 봇을 확인하고 테스트할 수 있습니다.

대시보드 →봇 통합 → 봇 관리: 여기에서 통합된 모든 봇을 확인할 수 있습니다.
대시보드 → 봇 통합: 성공적으로 통합한 봇의 수와 함께 Dialogflow 아이콘이 녹색이어야 합니다.



봇 관리
지금 챗봇 만들기
2부: Django 프레임워크와 Kommunicate 통합
이제 Dialogflow 챗봇과 해당 사용자 인터페이스가 있으므로 이를 Django 웹 프레임워크와 통합할 수 있습니다. Django 프로젝트를 생성한 후 생성한 HTML 템플릿에 kommunicate 스크립트 코드를 추가하는 두 가지 가능한 방법이 있습니다.

1.커뮤니케이트 대시보드에서 자바스크립트 코드를 복사하여 닫는 본문 태그(

(function(d, m){
    var kommunicateSettings = 
        {"appId":"kommunicate-support","popupWidget":true,"automaticChatOpenOnNavigation":true};
    var s = document.createElement("script"); s.type = "text/javascript"; s.async = true;
    s.src = "https://widget.kommunicate.io/v2/kommunicate.app";
    var h = document.getElementsByTagName("head")[0]; h.appendChild(s);
    window.kommunicate = m; m._globals = kommunicateSettings;
})(document, window.kommunicate || {});

/* 참고: 브라우저에서 HTML 파일을 직접 열면 실시간 업데이트가 작동하지 않으므로 HTML 파일을 보려면 웹 서버를 사용하십시오. */

안녕, 세계!