chat21 ionic

Apakah Anda ingin menginstal TileDesk di server Anda hanya dengan satu klik?

Gunakan Docker Compose Panduan Instalasi TileDesk

Chat21 adalah inti dari platform obrolan langsung open source TileDesk.com.

Fitur

Dengan chat21-ionic Anda bisa:

• Kirim pesan langsung ke pengguna (satu ke satu pesan)
• Lihat Riwayat Pesan
• Fitur tanda terima yang dibaca memungkinkan pengguna Anda untuk melihat kapan pesan telah dikirim, dikirim, dan dibaca
• Tampilan daftar percakapan dengan pesan terakhir yang dikirim (seperti whatsapp)
• Dengan Presense Manager Anda dapat melihat ketika pengguna online atau offline dan periode tidak aktif
• Desain Responsif (Desktop dan Seluler)
• Lihat Profil Pengguna dengan FullName dan Email
• Masuk dengan email dan kata sandi (gunakan metode otentikasi email dan kata sandi Firebase)
• Mendaftar dengan nama lengkap, email, kata sandi, dan gambar profil
• Tampilan Daftar Kontak dengan FullText Search For FullName Field

Demo langsung

Kunjungi https://web.chat21.org/ untuk melihat demo langsung Chat21-ionic.

Dokumentasi

Sedang dalam proses git

Prasyarat

• Instal NodeJs: https://nodejs.org/en/download/
• Instal Ionic CLI: npm install -g ionic
• Instal Cordova: npm install -g [email protected]
• Proyek firebase. Buat satu gratis di https://firebase.google.com
• "CHAT21 Firebase Cloud Functions" terpasang. Instruksi: https://github.com/chat21/chat21-cloud-functions

Jalankan TileDesk dengan Docker Compose

Apakah Anda ingin menginstal semua komponen TileDesk di server Anda hanya dengan satu klik? Gunakan Docker Compose Panduan Instalasi TileDesk

Instalasi

• Instal rilis stabil terbaru. Periksa halaman github rilis terakhir di bawah tab rilis dan kemudian jalankan

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

• Build Running: npm install

Firebase

• Buat Akun Firebase
• Buat proyek Firebase di konsol Firebase, jika Anda belum memilikinya. https://console.firebase.google.com/
• Deploy Chat21 Firebase Cloud Functions Seperti yang dijelaskan di sini: https://github.com/chat21/chat21-cloud-functions

Konfigurasi

• Konfigurasikan File Environment.ts di folder 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-ionik mendukung 4 level log. Urutannya adalah sebagai berikut: Error < Warn < Info < Debug

• fileUploadAccept : Chat21-ionic memungkinkan Anda untuk mengelola jenis file yang dapat diunggah. Secara default, semua jenis file diterima.

• wsUrl : Memungkinkan Anda untuk mengetahui secara real time status ketersediaan agen, status sibuk agen dan jumlah percakapan yang belum ditetapkan untuk proyek yang dipilih

• supportMode : Jika diatur ke true, itu menunjukkan sidebar kiri yang membuat dasbor dan manajemen obrolan lebih pintar

• writeToButton : Jika diatur ke true, itu membuat tombol untuk melihat daftar kontak terlihat dan membuat percakapan langsung dengan mereka mungkin

• archivedButton : Jika diatur ke true, itu membuat tombol untuk melihat percakapan yang diarsipkan terlihat

Pemberitahuan push

• buka /src/firebase-messaging-sw.js dan ganti messagingsdenderid: dengan <mantesageDenderId> info lebih lanjut di sini: https://angularfirebase.com/lessons/send-cush-notifications-in-angular-with-firebase-cloud-pessaging/
• Firebase-messaging-sw.js harus dapat diakses di akar Webapp, misalnya (https://support.tiledesk.com/firebase-sessaging-sw.js)
• Setelah proses pembangunan, periksa properti GCM_SENDER_ID dari file manifest.json. Nilai yang benar untuk firebase adalah: "gcm_sender_id": "103953800507"

(Opsional) Otentikasi dengan kata sandi email

• Config firebase auth di konsol firebase buka bagian otentikasi> tab Metode Masuk Anda harus mengaktifkan Penyedia Masuk Email/Kata Sandi dan klik Simpan. Ini akan memungkinkan pengguna untuk masuk ke dalam aplikasi web dengan email mereka https://firebase.google.com/docs/auth/

Jalankan aplikasi di browser

• Sekarang Anda perlu melayani aplikasi. Jalankan: ionic serve di Terminal.

Tambahkan platform browser dan bangun

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

Menyebarkan

Deploy pada server web (Apache atau Nginx)

Salin konten platform Direktori/Browser/WWW ke Webserver Public Dir Anda.

Menyebarkan hosting firebase

• Pasang Firebase CLI. Jalankan: npm install -g firebase-tools
• Jalankan: firebase login (langkah -langkah ini dapat dihindari jika Anda sudah melakukannya sebelumnya)
• Ubah direktori di terminal ke direktori proyek yang Anda inginkan (RUN: cd platforms/browser ) dan Run: firebase init
  • Pilih Hosting (tekan Spacebar untuk memilih) dan tekan Return
  • Pilih proyek Anda dan tekan kembali
  • Jawab pertanyaan berikut:
    • "Apa yang ingin Anda gunakan sebagai direktori publik Anda?" www dan tekan kembali
    • "Konfigurasikan sebagai aplikasi satu halaman?" N dan tekan kembali
    • "File www/index.html alredy ada. Timpa?" N dan tekan kembali
• Lari: firebase deploy
• Di Firebase Consol Anda klik Hosting dan klik tautan Proyek Anda Info lebih lanjut di sini https://firebase.google.com/docs/hosting/quickstart?authuser=0

Jalankan di Android

• Jalankan Simulator: ionic cordova run android
• Jalankan di perangkat: ionic cordova run android --device

Jalankan di iOS

• Jalankan Simulator: ionic cordova run ios
• Jalankan di perangkat: ionic cordova run ios --device

Jalankan dengan Docker

Untuk menjalankan chat21-ionic di port 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 dengan Docker

Jika Anda ingin menyesuaikan logo dan aset, Anda dapat memasang volume Docker dan memasangnya ke folder aset. Setelah itu Anda dapat mengganti file aset ke dalam volume Docker.

Contoh:

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

Autologin

Untuk login otomatis melewati token jwt sebagai parameter kueri URL obrolan Anda seperti dalam contoh berikut:

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