即时聊天 / XMPP

时间:2022-11-27 06:19:12

MQTT是第二个即时聊天协议(了解)

5.即时通讯 即时通讯网上有第三方的解决方案,比如环信,融云等。我们是自己搭的xmpp服务器,服务器使用的tigase,之前写过相关的博客,自己去年也做了对应的webim。前段时间看了环信webim的sdk,使用的也是strophe的js类库,相关实现跟我们的差不多,但是自己搭建xmpp会遇到了不少问题,比如丢消息!所以如果想比较快速的实现im,推荐使用第三方的解决方案。 移动端的丢消息大概是这个样子。A和B通讯,A发了一条消息给服务器,服务器发给B,但是B网络不好掉线了,而服务器却不知道B退出了(B正常退出会给服务器发下线通知),所以消息丢失了。XMPP中有xep-0184协议(消息回执),A给B发消息,消息体中带一行代码(要求消息回执),当B收到消息后发送一条回执,证明我收到了。后来XMPP又有了xep-0198协议(流管理),断线后快速重链,同时判断一定时间收不到消息,就把消息写离线消息,减少丢消息情况。但是可能网络情况复杂,加上各种不确定因素,还会出现丢消息的问题。目前比较靠谱的方法就是存所有的聊天记录,由手机端根据时间点去数据库拉消息,只要别人发出的消息就不会丢。 这次即时通讯模块进行了相关改动,也是参考了之前开发人员的一些建议。比如用户返回home的时候,断开xmpp连接(iOS进入后台后,只有5秒的处理时间,特殊方法可延长到10分钟,如果内存不够,应用随时就被杀死了)。所以返回home时就断开,进入应用再连接。同时应用使用状态下,有心跳检测,判断是否保持连接。 考虑到iOS的特殊性,我们采取了xmpp和远程推送都走的方法,推送的自定义消息体和xmpp消息体一样,消息的处理方法一样。用户聊天发送xmpp消息的同时也调用我们的消息推送接口调用友盟push(push可以设置过期时间,避免特殊情况,推送延时,聊天结束了才收到推送)。一是解决iOS应用未启动时的推送接收,二是解决xmpp丢消息的问题。 关于推送,AppDelage中有两个方法,一个是使用中收到推送,不会提示,会直接处理推送信息。另外是程序非使用状态,收到推送,会进行提示,可以点击推送消息进入应用,获取这一条推送消息的推送消息(需要注意,点击推送启动应用拿到信息时view还没有加载,消息不能立刻处理)。 android端因为是真后台,可以后台一直保持运行,无论收到xmpp消息还是友盟推送,都可以自己进行处理,然后自己弹一个本地推送(也有弊端,如果android程序杀死,就无法接受消息和推送)。iOS端因为后台不可控,所以推送使用远程推送,进入应用连接xmpp再收全部离线消息(不保证友盟推送能否保证及时)。当然大部分都还是正常情况,网络情况比较好的条件下,就实时收到了xmpp的消息或者远程推送。我们又不是QQ和微信,只要保证用户看到的数据能保持一致性就行了(所以QQ和微信就是diao啊)。 根据测试反馈的情况,iOS这个应用的丢消息情况比上个应用有一定改善。具体情况再进一步观察把。 我们的即时通讯也包括语音和图片,采用的是http的解决方案(xmpp也支持二进制的传输,但是估计没人那样用)。具体流程就是先把附件传到附件服务器拿到附件服务器的地址,再封装到消息体。接收方收到消息解析的时候,再从附件服务器拿到对应的资源,加载到本地。 同时屏蔽,取消屏蔽等一些实时操作也都会发xmpp,第一时间双方更新状态。

深入认识Tigase XMPP Server(上): http://blog.csdn.net/chszs/article/details/41280957

原文地址:http://blog.csdn.net/kangkangz4/article/category/1089711

http://blog.sina.com.cn/s/blog_5fb39f910101akyo.html

[iPhone高级] 基于XMPP的IOS聊天客户端程序(XMPP服务器架构)

 

最近看了关于XMPP的框架,以文本聊天为例,需要发送的消息为:

 XMPP的扩展协议Jingle使得其支持语音和视频。
  1. <</SPAN>message type="chat" from="kang@server.com" to="test@server.com">
  2. <</SPAN>body>helloWord</</SPAN>body>
  3. </</SPAN>message>

