Code Monkey home page Code Monkey logo

jchat-web's Introduction

JChat-web

Release Support Language

简介

JChat 是基于 JMessage SDK 带有完整 UI 界面的即时通讯应用。 演示了完整的即时通讯功能,包括:

  • 单聊、群聊、会话列表、通讯录;
  • 支持发送文本、图片、文件、表情、名片;
  • 提供好友管理、群组管理、黑名单、群屏蔽、消息免打扰、通知栏、消息漫游、消息已读未读、会话置顶、群聊@XXX、多端在线等功能;

JChat 无需成为好友也可以聊天

  • 通过搜索对方的用户名可直接发起会话

目前已覆盖 AndroidiOSwindows和 web 平台,开发者可参照 JChat 快速打造自己的产品,提高开发效率。

jiguang

应用截图

jiguang

在线体验地址

JChat-web在线体验

环境配置

前提:安装 node (node版本6.0以上、 npm版本3.0以上),安装淘宝镜像cnpm(淘宝镜像安装方法)

web jchat本地安装和用法:

终端输入cd jchat-web-master
终端输入cnpm install
终端输入npm run dll
终端输入npm run dev

打开浏览器输入url地址: localhost:3000

说明:

  • 如果使用的不是本地localhost服务器,则要在task/webpack.dev.js中的publicPath改成自己的ip和端口,在浏览器输入ip和端口去访问项目

  • 应用配置:appkey和masterKey在src/services/common/config.ts中配置,同时,将signature和timestamp改为空字符串'';

  • 项目压缩打包并发布(前提:已全局安装gulp (终端输入cnpm install gulp -g)):

  1. 在task/webpack.prod.js中的publicPath改成'./'
  2. 终端输入gulp noqiniu-prod生成dist文件夹
  3. 将dist目录下的所有文件上传到自己服务器上

备注说明

  • 整个应用使用Angular2 + webpack + gulp的技术栈,使用了Angular2中的ngrx去管理应用状态
  • 浏览器兼容性: IE11+ , Chrome , Firefox , Safari,后续考虑兼容IE10

JMessage 文档

jchat-web's People

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.