chatui-example-vuejs/index.html at master · danbeeai/chatui-example-vuejs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description"  content="대화형 챗봇플랫폼" />
    <meta name="author" content="danbee Inc">
    <title>단비.Ai-챗봇을 만드는 가장 쉬운 방법</title>
    <!-- font -->
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

    <!-- favicon -->
    <link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="152x152" href="favicon/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="favicon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="144x144"  href="favicon/android-icon-144x144.png">
    <link rel="icon" type="image/png" sizes="72x72"  href="favicon/android-icon-72x72.png">
    <link rel="icon" type="image/png" sizes="48x48"  href="favicon/android-icon-48x48.png">
    <link rel="icon" type="image/png" sizes="36x36"  href="favicon/android-icon-36x36.png">
    <link rel="icon" type="image/png" sizes="96x96"  href="favicon/android-icon-96x96.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="favicon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="favicon/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
    <link rel="manifest" href="favicon/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff ">
    <meta name="msapplication-TileImage" content="favicon/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff ">

    <!-- notosanskr -->
    <link rel="stylesheet" href="/css/NotoSansKR-Hestia.css">

    <!-- basic css -->
    <link id="frogue-embed-css" rel="stylesheet" href="/css/main.css">

</head>
<body>
    <!-- chat div -->
    <div id="container" class="container"
         data-chatbot="5bbd93a3-00be-4054-b79a-03c4c50424bc"
         data-user="test"
         data-iemode="10"
         data-color="#7d8282"
         data-subcolor="#ffffff"
         data-iconurl="img/chatBtn/danbee_dew.png"
         data-loadurl="img/loading/frogue.svg"
    ></div>

    <!-- chat example -->
    <script>
        // 챗봇 설정
        var chatbotImg = "img/chatBtn/danbee_dew.png";
        var chatbotLoadUrl = "img/loading/frogue.svg";
        var chatbotName = '도로시';
        var chatbotId = '5bbd93a3-00be-4054-b79a-03c4c50424bc';
        // 심심풀이 // 'f9fd0b53-a29b-415c-90c4-b8b88c0bd75c'
        // 회귀검증 // '4aaf8bee-d4b3-4cf4-959f-3f7e611a4a32'
        // 도로시   // '5bbd93a3-00be-4054-b79a-03c4c50424bc'
        // 양마리   // '896dfe36-ed63-4324-82a0-924996e0c6e7'
        var serviceNames = '단비.Ai';
        var chatbotuserId = 'test';

    </script>
    <script src="dist/build.js"></script>

</body>
</html>