chat21 ionic

您是否只需單擊一鍵即可在服務器上安裝TileDesk？

使用Docker Compose Tiledesk安裝指南

CHAT21是開源實時聊天平台TileDesk.com的核心。

特徵

使用CHAT21-IORIC，您可以：

• 向用戶發送直接消息（一對一）
• 查看消息歷史記錄
• 讀取收據功能使您的用戶可以查看何時發送，交付和閱讀消息
• 對話列表視圖帶有最後發送的消息（例如WhatsApp）
• 使用Presense Manager，您可以查看用戶在線或離線何時以及不活動期間
• 響應式設計（桌面和手機）
• 使用Fullname和電子郵件查看用戶配置文件
• 使用電子郵件和密碼登錄（使用Firebase電子郵件和密碼身份驗證方法）
• 用全名，電子郵件，密碼和個人資料圖片註冊
• 聯繫人列表視圖與FullText搜索fullname字段

現場演示

訪問https://web.chat21.org/觀看CHAT21-IONIC的現場演示。

文件

正在進行中

先決條件

• 安裝nodejs： https://nodejs.org/en/download/
• 安裝離子CLI： npm install -g ionic
• 安裝Cordova： npm install -g [email protected]
• 一個火箱項目。在https://firebase.google.com上免費創建一個
• 安裝了“ chat21 firebase雲功能”。說明： https://github.com/chat21/chat21-cloud-functions

與Docker合作運行Tiledesk

您是否只需單擊一鍵即可在服務器上安裝所有Tiledesk組件？使用Docker Compose Tiledesk安裝指南

安裝

• 安裝最新的穩定版本。在github頁面上檢查發布選項卡下的最後一個版本，然後運行

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

• 構建運行： npm install

火基

• 創建一個Firebase帳戶
• 如果您還沒有，則在Firebase控制台中創建一個firebase項目。 https://console.firebase.google.com/
• 部署CHAT21 FIREBASE雲正常工作：https：//github.com/chat21/chat21/chat21-cloud-functions

配置

• 在SRC/Environments文件夾中配置文件環境：TS：

   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-IORIC支持4個日誌級別。訂單如下： Error < Warn < Info < Debug

• fileUploadAccept ：CHAT21-IORIC允許您管理可以上傳的文件類型。默認情況下，所有文件類型均被接受。

• wsUrl ：允許您實時了解代理的可用性狀態，代理的忙碌狀態以及所選項目的未分配對話數量

• supportMode ：如果設置為true，它顯示了左側欄

• writeToButton ：如果設置為true，則可以看到可見的聯繫人列表的按鈕，並使與他們直接對話成為可能

• archivedButton ：如果設置為true，則可以看到可見的存檔對話的按鈕

推送通知

• Open /src/firebase-messaging-sw.js messaging-sw.js並替換MessagingSenderId：使用<您的MessagingSenderId>更多信息：https：//angularfirebase.com/send-push-notifications insend-push-push-notifications-in-send-push-notifications-in-angular-with-firebase-with-firebase-firebase-cloud-cloud-messaging/-
• firebase-messaging-sw.js必須在WebApp的根部訪問（例如（https://support.tiledesk.com/firebase-messaging-sw.js）
• 在構建過程之後，請檢查清單文件的屬性gcm_sender_id。 firebase的正確值是： "gcm_sender_id": "103953800507"

（可選）用電子郵件密碼進行身份驗證

• Firebase Console中的配置Firebase Auth打開“身份驗證”部分> In方法選項卡您需要啟用電子郵件/密碼登錄提供商，然後單擊“保存”。這將允許用戶通過電子郵件https://firebase.google.com/docs/auth/登錄Web應用程序

在瀏覽器上運行應用程序

• 現在，您需要服務該應用程序。運行：終端的ionic serve 。

添加瀏覽器平台並構建它

• 運行： cordova platform add browser@latest
• 運行： ionic cordova build browser

部署

在Web服務器上部署（Apache或nginx）

將目錄平台/瀏覽器/www的內容複製到您的WebServer Public Dir。

部署在燃料託管上

• 安裝Firebase CLI。運行： npm install -g firebase-tools
• 運行： firebase login （如果您之前已經完成了這些步驟）
• 將終端中的目錄更改為您所需的項目目錄（運行： cd platforms/browser ）並運行： firebase init
  • 選擇託管（按SpaceBar以進行選擇），然後按返回
  • 選擇您的項目並按返回
  • 回答以下問題：
    • “您想用作公共目錄什麼？” www and Press返回
    • “將其配置為單頁應用程序？” n和新聞返回
    • “文件www/index.html alredy存在。覆蓋？” n和新聞返回
• 運行： firebase deploy
• 在您的firebase consol中單擊託管，然後單擊鏈接您的項目更多信息https://firebase.google.com/docs/hosting/quickstart?authuser=0

在Android上運行

• 在模擬器上運行： ionic cordova run android
• 在設備上運行： ionic cordova run android --device

在iOS上運行

• 在模擬器上運行： ionic cordova run ios
• 在設備上運行： ionic cordova run ios --device

與Docker一起運行

在端口8080運行CHAT21-IRIC運行：

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

自動素

自動登錄將JWT令牌作為查詢參數傳遞，如以下示例：

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