chat21 ionic

¿Desea instalar TilleSk en su servidor con solo un clic?

Use la guía de instalación de Docker Compose TilleSk

CHAT21 es el núcleo de la plataforma de chat en vivo de código abierto TilleSk.com.

Características

Con chat21-ionic puedes:

• Envíe un mensaje directo a un usuario (uno a uno)
• Ver el historial de mensajes
• La función de recibos de lectura permite a sus usuarios ver cuándo se ha enviado, entregado y leído un mensaje.
• Vista de la lista de conversaciones con los últimos mensajes enviados (como WhatsApp)
• Con el Administrador de Presense puede ver cuándo un usuario está en línea o fuera de línea y el período de inactividad
• Diseño receptivo (escritorio y móvil)
• Ver el perfil de usuario con Name FullName y correo electrónico
• Inicie sesión con correo electrónico y contraseña (use el método de autenticación de correo electrónico y contraseña de Firebase)
• Registrarse con Name Full, correo electrónico, contraseña y foto de perfil
• Vista de la lista de contactos con Fulltext Búsqueda de FullName Field

Demostración en vivo

Visite https://web.chat21.org/ para ver una demostración en vivo de Chat21-ionic.

Documentación

En progreso git

Requisitos previos

• Instale NodeJS: https://nodejs.org/en/download/
• Instalar CLI iónico: npm install -g ionic
• Instale Cordova: npm install -g [email protected]
• Un proyecto de Firebase. Cree uno gratis en https://firebase.google.com
• "CHAT21 Firebase Cloud Functions" instalada. Instrucciones: https://github.com/chat21/chat21-cloud-functions Cloud-Functions

Ejecute TilleSk con Docker Compose

¿Desea instalar todos los componentes de TineDesk en su servidor con solo un clic? Use la guía de instalación de Docker Compose TilleSk

Instalación

• Instale la última versión estable. Verifique en la página de GitHub la última versión en la pestaña de lanzamientos y luego ejecute

• git clone https://github.com/frontiere21/chat21-ionic.git --branch <LATEST-RELEASE-VERSION>
• cd chat21-ionic

• Construir en ejecución: npm install

Firebase

• Crear una cuenta de Firebase
• Cree un proyecto Firebase en la consola Firebase, si aún no tiene uno. https://console.firebase.google.com/
• Implementar CHAT21 Firebase Cloud Functions Como se describe aquí: https://github.com/chat21/chat21cloud-functions

Configuración

• Configure el archivo ambiente.ts en la carpeta SRC/entornos:

   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 : el chat21-ionic admite 4 niveles de registro. El pedido es el siguiente: Error < Warn < Info < Debug

• fileUploadAccept : el chat21-ionic le permite administrar el tipo de archivos que se pueden cargar. Por defecto, se aceptan todos los tipos de archivos.

• wsUrl : le permite saber en tiempo real el estado de disponibilidad del agente, el estado ocupado del agente y el número de conversaciones no asignadas para un proyecto seleccionado

• supportMode : si está configurado en verdadero, muestra la barra lateral izquierda que hace que la administración de tablero y chat sea más inteligente

• writeToButton : si se establece en True, hace el botón para ver la lista de contactos visible y hace posible conversaciones directas con ellos

• archivedButton : si se establece en verdadero, hace que el botón para ver las conversaciones archivadas sea visible

Notificación de empuje

• Open /src/firebase-messaging-sw.js y reemplace MessagingSenderid: con <Your MessagingSenderId> Más información aquí: https://angularfirebase.com/lessons/send-push-notifications-in-angular-with-firebase cloud-messaging/
• Firebase-Messaging-Sw.js debe ser accesible en la raíz de la aplicación web, por ejemplo (https://support.tiledesk.com/firebase-messaging-sw.js)
• Después del proceso de compilación, verifique la propiedad GCM_Sender_ID del archivo Manifest.json. El valor correcto para Firebase es: "gcm_sender_id": "103953800507"

(Opcional) Autenticar con contraseña de correo electrónico

• Config fireBase Auth en la consola Firebase Abra la sección de autenticación> Pestaña Método de inicio de sesión que debe habilitar el proveedor de inicio de sesión de correo electrónico/contraseña y haga clic en Guardar. Esto permitirá a los usuarios iniciar sesión en la aplicación web con su correo electrónico https://firebase.google.com/docs/auth/

Ejecutar la aplicación en el navegador

• Ahora necesitará servir a la aplicación. Run: ionic serve en la terminal.

Agregar plataforma de navegador y construirla

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

Desplegar

Implementar en un servidor web (Apache o Nginx)

Copie el contenido de las plataformas/navegador/www de directorio a su directora pública de servidor web.

Desplegar en el alojamiento de Firebase

• Instale el Firebase CLI. Ejecutar: npm install -g firebase-tools
• Ejecutar: firebase login (estos pasos se pueden evitar si ya lo ha hecho antes)
• Cambiar directorios en el terminal a su directorio de proyecto deseado (ejecución: cd platforms/browser ) y ejecutar: firebase init
  • Seleccionar alojamiento (presione la barra espaciadora para seleccionar) y presione return
  • Seleccione su proyecto y presione Return
  • Responda las siguientes preguntas:
    • "¿Qué quieres usar como directorio público?" www y presione regresar
    • "¿Configurar como una aplicación de una sola página?" N y presione regresar
    • "Archivo www/index.html Alredy existe. ¿sobrescribir?" N y presione regresar
• Ejecutar: firebase deploy
• En su consol Firebase, haga clic en Hosting y haga clic en Enlace su proyecto Más información aquí https://firebase.google.com/docs/hosting/quickstart?authuser=0

Ejecutar en Android

• Ejecutar en simulador: ionic cordova run android
• Ejecutar el dispositivo: ionic cordova run android --device

Correr en iOS

• Ejecutar en simulador: ionic cordova run ios
• Ejecutar el dispositivo: ionic cordova run ios --device

Correr con Docker

Para ejecutar el chat21-ionic en el puerto 8080 ejecutado:

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

Branding con Docker

Si desea personalizar logotipos y activos, puede montar un volumen de Docker y adjuntarlo a la carpeta de activos. Después de eso, puede anular los archivos de activos en el volumen de Docker.

Ejemplo:

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

Autóloga

Para inicio de sesión automático, pase el token JWT como un parámetro de consulta de su URL de chat como en el siguiente ejemplo:

 "http://localhost:8100/#/conversation-detail?jwt=<JWT_TOKEN>"