helloWord

基中from是从哪个用户发送的消息,to是发给谁的消息,XMPP的用户都是以邮箱形式。body就是我们发送的消息文本。

好了,说到这里,我们就来开发一个基于XMPP的IOS聊天客户端程序,首先我们需要XMPP服务器,这里,我就拿本机做服务器,首先从xmpp Server下载ejabberd这个服务器,ejabberd支持Linux / Mac OS X / Solaris / Windows,所以任何操作系统都可以做我们的聊天服务器。好了,下载完后,一步一步安装就可以了,这里我们要注意一下

即时聊天 / XMPP

这里我们的服务器就是dpc1338a(一般就是机器名,默认就可以了,不需要改),每台机器的用户名都不一样,这里的服务器域名就是机器名,这个我们需要记住哦

接着一步一步,还要设置管理员密码,密码当然也需要记住了,不然我们没办法登录管理员页面去。

好了,安装完后启动,显示如下:

即时聊天 / XMPP

我们点击admin interface,会要求我们输入用户名和密码:

即时聊天 / XMPP

这里用户名是前面我们安装的时候有一个管理员名,将管理员名跟我们的服务器组合就可以了,我这里是admin@dpc1338a,每一台机器都不一样,不要照抄哦,这样你是登录不了的,密码就是安装的时候设置的密码

登录成功后就会显示如下页面:

即时聊天 / XMPP

这里我们需要解释的就是<<SPAN style="COLOR: rgb(153,0,0)">访问控制列表>,这里是设置管理员的,我们可以在这里创建其他管理员,这个不是我们的重点,我们的重点是<<SPAN style="COLOR: rgb(102,0,0)">虚拟主机>

点开<<SPAN style="COLOR: rgb(102,0,0)">虚拟主机>,下面有一个<<SPAN style="COLOR: rgb(102,0,0)">dpc1338a>,也点开

即时聊天 / XMPP

这里有一个<<SPAN style="COLOR: rgb(102,0,0)">用户>,我们需要创建几个用户来进行数据交互。

我创建了kang@dpc1338a,test@dpc1338a, abc@dpc1338a这几个用户,过一会我们就用这几个用户进行聊天

即时聊天 / XMPP

好了,服务器装好了以后,我们就需要下载个客户端来进行聊天,这里有一些客户端工具

http://xmpp.org/xmpp-software/clients/,这里我们主要推荐MAC用Adium,Windows用Citron,下一章我们要介绍IOS的xmpp framework。

[iPhone高级] 基于XMPP的IOS聊天客户端程序(IOS端一)

分类: iPhone高级2012-07-13 07:297966人阅读评论(19)收藏举报

介绍完了服务器,这篇我们就要介绍重点了,写我们自己的IOS客户端程序

先看一下我们完成的效果图

即时聊天 / XMPP即时聊天 / XMPP

即时聊天 / XMPP

首先下载xmppframework这个框架,下载

即时聊天 / XMPP

点ZIP下载

接下来,用Xcode新建一个工程

将以下这些文件拖入新建工程中

即时聊天 / XMPP

即时聊天 / XMPP

加入framework

即时聊天 / XMPP

并设置

即时聊天 / XMPP

到这里我们就全部设好了,跑一下试试,看有没有错呢

如果没有错的话,我们的xmppframework就加入成功了。

我们设置我们的页面如下图:

即时聊天 / XMPP

我们的KKViewController.h

  1. #import
  2. @interface KKViewController : UIViewController
  3. @property (strong, nonatomic) IBOutlet UITableView *tView;
  4. - (IBAction)Account:(id)sender;
  5. @end

