الصفحة الرئيسية>المتعلقة بالبرمجة>كود الذكاء الاصطناعي
تنزيل

هل تريد تثبيت TileSk على الخادم الخاص بك بنقرة واحدة فقط؟

استخدم دليل تثبيت TileDesk Compose TileSk

Chat21 هو جوهر منصة الدردشة المباشرة مفتوحة المصدر TileSk.com.

سمات

مع chat21-ionic يمكنك:

  • أرسل رسالة مباشرة إلى مستخدم (رسالة إلى رسالة واحدة)
  • عرض تاريخ الرسائل
  • تتيح ميزة إيصالات القراءة للمستخدمين معرفة متى يتم إرسال رسالة وتسليمها وقراءتها
  • عرض قائمة المحادثات مع آخر الرسائل المرسلة (مثل WhatsApp)
  • مع مدير Presense ، يمكنك عرض عندما يكون المستخدم متصلاً أو غير متصل بالإنترنت وفترة عدم النشاط
  • تصميم متجاوب (سطح المكتب والجوال)
  • عرض ملف تعريف المستخدم مع FullName والبريد الإلكتروني
  • تسجيل الدخول بالبريد الإلكتروني وكلمة المرور (استخدم طريقة البريد الإلكتروني FireBase وطريقة مصادقة كلمة المرور)
  • الاشتراك مع FullName والبريد الإلكتروني وكلمة المرور وصورة الملف الشخصي
  • عرض قائمة جهات الاتصال مع FullText Search for FullName Field

عرض حي

تفضل بزيارة https://web.chat21.org/ لمشاهدة عرض حي مباشر لـ chat21-ionic.

لقطة شاشة للعروض التوضيحية chat21-ionic

لقطة شاشة للعروض التوضيحية chat21-ionic

الوثائق

في التقدم git

المتطلبات الأساسية

  • تثبيت nodejs: https://nodejs.org/en/download/
  • تثبيت Ionic CLI: npm install -g ionic
  • تثبيت Cordova: npm install -g [email protected]
  • مشروع Firebase. إنشاء واحدة مجانية على https://firebase.google.com
  • "chat21 Firebase Cloud Functions" مثبتة. التعليمات: https://github.com/chat21/chat21-cloud-functions

Run Tilesk مع Docker Compens

هل ترغب في تثبيت جميع مكونات TileDesk على الخادم الخاص بك بنقرة واحدة فقط؟ استخدم دليل تثبيت TileDesk Compose TileSk

تثبيت

  • تثبيت أحدث إصدار مستقر. تحقق من صفحة github آخر الإصدار ضمن علامة التبويب "الإصدارات" ثم قم بتشغيله
  • git clone https://github.com/frontiere21/chat21-ionic.git --branch <LATEST-RELEASE-VERSION>
  • cd chat21-ionic
  • تشغيل التشغيل: npm install

Firebase

  • إنشاء حساب Firebase
  • قم بإنشاء مشروع Firebase في وحدة التحكم Firebase ، إذا لم يكن لديك بالفعل مشروع. https://console.firebase.google.com/
  • نشر وظائف السحابة Firebase chat21 كما هو موضح هنا: https://github.com/chat21/chat21-cloud-functions

إعدادات

  • قم بتكوين بيئة الملفات في مجلد SRC/Environments: 

     export const environment = {
    supportMode: false,
    production: false,
    remoteConfig: true,
    remoteConfigUrl: '/chat-config.json',
    chatEngine: "mqtt", // OR YOUR CUSTOM CHAT ENGINE
    updloaEngine: "native", // OR YOUR CUSTOM UPLOAD ENGINE
    pushEngine:"none", // OR YOUR CUSTOM PUSH ENGINE
    fileUploadAccept:"*/*",
    logLevel":"<YOUR-PREFERRED-LOG-LEVEL>",
    supportMode: false,
    writeToButton: false,
    archivedButton: false,
    firebaseConfig: {
        tenant:"tilechat",
        apiKey: '123ABC..',
        authDomain: 'XYZ.firebaseapp.com',
        databaseURL: 'https://XYZ.firebaseio.com',
        projectId: 'XYZ',
        storageBucket: 'XYZ.appspot.com',
        messagingSenderId: '123456',
        appId: 'CHANGEIT',
        chat21ApiUrl: '<YOUR_CHAT21_CLOUD_FUNCTION_FIREBASE_ENDPOINT>'
    },
     chat21Config: {
        "appId": "tilechat",
        "MQTTendpoint": "mqtt://<YOUR-MQTT-ENPOINT>",
        "APIendpoint": "http://<YOUR-MQTT-API-ENPOINT>"
    },
    "apiUrl": "https://<YOUR-TILEDESK-API-URL>",
    "baseImageUrl": "https://<YOUR-BASE-IMAGE-URL>",
    "dashboardUrl": "https://<YOUR-DASHBOARD-URL>"
    "wsUrl": 'ws://' + window.location.hostname + '/ws/',
}
};

  • logLevel : يدعم chat21-ionic 4 مستويات سجل. الطلب كما يلي: Error < Warn < Info < Debug

  • fileUploadAccept : يتيح لك ath21-ionic إدارة نوع الملفات التي يمكن تحميلها. بشكل افتراضي ، يتم قبول جميع أنواع الملفات.

  • wsUrl : يتيح لك معرفة حالة توافر الوكيل في الوقت الفعلي ، والحالة المزدحمة للوكيل وعدد المحادثات غير المعينة لمشروع محدد

  • supportMode : إذا تم ضبطه على True ، فإنه يظهر الشريط الجانبي الأيسر الذي يجعل لوحة القيادة وإدارة الدردشة أكثر ذكاءً

  • writeToButton : إذا تم ضبطه على True ، فإنه يجعل الزر لعرض قائمة جهات الاتصال مرئية ويقوم بإجراء محادثات مباشرة معهم ممكنة

  • archivedButton : إذا تم ضبطه على TRUE ، فإنه يجعل الزر لعرض المحادثات المؤرشفة مرئية

