dialogflow web v2

Dialogflow للويب v2

يتيح لك Dialogflow إنشاء واجهات محادثة فوق منتجاتك وخدماتك من خلال توفير محرك قوي لفهم اللغة الطبيعية (NLU) لمعالجة مدخلات اللغة الطبيعية وفهمها

هذا تكامل ويب غير رسمي لـ Dialogflow V2

إشعار : في أغسطس 2021، قمت بترقية تطبيق الويب إلى Vue 3، وأصلحت الثغرات الأمنية وحدثت التبعيات. البرنامج يأتي مجانا، ولكن وقتي ليس كذلك. فكر في دعمي على PayPal أو من خلال اتفاقية تجارية

سمات

• تطبيق الويب التقدمي (درجة المنارة 100/100)
• ميزات إمكانية الوصول
• دعم شامل للمتصفح (IE8+)، وإمكانيات دون الاتصال بالإنترنت (السجل) وتحسين محركات البحث (SEO) الرائع
• واجهة مستخدم وتجربة مستخدم مألوفة، استنادًا إلى مواصفات التصميم الرسمية لمساعد Google
• الوضع المظلم والسمات
• التفاعل بدون استخدام اليدين مع الإدخال الصوتي وردود الفعل على الكلام (مع SSML)
• لغة مستقلة
• دعم Docker وKubernetes
• المكونات الغنية وخطاف الويب والإجراءات على دعم Google (عرض توضيحي)
• القطعة العائمة للتضمين على مواقع الويب (الريبو والعرض التوضيحي)
• استنادًا إلى Vue 3 وWebpack وBabel وPostCSS
• خفيف الوزن (النسخة مضغوطة بـ 50 كيلوبايت تقريبًا)
• مجانية وموثقة بالكامل
• صنع في ألمانيا
• تم ترشيحها بواسطة Dialogflow وMadeWithVueJS

برعاية Vokode - وهو استوديو تسويق صوتي من باريس، يقوم بما يلي: تصميم الصوت والبودكاست والتطبيقات الصوتية

تثبيت

متطلبات

• NodeJS
• npm أو الغزل
• حساب Google وعامل Dialogflow V2 (إذا كنت تبحث عن V1، فيرجى استخدام الريبو القديم الخاص بي)

الخلفية

تتيح بوابة Dialogflow عمليات تكامل الجهات الخارجية مثل هذه للوصول بشكل آمن إلى Dialogflow V2 API

• التوثيق
• التنفيذ

تُعد بوابة AD Dialogflow التي أنشأها Ushakov (مستضافة) أسرع طريقة لبدء استخدام Dialogflow for Web v2

استنساخ المستودع

يمكنك استخدام git أو التنزيل من GitHub

تثبيت التبعيات

افتح المجلد المستنسخ. ثم، باستخدام مدير الحزم الخاص بك، قم بتثبيت التبعيات

باستخدام npm

npm i

باستخدام الغزل

yarn

قم بتوصيل الوكيل

افتح src/config/index.js وقم بتغيير متغير endpoint إلى عنوان URL الخاص ببوابة Dialogflow

تلميح: عنوان URL الخاص ببوابة Dialogflow التي يستضيفها Ushakov هو دائمًا معرف مشروع Google Cloud الخاص بك + .core.ushaflow.io . إذا واجهت أي مشاكل، فتأكد من توصيل وكيلك بالبوابة، ثم قم بزيارة وحدة التحكم، وانقر على "إدارة" وانسخ عنوان URL للبوابة

مثال

 export default {
    endpoint : 'https://dialogflow-web-v2.core.ushaflow.io'
    [ ... ]
}

[ ... ]

يتم جلب الشعار واسم الوكيل والوصف واللغات المتاحة من Dialogflow. قم بتغييرها في Dialogflow وستتم مزامنتها مع واجهة المستخدم. يرجى ملاحظة أنه عند إضافة لغات جديدة، قد يتعين عليك ترجمة بعض واجهة المستخدم أيضًا ( translations.json in src/translations )

يطور

افتح المجلد المستنسخ. ثم، باستخدام مدير الحزم المفضل لديك، قم بتشغيل أمر serve

باستخدام npm

npm run serve

باستخدام الغزل

yarn serve

يجب أن يفتح متصفحك الافتراضي ويعيد التوجيه إلى localhost:8080 . إذا كان المنفذ 8080 قيد الاستخدام بالفعل، فيمكنك إعطاء وسيطة port للاتصال بمنفذ محدد

باستخدام npm

npm run serve --port 9090

باستخدام الغزل

yarn serve --port 9090

يرجى عدم استخدام خادم التطوير لخدمة تطبيقك للزوار، خادم التطوير مخصص للتطوير. يرجى تحميل عناصر البناء إلى خادم ويب ثابت

سمة

يمكنك إنشاء سمة مخصصة لـ Dialogflow for Web v2، وفقًا للمواصفات:

لتطبيق المتغيرات، افتح src/style/theme.sass وقم بتغييرها في محدد :root

يمكنك أيضًا تحسين المظهر الخاص بك للعملاء الذين يدعمون الوضع الداكن داخل نفس الملف والمحدد ضمن @media (prefers-color-scheme: dark)

يبني

سيتم تجميع تطبيقك في دليل dist

لإنشائه يمكنك استخدام npm أو الغزل

باستخدام npm

npm run build

باستخدام الغزل

yarn build

تحديث

قم بتشغيل git pull origin master لدمج التغييرات

بالإضافة إلى ذلك، حافظ على تحديث حزم vue

 vue upgrade

الأسئلة المتداولة

• س: لا أرى أي تغييرات
• ج: تأكد من تنظيف ذاكرة التخزين المؤقت وإعادة بناء التطبيق . في Safari، انتقل إلى "تطوير" > "إفراغ ذاكرة التخزين المؤقت". في Chrome: "أدوات المطور" > "التطبيق" > "مسح مساحة التخزين" > "مسح بيانات الموقع"

الاستفسارات

اتصل بالمطور أو افتح مشكلة