chat21 ionic

Deseja instalar o Tiledesk no seu servidor com apenas um clique?

Use Docker Compose Compose Tiledesk Guia de instalação

Chat21 é o núcleo da plataforma de bate -papo ao vivo de código aberto tiledesk.com.

Características

Com Chat21-Iionic, você pode:

• Envie uma mensagem direta para um usuário (um a uma mensagem)
• Veja o histórico das mensagens
• O recurso de recibos de leitura permite que seus usuários vejam quando uma mensagem foi enviada, entregue e lida
• Visualização da lista de conversas com as últimas mensagens enviadas (como o WhatsApp)
• Com o gerente mais
• Design responsivo (desktop e celular)
• Veja o perfil de usuário com nome completo e e -mail
• Faça login com email e senha (use o método de autenticação de e -mail e senha do Firebase)
• Inscreva -se com fullname, e -mail, senha e imagem do perfil
• Visualização da lista de contatos com o FullText Search for FullName Field

Demoção ao vivo

Visite https://web.chat21.org/ para ver uma demonstração ao vivo do Chat21-Ionic.

Documentação

Em andamento git

Pré -requisitos

• Instale Nodejs: https://nodejs.org/en/download/
• Instale a CLI iônica: npm install -g ionic
• Instale Cordova: npm install -g [email protected]
• Um projeto de Firebase. Crie um gratuito em https://firebase.google.com
• "Funções de nuvem de Firebase Firebase", Chat21, instaladas. Instruções: https://github.com/chat21/chat21-cloud-functions

Execute Tiledesk com Docker Compose

Deseja instalar todos os componentes Tiledesk no seu servidor com apenas um clique? Use Docker Compose Compose Tiledesk Guia de instalação

Instalação

• Instale a versão estável mais recente. Verifique na página do Github a última versão na guia Releases e depois execute

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

• Build Running: npm install

Firebase

• Crie uma conta do Firebase
• Crie um projeto Firebase no console do Firebase, se você ainda não possui um. https://console.firebase.google.com/
• Implante Functions Cloud Firebase, conforme descrito aqui: https://github.com/chat21/chat21-cloud-functions

Configuração

• Configure a pasta SRC/Ambientes: SRC/Ambientes:

   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 : O Chat21-Iionic suporta 4 níveis de log. O pedido é o seguinte: Error < Warn < Info < Debug

• fileUploadAccept : O Chat21-Iionic permite gerenciar o tipo de arquivos que podem ser carregados. Por padrão, todos os tipos de arquivos são aceitos.

• wsUrl : permite que você saiba em tempo real o status de disponibilidade do agente, o status ocupado do agente e o número de conversas não atribuídas para um projeto selecionado

• supportMode : se estiver definido como true, mostra a barra lateral esquerda que torna o painel e o gerenciamento de bate -papo mais inteligente

• writeToButton : se definido como true, ele facilitará o botão para visualizar a lista de contatos e tornar as conversas diretas com eles

• archivedButton : se definido como true, torna o botão para visualizar conversas arquivadas visíveis

Notificação de push

• Open /src/firebase-messaging-sw.js e substitua o MessagingingsnderID: com <us messagingingsnderid> mais informações aqui: https://angularfirebase.com/lessons/send-push-notificações-in-angular-with-firebase-coud-messaging/
• FireBase-Messaging-Sw.js deve estar acessível na raiz do webapp, por exemplo (https://support.tuiledesk.com/firebase-messaging-sw.js)
• Após o processo de construção, verifique a propriedade gcm_sender_id do arquivo manifest.json. O valor correto para o Firebase é: "gcm_sender_id": "103953800507"

(Opcional) Autentique com senha de email

• Config Firebase Auth No Firebase Console Abra a seção Autenticação> Guia de Método de Autenticação Você precisa ativar o provedor de inscrição em email/senha e clique em Salvar. Isso permitirá que os usuários façam login no aplicativo da web com seu email https://firebase.google.com/docs/auth/

Execute o aplicativo no navegador

• Agora você precisará servir o aplicativo. Run: ionic serve no terminal.

Adicione a plataforma do navegador e construa

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

Implantar

Implante em um servidor da web (Apache ou Nginx)

Copie o conteúdo das plataformas de diretório/navegador/www para o seu diretor público da web.

Implante na hospedagem de Firebase

• Instale a CLI do Firebase. Executar: npm install -g firebase-tools
• Executar: firebase login (essas etapas podem ser evitadas se você já fez antes)
• Altere os diretórios no terminal para o diretório do projeto desejado (Run: cd platforms/browser ) e Run: firebase init
  • Selecione Hospedagem (pressione a barra de espaço para selecionar) e pressione Return
  • Selecione seu projeto e pressione Retorno
  • Responda às seguintes perguntas:
    • "O que você quer usar como seu diretório público?" www e pressione retorno
    • "Configure como um aplicativo de uma página?" N e pressione retorno
    • "O arquivo www/index.html Alreredy existe. Substituir?" N e pressione retorno
• Run: firebase deploy
• No seu Firebase Consol, clique em Hosting e clique em Link Your Project mais informações aqui https://firebase.google.com/docs/hosting/quickstart?authuser=0

Corra no Android

• Corra no simulador: ionic cordova run android
• Execute no dispositivo: ionic cordova run android --device

Corra no iOS

• Corra no simulador: ionic cordova run ios
• Execute no dispositivo: ionic cordova run ios --device

Corra com o Docker

Para executar o Chat21-Iionic na porta 8080 Run:

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 com Docker

Se você deseja personalizar logotipos e ativos, pode montar um volume do Docker e conectá -lo à pasta de ativos. Depois disso, você pode substituir os arquivos de ativos no volume do Docker.

Exemplo:

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

Autólogo

Para o login automático, passe o token JWT como um parâmetro de consulta do seu URL de bate -papo, como no exemplo a seguir:

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