KKViewController.m

  1. #import "KKViewController.h"
  2. @interface KKViewController (){
  3. //在线用户
  4. NSMutableArray *onlineUsers;
  5. }
  6. @end
  7. @implementation KKViewController
  8. @synthesize tView;
  9. - (void)viewDidLoad
  10. {
  11. [super viewDidLoad];
  12. self.tView.delegate = self;
  13. self.tView.dataSource = self;
  14. onlineUsers = [NSMutableArray array];
  15. // Do any additional setup after loading the view, typically from a nib.
  16. }
  17. - (void)viewDidUnload
  18. {
  19. [self setTView:nil];
  20. [super viewDidUnload];
  21. // Release any retained subviews of the main view.
  22. }
  23. - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
  24. {
  25. return (interfaceOrientation != UIInterfaceOrientationPortraitUpsideDown);
  26. }
  27. - (IBAction)Account:(id)sender {
  28. }
  29. #pragma mark UITableViewDataSource
  30. -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
  31. return [onlineUsers count];
  32. }
  33. -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
  34. static NSString *identifier = @"userCell";
  35. UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
  36. if (cell == nil) {
  37. cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier];
  38. }
  39. return cell;
  40. }
  41. - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
  42. ;
  43. }
  44. #pragma mark UITableViewDelegate
  45. -(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
  46. }
  47. @end

这里的代码相信大家学过UITableView的话应该很熟悉了,如果不知道的话,就查一下UITableView的简单应用学习一下吧

接下来是登录的页面

即时聊天 / XMPP

KKLoginController.m

  1. - (IBAction)LoginButton:(id)sender {
  2. if ([self validateWithUser:userTextField.text andPass:passTextField.text andServer:serverTextField.text]) {
  3. NSUserDefaults *defaults = [NSUserDefaults standardUserDefaults];
  4. [defaults setObject:self.userTextField.text forKey:USERID];
  5. [defaults setObject:self.passTextField.text forKey:PASS];
  6. [defaults setObject:self.serverTextField.text forKey:SERVER];
  7. //保存
  8. [defaults synchronize];
  9. [self dismissModalViewControllerAnimated:YES];
  10. }else {
  11. UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"提示" message:@"请输入用户名,密码和服务器"delegate:nil cancelButtonTitle:@"确定" otherButtonTitles:nil, nil];
  12. [alert show];
  13. }
  14. }
  15. - (IBAction)closeButton:(id)sender {
  16. [self dismissModalViewControllerAnimated:YES];
  17. }
  18. -(BOOL)validateWithUser:(NSString *)userText andPass:(NSString *)passText andServer:(NSString *)serverText{
  19.  && passText.length >  && serverText.length > ) {
  20. return YES;
  21. }
  22. return NO;
  23. }

下面是聊天的页面

即时聊天 / XMPP
这里着重的还是UITableView

KKChatController.m

  1. -(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
  2. ;
  3. }
  4. -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
  5. return [messages count];
  6. }
  7. -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
  8. static NSString *identifier = @"msgCell";
  9. UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
  10. if (cell == nil) {
  11. cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:identifier];
  12. }
  13. NSMutableDictionary *dict = [messages objectAtIndex:indexPath.row];
  14. cell.textLabel.text = [dict objectForKey:@"msg"];
  15. cell.detailTextLabel.text = [dict objectForKey:@"sender"];
  16. cell.accessoryType = UITableViewCellAccessoryNone;
  17. return cell;
  18. }

这些都比较简单,相信大家应该都能看得懂

把这些都设置好以后,我们就要着重介绍XMPP了,怕太长了,接下一章吧。

[iPhone高级] 基于XMPP的IOS聊天客户端程序(IOS端二)

分类: iPhone高级2012-07-13 08:256625人阅读评论(27)收藏举报

接上一章的,这一章我们着重介绍XMPP

为了方便程序调用,我们把XMPP的一些主要方法写在AppDelegate中

即时聊天 / XMPP