إشعار دفع

  • Open /src/firebase-messaging-sw.js واستبدال messagingsenderid: مع <SysagingSenderId> مزيد من المعلومات هنا:
  • يجب أن يكون الوصول إلى Firebase-messaging-sw.js في جذر الويب ، على سبيل المثال (https://support.tiledesk.com/firebase-messaging-sw.js)
  • بعد عملية الإنشاء ، تحقق من خاصية GCM_Sender_ID من ملف MASTESTEST.JSON. القيمة الصحيحة لـ Firebase هي: "gcm_sender_id": "103953800507"

(اختياري) المصادقة بكلمة مرور البريد الإلكتروني

  • تكوين Firebase Auth في وحدة التحكم Firebase افتح قسم المصادقة> علامة التبويب "تسجيل الدخول" ، تحتاج إلى تمكين مزود تسجيل الدخول عبر البريد الإلكتروني/كلمة المرور والنقر فوق حفظ. سيتيح هذا للمستخدمين تسجيل الدخول إلى تطبيق الويب باستخدام بريدهم الإلكتروني https://firebase.google.com/docs/auth/

قم بتشغيل التطبيق على المتصفح

  • الآن ستحتاج إلى خدمة التطبيق. تشغيل: ionic serve في المحطة.

أضف منصة المتصفح وإنشائها

  • Run: cordova platform add browser@latest
  • Run: ionic cordova build browser

نشر

نشر على خادم ويب (Apache أو Nginx)

انسخ محتوى منصات الدليل/المتصفح/www إلى خادم الويب الخاص بك.

نشر على استضافة Firebase

  • تثبيت Firebase CLI. تشغيل: npm install -g firebase-tools
  • تشغيل: firebase login (يمكن تجنب هذه الخطوات إذا كنت قد فعلت بالفعل من قبل)
  • دليل التغيير في المحطة إلى دليل المشروع المطلوب (تشغيل: cd platforms/browser ) وتشغيل: firebase init
    • حدد استضافة (اضغط على ساحة المسافة للاختيار) واضغط على العودة
    • حدد مشروعك واضغط على الإرجاع
    • أجب على الأسئلة التالية:
      • "ماذا تريد أن تستخدم كدليل عام الخاص بك؟" www واضغط على العودة
      • "تكوين كتطبيق من صفحة واحدة؟" ن واضغط على العودة
      • "ملف www/index.html aldery موجود. الكتابة فوق؟" ن واضغط على العودة
  • تشغيل: firebase deploy
  • في Firebase Consol ، انقر فوق "استضافة" وانقر على ربط مشروعك بمزيد من المعلومات هنا

تشغيل على Android

  • تشغيل على محاكاة: ionic cordova run android
  • تشغيل على الجهاز: ionic cordova run android --device

ركض على iOS

  • تشغيل على محاكاة: ionic cordova run ios
  • تشغيل على الجهاز: ionic cordova run ios --device

تشغيل مع Docker

لتشغيل chat21-ionic على المنفذ 8080 المدى: 


curl https://raw.githubusercontent.com/chat21/chat21-ionic/master/env.sample --output .env

nano .env #configure .env file properly

docker run -p 8080:80 --env-file .env chat21/chat21-ionic

العلامة التجارية مع Docker

إذا كنت ترغب في تخصيص الشعارات والأصول ، فيمكنك تركيب وحدة تخزين Docker وإرفاقها بمجلد الأصول. بعد ذلك يمكنك تجاوز ملفات الأصول في وحدة تخزين Docker.

مثال: 

 docker run -p 8080:80 --env-file .env --mount source=chat21-ionic-assets-vol,destination=/usr/share/nginx/html/assets  chat21/chat21-ionic

autologin

لتسجيل الدخول التلقائي ، تمرير رمز JWT كمعلمة استعلام لعنوان URL الدردشة الخاص بك كما في المثال التالي: 

 "http://localhost:8100/#/conversation-detail?jwt=<JWT_TOKEN>"
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل