159 lines
6.4 KiB
HTML
159 lines
6.4 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="ru">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<title>Тест Typebot интеграции</title>
|
|||
|
|
<style>
|
|||
|
|
body { font-family: Arial, sans-serif; margin: 20px; }
|
|||
|
|
.test-section { margin: 20px 0; padding: 15px; border: 1px solid #ddd; }
|
|||
|
|
.result { background: #f5f5f5; padding: 10px; margin: 10px 0; }
|
|||
|
|
button { padding: 10px 20px; margin: 5px; }
|
|||
|
|
input { padding: 8px; width: 300px; }
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<h1>Тест интеграции Typebot с CRM</h1>
|
|||
|
|
|
|||
|
|
<div class="test-section">
|
|||
|
|
<h3>1. Тест startChat</h3>
|
|||
|
|
<input type="text" id="startMessage" placeholder="Введите сообщение для начала чата" value="привет">
|
|||
|
|
<button onclick="testStartChat()">Начать чат</button>
|
|||
|
|
<div id="startResult" class="result"></div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="test-section">
|
|||
|
|
<h3>2. Тест continueChat</h3>
|
|||
|
|
<input type="text" id="continueMessage" placeholder="Введите сообщение для продолжения" value="как дела?">
|
|||
|
|
<button onclick="testContinueChat()">Продолжить чат</button>
|
|||
|
|
<div id="continueResult" class="result"></div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="test-section">
|
|||
|
|
<h3>3. Тест с контекстом CRM</h3>
|
|||
|
|
<input type="text" id="contextMessage" placeholder="Введите сообщение с контекстом" value="покажи клиентов">
|
|||
|
|
<button onclick="testWithContext()">Тест с контекстом</button>
|
|||
|
|
<div id="contextResult" class="result"></div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
let sessionId = null;
|
|||
|
|
|
|||
|
|
async function testStartChat() {
|
|||
|
|
const message = document.getElementById('startMessage').value;
|
|||
|
|
const resultDiv = document.getElementById('startResult');
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
const response = await fetch('https://bot.klientprav.tech/api/v1/typebots/my-typebot-lezm06l/startChat', {
|
|||
|
|
method: 'POST',
|
|||
|
|
headers: {
|
|||
|
|
'Content-Type': 'application/json',
|
|||
|
|
},
|
|||
|
|
body: JSON.stringify({
|
|||
|
|
message: {
|
|||
|
|
type: "text",
|
|||
|
|
text: message
|
|||
|
|
},
|
|||
|
|
prefilledVariables: {
|
|||
|
|
"projectId": "test-123",
|
|||
|
|
"module": "Accounts",
|
|||
|
|
"view": "DetailView",
|
|||
|
|
"userId": "test-user"
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
const data = await response.json();
|
|||
|
|
sessionId = data.sessionId;
|
|||
|
|
|
|||
|
|
resultDiv.innerHTML = `
|
|||
|
|
<strong>Успешно!</strong><br>
|
|||
|
|
Session ID: ${sessionId}<br>
|
|||
|
|
Messages: ${JSON.stringify(data.messages, null, 2)}<br>
|
|||
|
|
Full response: <pre>${JSON.stringify(data, null, 2)}</pre>
|
|||
|
|
`;
|
|||
|
|
} catch (error) {
|
|||
|
|
resultDiv.innerHTML = `<strong>Ошибка:</strong> ${error.message}`;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
async function testContinueChat() {
|
|||
|
|
if (!sessionId) {
|
|||
|
|
document.getElementById('continueResult').innerHTML = '<strong>Ошибка:</strong> Сначала начните чат';
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const message = document.getElementById('continueMessage').value;
|
|||
|
|
const resultDiv = document.getElementById('continueResult');
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
const response = await fetch(`https://bot.klientprav.tech/api/v1/sessions/${sessionId}/continueChat`, {
|
|||
|
|
method: 'POST',
|
|||
|
|
headers: {
|
|||
|
|
'Content-Type': 'application/json',
|
|||
|
|
},
|
|||
|
|
body: JSON.stringify({
|
|||
|
|
message: message
|
|||
|
|
})
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
const data = await response.json();
|
|||
|
|
|
|||
|
|
resultDiv.innerHTML = `
|
|||
|
|
<strong>Успешно!</strong><br>
|
|||
|
|
Messages: ${JSON.stringify(data.messages, null, 2)}<br>
|
|||
|
|
Client Side Actions: ${JSON.stringify(data.clientSideActions, null, 2)}<br>
|
|||
|
|
Full response: <pre>${JSON.stringify(data, null, 2)}</pre>
|
|||
|
|
`;
|
|||
|
|
} catch (error) {
|
|||
|
|
resultDiv.innerHTML = `<strong>Ошибка:</strong> ${error.message}`;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
async function testWithContext() {
|
|||
|
|
const message = document.getElementById('contextMessage').value;
|
|||
|
|
const resultDiv = document.getElementById('contextResult');
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
const response = await fetch('https://bot.klientprav.tech/api/v1/typebots/my-typebot-lezm06l/startChat', {
|
|||
|
|
method: 'POST',
|
|||
|
|
headers: {
|
|||
|
|
'Content-Type': 'application/json',
|
|||
|
|
},
|
|||
|
|
body: JSON.stringify({
|
|||
|
|
message: {
|
|||
|
|
type: "text",
|
|||
|
|
text: message
|
|||
|
|
},
|
|||
|
|
prefilledVariables: {
|
|||
|
|
"projectId": "CRM-RECORD-456",
|
|||
|
|
"module": "Contacts",
|
|||
|
|
"view": "ListView",
|
|||
|
|
"userId": "admin",
|
|||
|
|
"userRole": "Administrator",
|
|||
|
|
"currentPage": "Contacts"
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
const data = await response.json();
|
|||
|
|
|
|||
|
|
resultDiv.innerHTML = `
|
|||
|
|
<strong>Успешно!</strong><br>
|
|||
|
|
Session ID: ${data.sessionId}<br>
|
|||
|
|
Messages: ${JSON.stringify(data.messages, null, 2)}<br>
|
|||
|
|
Full response: <pre>${JSON.stringify(data, null, 2)}</pre>
|
|||
|
|
`;
|
|||
|
|
} catch (error) {
|
|||
|
|
resultDiv.innerHTML = `<strong>Ошибка:</strong> ${error.message}`;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|