在AppDelegate.m下这几个方法为:

  1. -(void)setupStream{
  2. //初始化XMPPStream
  3. xmppStream = [[XMPPStream alloc] init];
  4. [xmppStream addDelegate:self delegateQueue:dispatch_get_current_queue()];
  5. }
  6. -(void)goOnline{
  7. //发送在线状态
  8. XMPPPresence *presence = [XMPPPresence presence];
  9. [[self xmppStream] sendElement:presence];
  10. }
  11. -(void)goOffline{
  12. //发送下线状态
  13. XMPPPresence *presence = [XMPPPresence presenceWithType:@"unavailable"];
  14. [[self xmppStream] sendElement:presence];
  15. }
  16. -(BOOL)connect{
  17. [self setupStream];
  18. //从本地取得用户名,密码和服务器地址
  19. NSUserDefaults *defaults = [NSUserDefaults standardUserDefaults];
  20. NSString *userId = [defaults stringForKey:USERID];
  21. NSString *pass = [defaults stringForKey:PASS];
  22. NSString *server = [defaults stringForKey:SERVER];
  23. if (![xmppStream isDisconnected]) {
  24. return YES;
  25. }
  26. if (userId == nil || pass == nil) {
  27. return NO;
  28. }
  29. //设置用户
  30. [xmppStream setMyJID:[XMPPJID jidWithString:userId]];
  31. //设置服务器
  32. [xmppStream setHostName:server];
  33. //密码
  34. password = pass;
  35. //连接服务器
  36. NSError *error = nil;
  37. if (![xmppStream connect:&error]) {
  38. NSLog(@"cant connect %@", server);
  39. return NO;
  40. }
  41. return YES;
  42. }
  43. -(void)disconnect{
  44. [self goOffline];
  45. [xmppStream disconnect];
  46. }

这几个是基础方法,接下来就是XMPPStreamDelegate中的方法,也是接受好友状态,接受消息的重要方法

  1. //连接服务器
  2. - (void)xmppStreamDidConnect:(XMPPStream *)sender{
  3. isOpen = YES;
  4. NSError *error = nil;
  5. //验证密码
  6. [[self xmppStream] authenticateWithPassword:password error:&error];
  7. }
  8. //验证通过
  9. - (void)xmppStreamDidAuthenticate:(XMPPStream *)sender{
  10. [self goOnline];
  11. }
  12. //收到消息
  13. - (void)xmppStream:(XMPPStream *)sender didReceiveMessage:(XMPPMessage *)message{
  14. // NSLog(@"message = %@", message);
  15. NSString *msg = [[message elementForName:@"body"] stringValue];
  16. NSString *from = [[message attributeForName:@"from"] stringValue];
  17. NSMutableDictionary *dict = [NSMutableDictionary dictionary];
  18. [dict setObject:msg forKey:@"msg"];
  19. [dict setObject:from forKey:@"sender"];
  20. //消息委托(这个后面讲)
  21. [messageDelegate newMessageReceived:dict];
  22. }
  23. //收到好友状态
  24. - (void)xmppStream:(XMPPStream *)sender didReceivePresence:(XMPPPresence *)presence{
  25. // NSLog(@"presence = %@", presence);
  26. //取得好友状态
  27. NSString *presenceType = [presence type]; //online/offline
  28. //当前用户
  29. NSString *userId = [[sender myJID] user];
  30. //在线用户
  31. NSString *presenceFromUser = [[presence from] user];
  32. if (![presenceFromUser isEqualToString:userId]) {
  33. //在线状态
  34. if ([presenceType isEqualToString:@"available"]) {
  35. //用户列表委托(后面讲)
  36. [chatDelegate newBuddyOnline:[NSString stringWithFormat:@"%@@%@", presenceFromUser, @"nqc1338a"]];
  37. }else if ([presenceType isEqualToString:@"unavailable"]) {
  38. //用户列表委托(后面讲)
  39. [chatDelegate buddyWentOffline:[NSString stringWithFormat:@"%@@%@", presenceFromUser, @"nqc1338a"]];
  40. }
  41. }
  42. }

这里面有两个委托方法,一个是用户列表委托,还有一个就是消息委托,用户列表委托主要就是取得在线用户,更新用户TableView,消息委托就是取得好友发送的消息,并更新消息TableView,当然这两个TableView是在不同的Controller中的

即时聊天 / XMPP

即时聊天 / XMPP

定义完两个委托,我们就要在不同的Controller中实现这两个委托了

在好友Controller中实现并写入如下方法

  1. //取得当前程序的委托
  2. -(KKAppDelegate *)appDelegate{
  3. return (KKAppDelegate *)[[UIApplication sharedApplication] delegate];
  4. }
  5. //取得当前的XMPPStream
  6. -(XMPPStream *)xmppStream{
  7. return [[self appDelegate] xmppStream];
  8. }
  9. //在线好友
  10. -(void)newBuddyOnline:(NSString *)buddyName{
  11. if (![onlineUsers containsObject:buddyName]) {
  12. [onlineUsers addObject:buddyName];
  13. [self.tView reloadData];
  14. }
  15. }
  16. //好友下线
  17. -(void)buddyWentOffline:(NSString *)buddyName{
  18. [onlineUsers removeObject:buddyName];
  19. [self.tView reloadData];
  20. }

在viewDidLoad中加入

  1. //设定在线用户委托
  2. KKAppDelegate *del = [self appDelegate];
  3. del.chatDelegate = self;

这两行代码,让好友列表的委托实现方法在本程序中

在viewWillAppear中加入

  1. [super viewWillAppear:animated];
  2. NSString *login = [[NSUserDefaults standardUserDefaults] objectForKey:@"userId"];
  3. if (login) {
  4. if ([[self appDelegate] connect]) {
  5. NSLog(@"show buddy list");
  6. }
  7. }else {
  8. //设定用户
  9. [self Account:self];
  10. }

判断本地保存的数据中是否有userId,没有的话就跳转到登录页面

这里最重要的就是connect了,这一句话就是登录了,成功的话,页面就会显示好友列表了。

  1. #pragma mark UITableViewDelegate
  2. -(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
  3. //start a Chat
  4. chatUserName = (NSString *)[onlineUsers objectAtIndex:indexPath.row];
  5. [self performSegueWithIdentifier:@"chat" sender:self];
  6. }
  7. -(void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender{
  8. if ([segue.identifier isEqualToString:@"chat"]) {
  9. KKChatController *chatController = segue.destinationViewController;
  10. chatController.chatWithUser = chatUserName;
  11. }
  12. }

当显示出好友列表,我们选择一个好友进行聊天

将当前好友名称发送给聊天页面

下面是聊天Controller了

在KKChatController.h中加入

  1. NSMutableArray *messages;

这是我们要显示的消息,每一条消息为一条字典

接下来就是每一条消息的显示了

  1. -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
  2. static NSString *identifier = @"msgCell";
  3. UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
  4. if (cell == nil) {
  5. cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:identifier];
  6. }
  7. NSMutableDictionary *dict = [messages objectAtIndex:indexPath.row];
  8. cell.textLabel.text = [dict objectForKey:@"msg"];
  9. cell.detailTextLabel.text = [dict objectForKey:@"sender"];
  10. cell.accessoryType = UITableViewCellAccessoryNone;
  11. return cell;
  12. }

跟上面好友Controller一样,这里我们也需要XMPPStream

  1. -(KKAppDelegate *)appDelegate{
  2. return (KKAppDelegate *)[[UIApplication sharedApplication] delegate];
  3. }
  4. -(XMPPStream *)xmppStream{
  5. return [[self appDelegate] xmppStream];
  6. }

在ViewDidLoad中加入

  1. KKAppDelegate *del = [self appDelegate];
  2. del.messageDelegate = self;

设定消息委托由自己来接收和处理

  1. #pragma mark KKMessageDelegate
  2. -(void)newMessageReceived:(NSDictionary *)messageCotent{
  3. [messages addObject:messageCotent];
  4. [self.tView reloadData];
  5. }

接下来最重要的就是发送消息了

  1. - (IBAction)sendButton:(id)sender {
  2. //本地输入框中的信息
  3. NSString *message = self.messageTextField.text;
  4. ) {
  5. //XMPPFramework主要是通过KissXML来生成XML文件
  6. //生成文档
  7. NSXMLElement *body = [NSXMLElement elementWithName:@"body"];
  8. [body setStringValue:message];
  9. //生成XML消息文档
  10. NSXMLElement *mes = [NSXMLElement elementWithName:@"message"];
  11. //消息类型
  12. [mes addAttributeWithName:@"type" stringValue:@"chat"];
  13. //发送给谁
  14. [mes addAttributeWithName:@"to" stringValue:chatWithUser];
  15. //由谁发送
  16. [mes addAttributeWithName:@"from" stringValue:[[NSUserDefaults standardUserDefaults] stringForKey:USERID]];
  17. //组合
  18. [mes addChild:body];
  19. //发送消息
  20. [[self xmppStream] sendElement:mes];
  21. self.messageTextField.text = @"";
  22. [self.messageTextField resignFirstResponder];
  23. NSMutableDictionary *dictionary = [NSMutableDictionary dictionary];
  24. [dictionary setObject:message forKey:@"msg"];
  25. [dictionary setObject:@"you" forKey:@"sender"];
  26. [messages addObject:dictionary];
  27. //重新刷新tableView
  28. [self.tView reloadData];
  29. }
  30. }

