即时通讯:

两人或多人实时的传递文字信息，文件、语音与视频。

实现即时通讯(IM)的做法:

XMPP
- 准备:客户端需要用到xmppframework，服务器需要用到openfire
环信
- 准备:不需要自己搭建服务器。只需注册成为开发者,创建App获取key,下载SDK
融云
网易云信
亲加

XMPP

XMPP：The Extensible Messaging and Presence Protocol（可扩展通讯和表示协议）
XMPP是一种基于XML的即时通讯协议，包括登录，退出，获取好友，发送消息等等的XML数据传输协议
XMPP是一个典型的C/S架构，基本的网络形式是客户端通过TCP/IP连接到服务器，通过Socket建立连接，然后在之上传输XML流
XMPP是一种类似于HTTP协议的一种数据传输协议，其过程就如同“解包装--〉包装”的过程。只需要理解其接收的类型及返回的类型，便可以很好的利用XMPP来进行数据通讯

环信

环信是一个第三平台，提供即时通信(IM –Instant Messaging )的服务

XMPP和环信比较

XMPP是一种协议,而环信是在XMPP的基础上进行开发的
环信不用自己搭建服务器，省了搭建的成本,节约了开发的时间

即时通讯使用场景:

微信、QQ
电商中卖家和买家的沟通，买家与客服的沟通，卖家与客服的沟通。

(一)集成环信

1.注册登录环信

登录官网

Snip20160902_259.png

注册环信

Snip20160902_260.png

登录环信

Snip20160902_261.png

2.创建应用

Snip20160902_262.png

Snip20160902_264.png

Snip20160902_265.png

3.下载SDK

Snip20160902_268.png

Snip20160902_269.png

4.查看环信开发文档

Snip20160902_270.png

Snip20160902_272.png

Snip20160902_273.png

Snip20160902_274.png

5.创建xcode项目，划分文件夹

Snip20160902_276.png

6.将SDK导入Xcode

Snip20160902_277.png

7.添加依赖库

Snip20160902_278.png

8.添加-ObjC

Snip20160902_289.png

-ObjC如果写错了，运行程序将会提示如下错误

Snip20160902_284.png

9.编译Xcode，无错误，进行下一步操作

Snip20160902_280.png

10.集成SDK的基础功能

Snip20160902_282.png

11.在AppDelegate中添加以下方法

#import”EaseMob.h

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
 //registerSDKWithAppKey: 注册的AppKey，详细见下面注释。
 //apnsCertName: 推送证书名（不需要加后缀），详细见下面注释。
    [[EaseMob sharedInstance] registerSDKWithAppKey:@"douser#istore" apnsCertName:@"istore_dev"];
    [[EaseMob sharedInstance] application:application didFinishLaunchingWithOptions:launchOptions];
    return YES;
}
 
// APP进入后台
- (void)applicationDidEnterBackground:(UIApplication *)application
{
    [[EaseMob sharedInstance] applicationDidEnterBackground:application];
}
 
// APP将要从后台返回
- (void)applicationWillEnterForeground:(UIApplication *)application
{
    [[EaseMob sharedInstance] applicationWillEnterForeground:application];
}
 
// 申请处理时间
- (void)applicationWillTerminate:(UIApplication *)application
{
    [[EaseMob sharedInstance] applicationWillTerminate:application];
}

12.实现注册

[[EaseMob sharedInstance].chatManager asyncRegisterNewAccount:@"8001" password:@"111111" withCompletion:^(NSString *username, NSString *password, EMError *error) {
    if (!error) {
        NSLog(@"注册成功");
    }
} onQueue:nil];

运行xcode

Snip20160902_292.png

点击IM用户

Snip20160902_293.png

出现用户名为8001的字段，但是未登录

Snip20160902_294.png

13.实现登录

[[EaseMob sharedInstance].chatManager asyncLoginWithUsername:@"8001" password:@"111111" completion:^(NSDictionary *loginInfo, EMError *error) {
    if (!error && loginInfo) {
        NSLog(@"登录成功");
    }
} onQueue:nil];

运行xcode

Snip20160902_295.png

登录成功，用户名由灰色变为绿色

Snip20160902_297.png

(二)利用环信实现微信功能

强烈注意1:测试阶段时,在两个xcode之间使用的应用的appkey一定要一致，这样才能进行测试添加好友，删除好友，以及多终端使用同意账号挤掉其中一个账号。因为如果appkey不一样，那就代表了这是两款应用，例如一款是微信，一款是QQ，你用微信添加 QQ应用的好友,QQ好友能看到才怪呢。
强烈注意2:

Snip20160903_298.png

强烈注意3:隐藏系统底部的Bar。目的:这样你就可以创建控件来自定义底部的内容

101.84.gif

强烈注意4.点击cell，push到聊天界面的时候，底部的View为什么会做下移的动画？

101.86.gif

原因:细节问题

Snip20160903_5.png

解决办法:将底部的约束由之前的相对于底部tabbar改为相对于相对于屏幕底部

Snip20160903_5.png

效果

101.87.gif

强烈注意5:一定不要在设置约束的时候,提前给UIImageView添加图片,否则达到的效果不是你想要的效果

例如:

101.95.gif

解决办法:

101.96.gif

强烈注意6:
1.绿色背景图片不仅没有跟随UILabel中的文字的改变而改变(约束问题)
2.而且绿色背景图片还挡住了UILabel(解决办法:绿色背景和UILabel在storyboard中的位置换过来,再换回去)
3.绿色背景图片没有进行拉伸操作
4.如果下面的做法遇到了问题，不要在UIImageView上添加图片,最后一步再添加图片。

Snip20160903_9.png
对UILabel只需要设置顶部和右部约束

101.91.gif
设置绿色背景图片和UILabel上下左右间距相等

101.92.gif
拉伸绿色背景图片