leopard chat ui teneo تحميل - leopard chat ui teneo تحميل كود المصدر

leopard chat ui teneo

كود الذكاء الاصطناعي

Release 3.2.1

تنزيل

حول • التثبيت • الميزات • التوثيق • العرض التوضيحي • المساهمة • المؤلف • الدعم • الترخيص

عن

Leopard Chat UI هو عميل دردشة غني بالميزات لـ Teneo. Teneo قادر على إعادة البيانات الغنية مع كل استجابة ويستفيد Leopard من هذه الردود لتقديم تجربة دردشة تفاعلية.

يمكن استخدام الفهد في كل من الإنتاج وفي وضع هندسة المبيعات. يسمح وضع هندسة المبيعات بتكوين العديد من عروض المحادثة بسهولة أو ربطها بشكل عميق أو مشاركتها.

يتم توفير واجهة إدارة حيث يمكنك تعديل شكل ومظهر واجهة مستخدم الدردشة لكل حل محادثة.

دردشة الفهد

بنيت مع

Vue.js
فويتيفي

تثبيت

مستخدمي ويندوز

إذا كنت تقوم بالتطوير على نظام Windows، فمن المرجح أن تقوم بتثبيت node-gyp قبل محاولة تشغيل npm install . سوف تحتاج إلى تجميع بعض وحدات العقدة الأصلية. لتمكين هذا على نظام التشغيل Windows، يمكنك تشغيل هذه الخطوط الملاحية المنتظمة. سيستغرق الأمر بعض الوقت حتى يكتمل ولكن يجب تشغيله مرة واحدة فقط. ابدأ تشغيل PowerShell كمسؤول وقم بتشغيل:

npm install --global windows-build-tools

خطوات التحميل والتثبيت:

git clone https://github.com/jolzee/leopard-chat-ui-teneo
cd leopard-chat-ui-teneo
npm install

إعدادات

تم تكوين Leopard باستخدام /config/default.js وهو وحدة JavaScript معلّقة . يمكنك إما إضافة التكوين الخاص بك مباشرة إلى default.js أو إلى local.js المجاورة التي لها الأسبقية وتتم إضافتها إلى .gitignore. يتم تكوين حلول المحادثة من خلال ملف .env.solution.json في جذر المشروع. إذا كنت تريد إجراء بعض التغييرات قبل تشغيل/بناء Leopard، فافعل ذلك الآن.

تشغيل محليا في وضع التطوير

npm run serve

بناء للإنتاج

تقوم عملية الإنشاء بتشغيل التعليمات البرمجية المصدر من خلال Webpack وتنتج البنية النهائية في المجلد /dist .

npm run build

النشر

انسخ جميع الملفات الموجودة داخل /dist إلى أي خادم ويب - على سبيل المثال https://mydomain.com/leopard/ .

ويمكن بعد ذلك استخدام واجهة مستخدم الدردشة في وضع هندسة المبيعات من خلال زيارة https://mydomain.com/leopard/

تضمين في الإنتاج

يمكنك إدخال Leopard Chat UI في عنصر محدد على الصفحة. قد يكون هذا مفيدًا إذا كنت تريد وضعه في ترتيب علامات تبويب محدد. لتمكين هذا، قم بإضافة <div id="leopardChatWindow"></div> في أي مكان بالصفحة. ومع ذلك، فإن هذا ليس مطلوبًا، وفي حالة غيابه، سيتم حقن واجهة المستخدم تلقائيًا في بداية الجسم.

 < script type =" text/javascript " >
  window . TENEOCTX || ( TENEOCTX = { } ) ;
  TENEOCTX = {
    init : {
      trustedDomain : "" , // something like http://localhost:8080 // "" = receive and post messages to all domains
      allowScripts : true // false = if you want to disable potential eval
    } ,
    ctx : {
      eventSource : "leopard-embed" ,
      pageTitle : document . title ,
      pageUrl : window . location . href ,
      pageTopic : "Help" ,
      message : "This was sent from the customer's web site"
    }
  } ;
</ script >

< div id =" leopardChatWindow " > </ div >

< script src =" https://mydomain.com/leopard/static/embed-leopard.js " > </ script >

سمات

	المدعومة
ASR وتحويل النص إلى كلام	✔️
التنبيهات	✔️
جميع المتصفحات الحديثة وIE 11	✔️
الإجابة على تنسيق النص - HTML وMarkdown	✔️
مشغل الصوت	✔️
حلول التبديل التلقائي	✔️
أزرار	✔️
بطاقات	✔️
النماذج المخصصة	✔️
نماذج HTML المخصصة	✔️
أيقونات الاستجابة المخصصة	✔️
الوضع المظلم	✔️
منتقي التاريخ والوقت	✔️
رابط عميق للسؤال	✔️
تغييرات الموضوع الديناميكي	✔️
زر الطوارئ	✔️
عمليات باهظة الثمن	✔️
مساعد الامتداد (رائع)	✔️
نماذج ردود الفعل	✔️
أقنعة الميدان	✔️
أنواع الحقول - [البريد الإلكتروني / كلمة المرور / الموقع / التحميل]	✔️
المصادقة الاجتماعية لـ Firebase	✔️
التقاط السياق الجغرافي	✔️
الارتباطات التشعبية التي ترسل المدخلات مرة أخرى إلى Teneo	✔️
دوارات الصور	✔️
الصور	✔️
نص تعليمات حقل الإدخال	✔️
LiveChatInc.com	✔️
خرائط	✔️
الحوارات الاستباقية	✔️
Sentry وLogRocket - التسجيل وإعداد التقارير	✔️
إجابات مقسمة	✔️
الجداول	✔️
موضوعي	✔️
الخبز المحمص	✔️
مشغل الفيديو (يوتيوب، فيميو، mp4)	✔️
i18n	✔️