文档 NSXMLElement *body = [NSXMLElement elementWithName:@"body"]; [body setStringValue:message]; //生成XML消息文档 NSXMLElement *mes = [NSXMLElement elementWithName:@"message"]; //消息类型 [mes addAttributeWithName:@"type" stringValue:@"chat"]; //发送给谁 [mes addAttributeWithName:@"to" stringValue:chatWithUser]; //由谁发送 [mes addAttributeWithName:@"from" stringValue:[[NSUserDefaults standardUserDefaults] stringForKey:USERID]]; //组合 [mes addChild:body]; //发送消息 [[self xmppStream] sendElement:mes]; self.messageTextField.text = @""; [self.messageTextField resignFirstResponder]; NSMutableDictionary *dictionary = [NSMutableDictionary dictionary]; [dictionary setObject:message forKey:@"msg"]; [dictionary setObject:@"you" forKey:@"sender"]; [messages addObject:dictionary]; //重新刷新tableView [self.tView reloadData]; } }上面都加了注释,大家应该能明白,接下来还有一个章节,我们会对发送的消息在界面进行美化,跟苹果自带的消息一样。谢谢大家有耐心看完,我这个人比较不喜欢打字,所以有的地方注释比较少,希望大家别介意,还有希望大家能够多多支持, 以后会接着介绍XMPP文件传输之类的内容。

 
 
[iPhone高级] 基于XMPP的IOS聊天客户端程序(IOS端三)
分类: iPhone高级2012-07-16 04:174063人阅读评论(14)收藏举报

前两篇介绍了如何通过XMPP来发送消息和接收消息,这一篇我们主要介绍如何来美化我们的聊天程序,看一下最终效果呢,当然源程序也会在最后放出

即时聊天 / XMPP

好了,我们来看一下我们写的程序

这里我们自定义了TableViewCell

即时聊天 / XMPP

