yiQiChat
基于AngularJS，环信通信的Web即时聊天工具
知识储备
node、npm、bower、gulp、less、angularJS
安装
1. 安装node ,安装完使用node -v 检查是否安装成功
2. node 安装完成后，使用npm -v 检查是否可以使用npm
3. npm install --global bower
4. npm install --global gulp
5. npm install
6. gulp serve,启动本地serve,如遇到 module 'xxx' not found 则 使用npm install xxx 来安装
gulp 命令
gulp clean 清理档案 //dist .tmp 文件夹被清理掉
gulp build 文件打包 //打包 到dist文件夹
项目结构
├── README.md
├── bower.json
├── bower_components //bower install后安装的插件库
│ ├── Chart.js
│ │
│ ├── .....
│ │
│ └── uikit
│
├── dist //gulp build 打包后的文件
│ ├── assets
│ ├── favicon.ico
│ ├── fonts
│ ├── index.html
│ ├── scripts
│ └── styles
├── e2e
│ ├── main.po.js
│ └── main.spec.js
├── gulp //gulp task 列表
│ ├── build.js
│ ├── conf.js
│ ├── e2e-tests.js
│ ├── inject.js
│ ├── scripts.js
│ ├── server.js
│ ├── styles.js
│ ├── unit-tests.js
│ └── watch.js
├── gulpfile.js
├── karma.conf.js
├── node_modules //npm install 安装的node modules
│ ├── accord
│ ├── ......
│ └── wrench
├── package.json
├── protractor.conf.js
└── src
├── app
│ ├── components //自己写的组件 directives集合
│ ├── customer //自己模块
│ │ ├── customer.controller.js //控制器
│ │ ├── customer.route.js //路由
│ │ ├── customer.service.js //资源服务 restangular
│ │ └── views //视图文件
│ ├── friends
│ ├── index.config.js //config配置
│ ├── index.constants.js //全局常量
│ ├── index.filter.js //过滤器
│ ├── index.interceptor.js //请求、响应拦截器
│ ├── index.less //整站样式 @import less文件下的文件
│ ├── index.module.js //引用插件module
│ ├── index.route.js //全局路由
│ ├── index.run.js //run 启动控制
│ ├── index.service.js
│ ├── index.utils.js //常用方法工具包
│ ├── layout //自己模块
│ ├── messages //自己模块
│ ├── moods //自己模块
│ └── zone //自己模块
├── assets //资源文件
│ ├── fonts
│ ├── images
│ └── music
├── favicon.ico
├── index.html //入口文件
└── less //样式less文件
├── app.less
├── loading-bar.less
├── login.less
└── zone.less
功能简介
1.即时消息
基于环信即时云通信，可以进行实时消息通信
2.我的好友
可以通过查找加好友
3.附近的人
通过地理定位功能，查找附近的人，并显示距离范围
4.心情广场
可以发布自己的即时心情，进入广场的人即可看到你的动态
5.个人设置
可以设置自己的头像及个人资料等
项目试玩 [扫码进入]
相关
喜欢️请 🌟 !, 尽量不要fork !