您现在的位置是:网站首页> HTML&JS

阿里达摩院前端开源ChatUI

  • HTML&JS
  • 2023-03-15
  • 1067人已阅读
摘要

点击进入ChatUI官网 ChatUI是阿里小蜜团队经过多年真实业务场景打磨和沉淀的对话式 UI 体系,致力于打造对话领域的设计和开发标准。在云上企业生态小范围内测半年之后,ChatUI 现已正式开源,期望与开发者共建和完善 ChatUI 体系,共同打造「让对话美而简单」的愿景

ChatUI 组件库基于以上设计原则进行设计,提供了50+组件,满足多样的对话场景需求,用户可基于基础组件搭建自己的对话界面,适合有深度定制需求的用户。

对于已经有对话接口,想开箱即用的用户,我们也贴心的提供了 ChatUI Pro,只需要在初始化的时候传入配置数据,即可快速生成可进行对话交互的界面。

通过 ChatUI Pro 你甚至都不需要前端知识就能配置出一个对话应用来,如果有前端基础的话也可以通过它强大的配置接口实现各种定制化需求。

<link rel="stylesheet" href="//g.alicdn.com/chatui/sdk-v2/0.1.1/sdk.css">

<script src="//g.alicdn.com/chatui/sdk-v2/0.1.1/sdk.js"></script>


<div id="root"></div>


<script>

  var bot = new ChatSDK({

    config: {

      navbar: {

        title: '智能助理'

      },

      robot: {

        avatar: '//gw.alicdn.com/tfs/TB1U7FBiAT2gK0jSZPcXXcKkpXa-108-108.jpg'

      },

      messages: [

        {

          type: 'text',

          content: {

            text: '智能助理为您服务,请问有什么可以帮您?'

          }

        }

      ]

    },

    requests: {

      send: function (msg) {

        return {

          url: '/api/ask',

          data: {

            q: msg.content.text

          }

        };

      }

    }

  });


  bot.run();


Top