一行是显示发布日期,一行是显示发送的消息,还有一个是背景

  1. -(id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{
  2. self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
  3. if (self) {
  4. //日期标签
  5. senderAndTimeLabel = [[UILabel alloc] initWithFrame:CGRectMake(, , , )];
  6. //居中显示
  7. senderAndTimeLabel.textAlignment = UITextAlignmentCenter;
  8. senderAndTimeLabel.font = [UIFont systemFontOfSize:11.0];
  9. //文字颜色
  10. senderAndTimeLabel.textColor = [UIColor lightGrayColor];
  11. [self.contentView addSubview:senderAndTimeLabel];
  12. //背景图
  13. bgImageView = [[UIImageView alloc] initWithFrame:CGRectZero];
  14. [self.contentView addSubview:bgImageView];
  15. //聊天信息
  16. messageContentView = [[UITextView alloc] init];
  17. messageContentView.backgroundColor = [UIColor clearColor];
  18. //不可编辑
  19. messageContentView.editable = NO;
  20. messageContentView.scrollEnabled = NO;
  21. [messageContentView sizeToFit];
  22. [self.contentView addSubview:messageContentView];
  23. }
  24. return self;
  25. }

定义好,在UITableViewCell中将Cell改成我们自己定义的Cell

  1. -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
  2. static NSString *identifier = @"msgCell";
  3. KKMessageCell *cell =(KKMessageCell *)[tableView dequeueReusableCellWithIdentifier:identifier];
  4. if (cell == nil) {
  5. cell = [[KKMessageCell alloc] initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:identifier];
  6. }
  7. NSMutableDictionary *dict = [messages objectAtIndex:indexPath.row];
  8. //发送者
  9. NSString *sender = [dict objectForKey:@"sender"];
  10. //消息
  11. NSString *message = [dict objectForKey:@"msg"];
  12. //时间
  13. NSString *time = [dict objectForKey:@"time"];
  14. CGSize textSize = {260.0 ,10000.0};
  15. CGSize size = [message sizeWithFont:[UIFont boldSystemFontOfSize:] constrainedToSize:textSize lineBreakMode:UILineBreakModeWordWrap];
  16. size.width +=(padding/);
  17. cell.messageContentView.text = message;
  18. cell.accessoryType = UITableViewCellAccessoryNone;
  19. cell.userInteractionEnabled = NO;
  20. UIImage *bgImage = nil;
  21. //发送消息
  22. if ([sender isEqualToString:@"you"]) {
  23. //背景图
  24. bgImage = [[UIImage imageNamed:@topCapHeight:];
  25. [cell.messageContentView setFrame:CGRectMake(padding, padding*, size.width, size.height)];
  26. [cell.bgImageView setFrame:CGRectMake(cell.messageContentView.frame.origin.x - padding/, cell.messageContentView.frame.origin.y - padding/, size.width + padding, size.height + padding)];
  27. }else {
  28. bgImage = [[UIImage imageNamed:@topCapHeight:];
  29. [cell.messageContentView setFrame:CGRectMake(-size.width - padding, padding*, size.width, size.height)];
  30. [cell.bgImageView setFrame:CGRectMake(cell.messageContentView.frame.origin.x - padding/, cell.messageContentView.frame.origin.y - padding/, size.width + padding, size.height + padding)];
  31. }
  32. cell.bgImageView.image = bgImage;
  33. cell.senderAndTimeLabel.text = [NSString stringWithFormat:@"%@ %@", sender, time];
  34. return cell;
  35. }

在这个Cell里设置了发送的消息的背景图和接收消息的背景图

这里在字典里有一个"time"

这是我们接收和发送消息的时间

  1. +(NSString *)getCurrentTime{
  2. NSDate *nowUTC = [NSDate date];
  3. NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];
  4. [dateFormatter setTimeZone:[NSTimeZone localTimeZone]];
  5. [dateFormatter setDateStyle:NSDateFormatterMediumStyle];
  6. [dateFormatter setTimeStyle:NSDateFormatterMediumStyle];
  7. return [dateFormatter stringFromDate:nowUTC];
  8. }

在AppDelegate.m中

将我们收到消息的内容也做一下调整

  1. - (void)xmppStream:(XMPPStream *)sender didReceiveMessage:(XMPPMessage *)message{
  2. // ......
  3. NSMutableDictionary *dict = [NSMutableDictionary dictionary];
  4. [dict setObject:msg forKey:@"msg"];
  5. [dict setObject:from forKey:@"sender"];
  6. //消息接收到的时间
  7. [dict setObject:[Statics getCurrentTime] forKey:@"time"];
  8. ......
  9. }

最后我们再设置一下每一行显示的高度

  1. //每一行的高度
  2. -(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
  3. NSMutableDictionary *dict = [messages objectAtIndex:indexPath.row];
  4. NSString *msg = [dict objectForKey:@"msg"];
  5. CGSize textSize = {260.0 , 10000.0};
  6. CGSize size = [msg sizeWithFont:[UIFont boldSystemFontOfSize:] constrainedToSize:textSize lineBreakMode:UILineBreakModeWordWrap];
  7. size.height += padding*;
  8. CGFloat height = size.height <  ?  : size.height;
  9. return height;
  10. }

,对了,在发送消息的时候,别忘了也加上

  1. - (IBAction)sendButton:(id)sender {
  2. //本地输入框中的信息
  3. ......
  4. ) {
  5. .....
  6. NSMutableDictionary *dictionary = [NSMutableDictionary dictionary];
  7. [dictionary setObject:message forKey:@"msg"];
  8. [dictionary setObject:@"you" forKey:@"sender"];
  9. [dictionary setObject:[Statics getCurrentTime] forKey:@"time"];
  10. [messages addObject:dictionary];
  11. //重新刷新tableView
  12. [self.tView reloadData];
  13. }
  14. }

好了,这里关于XMPP发送消息的教程就结束了,以后我们会详细介绍其他关于XMPP的内容

源码下载

GitHub资源下载: https://github.com/robbiehanson/XMPPFramework

GitHub iOS客户端使用教程: https://github.com/robbiehanson/XMPPFramework/wiki/GettingStarted_iOS