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>"