yiQiChat

基于AngularJS，環信通信的Web即時聊天工具

知識儲備

node、npm、bower、gulp、less、angularJS

安裝

1. 安裝node ,安裝完使用node -v 檢查是否安裝成功


node 安裝完成后，使用npm -v 檢查是否可以使用npm
npm install --global bower
npm install --global npm
npm install
gulp serve,啟動本地serve,如遇到 module 'xxx' not found 則 使用npm install xxx 來安裝</pre> 
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</pre> <h1>功能簡介 </h1>

1.即時消息 
基于環信即時云通信，可以進行實時消息通信
 
2.我的好友 
可以通過查找加好友
 
3.附近的人 
通過地理定位功能，查找附近的人，并顯示距離范圍
 
4.心情廣場 
可以發布自己的即時心情，進入廣場的人即可看到你的動態
 
5.個人設置 
可以設置自己的頭像及個人資料等
 
項目試玩 
一起玩 
項目主頁：http://www.baiduhome.net/lib/view/home/1445519069992