即时通讯:
- 两人或多人实时的传递文字信息，文件、语音与视频。
实现即时通讯(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 拉伸绿色背景图片
Snip20160904_15.png
-
让绿色背景图片的上下左右各多出UILabel一些像素
101.93.gif -
运行xcode，可以看到UILabel中的文字虽然设置了自动换行也没效果
101.94.gif 修改面板中的属性即可解决UILabel中的文字没有自动换行的bug
步骤1:
Snip20160904_20.png
步骤2:
101.98.gif
- 优化绿色背景图片和UILabel中文字的间距
Snip20160904_16.png
- 强烈注意7:计算每个cell的高度
Snip20160904_19.png
- 强烈注意8:利用属性传值,实现 点击cell就显示和哪一个用户聊天
101.99.gif
- 强烈注意9:cell上的数据错乱问题是由于cell的重用机制造成的
101.100.gif
-
强烈注意10:
Snip20160905_22.png解决办法
Snip20160905_23.png
效果展示
- 注册和登录
101.101.gif
- 拒绝、同意添加好友
101.102.gif
-
网络断开，自动重连
101.103.gif
- 退出账号，多终端登录一方账号自动被挤掉
101.104.gif
- 发送文本信息，语音信息，图片信息
101.105.gif
- 未读消息
101.106.gif
[LS](https://pan.baidu.com/s/1eSukwOa 密码 dtnq)
