iOS IM即时通讯-[融云] [网易云信]简单集成聊天界面

前言

IM即时通讯. 对于iOS开发, 融云, 环信, 网易云信, 都是还不错的选择. 作者今天就以 融云, 网易云信 为例简单介绍下, 即时通讯单聊的 聊天界面 集成.

融云

  • 一. 准备工作

官网注册账号 -> 创建项目 -> 获得 App Key -> 应用标识中 填写应用包名.
先期准备工作 先告一段落.

  • 二. 创建工程

1) CocoaPods导入融云 SDK, 这个不用解释了, 不会的话, 官网有详细讲解

pod 'RongCloudIMKit', ‘2.6.7’

2) AppDelegate.m 中引入 融云头文件, 初始化融云SDK

#import <RongIMKit/RongIMKit.h>
#import <RongIMLib/RongIMLib.h>
-(BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
  
    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
    self.window.backgroundColor = [UIColor whiteColor];
    [self.window makeKeyWindow];
    
    //初始化融云SDK
    [[RCIM sharedRCIM] initWithAppKey:@"你获得的App Key"];
    
    ViewController *vc = [[ViewController alloc] init];
    UINavigationController *navi = [[UINavigationController alloc] initWithRootViewController:vc];
    self.window.rootViewController = navi;
    
 
    return YES;
}

3) 进入融云后台 API调试 ->点击 用户服务[获取Token] 创建 两组 token与 userId

举例说明

4) 融云是以token登陆, 以userId连接对话. 现在回到工程中 在 ViewController中

引入头文件

#import <RongIMKit/RCConversationViewController.h>
#import <RongIMKit/RongIMKit.h>

创建UIButton, 点击-(void)clickLoginRongCloud进入融云聊天界面(不用创建VC 融云自带)



-(void)clickLoginRongCloud{

    //登录融云服务器,开始阶段可以先从融云API调试网站获取,之后token需要通过服务器到融云服务器取。
    NSString*token=@"获取的第一组的token";
    
    
    [[RCIM sharedRCIM] connectWithToken:token success:^(NSString *userId) {
        //设置用户信息提供者,页面展现的用户头像及昵称都会从此代理取
//        [[RCIM sharedRCIM] setUserInfoDataSource:self];
        
        dispatch_async(dispatch_get_main_queue(), ^{
            
            //新建一个聊天会话View Controller对象
            RCConversationViewController *chat = [[RCConversationViewController alloc]init];
            //设置会话的类型,如单聊、讨论组、群聊、聊天室、客服、公众服务会话等
            chat.conversationType = ConversationType_PRIVATE;
            //设置会话的目标会话ID。(单聊、客服、公众服务会话为对方的ID,讨论组、群聊、聊天室为会话的ID)
            chat.targetId = @"获取的第二组的userId";  //实现两个账号间通信

            //设置聊天会话界面要显示的标题
            chat.title = @"聊一聊";

            //显示聊天会话界面
            [self.navigationController pushViewController:chat animated:YES];
            
        });
        
    } error:^(RCConnectErrorCode status) {
        NSLog(@"login error status: %ld.", (long)status);
    } tokenIncorrect:^{
        NSLog(@"token 无效 ,请确保生成token 使用的appkey 和初始化时的appkey 一致");
    }];

}

模拟器上运行 ; 更换 token 与 UserId, 再运行在 真机上, 就可实现 真机与模拟器间即时通讯.

  1. 补充说明 简单的聊天界面完成, 如果你的融合账号创建的项目 是很久之前的, 一直没使用, 那融云会默认 APP Key 失效, 无法在API调试中 获取到token.

有询问未读消息的tabbar角标怎么设置 作者补充下代码 : 在聊天列表页中


- (instancetype)init
{
    self = [super init];
    if (self) {    
        /** 关键: 设置类型 */
        [self setDisplayConversationTypes:@[@(ConversationType_PRIVATE), @(ConversationType_GROUP), @(ConversationType_DISCUSSION)]];
        
        [self updateBadgeValueForTabBarItem];
    }
    return self;
}

-(void)viewWillAppear:(BOOL)animated{
    [super viewWillAppear:animated];

    /** 从聊天详情页 跳出, 重新调用下 */
    [self updateBadgeValueForTabBarItem];
}


/** 消息提醒调用 */
- (void)notifyUpdateUnreadMessageCount {
  
    [self updateBadgeValueForTabBarItem];

}

/** 消息提醒 */
- (void)updateBadgeValueForTabBarItem {
    
    __weak typeof(self) __weakSelf = self;
    dispatch_async(dispatch_get_main_queue(), ^{
        
        int count = [[RCIMClient sharedRCIMClient] getUnreadCount:self.displayConversationTypeArray];

        if (count > 0) {
           
            __weakSelf.tabBarItem.badgeValue = [[NSString alloc] initWithFormat:@"%d", count];
            
        } else {
            __weakSelf.tabBarItem.badgeValue = nil;    
        }
        
    });
}


网易云信

  • 一. 准备工作

1)官网注册账号 -> 创建项目 -> 获得 App Key -> 标识管理 填写 Bundle Identifier. -> 上传推送证书P12文件

2) 在云信后台创建的项目中 功能管理 -> 账号管理 中创建两组账号, 云信是以账号, 密码登陆, 以账号连接对话

  • 二. 创建工程

1) CocoaPods导入云信 SDK, 这个不用解释了, 不会的话, 官网有详细讲解

pod 'NIMSDK'
  • 三. 聊天界面

云信默认不提供 聊天界面, 它提供 NIMKit 类封装了聊天界面. 从官网下载后, 引入工程中, 但是还没完, 所有功能都需要自己去写. 作者对照官方文档, 将需要写的如 : 正在输入, 已读, 添加文件等 简单功能集成了下. 所用东西都需要自己写, 作者就不上代码了, 直接上demo, 供读者借鉴.

  • 四. demo下载

传送门 : https://pan.baidu.com/s/1eSbqDW2

以上 !

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,233评论 4 360
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,013评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,030评论 0 241
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,827评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,221评论 3 286
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,542评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,814评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,513评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,225评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,497评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,998评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,342评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,986评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,055评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,812评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,560评论 2 271
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,461评论 2 266

推荐阅读更多精彩内容

  • 相信大家在项目中会用到即时通讯功能,自己去写的话会需要前后台合作,会大大加大开发的周期,所以考虑使用第三方的即时通...
    ProgrammerChan阅读 8,351评论 16 38
  • 点击查看原文 Web SDK 开发手册 SDK 概述 网易云信 SDK 为 Web 应用提供一个完善的 IM 系统...
    layjoy阅读 13,336评论 0 15
  • //联系人:石虎QQ: 1224614774昵称:嗡嘛呢叭咪 /**注意:先看效果图-->1.登录融云-->2.生...
    石虎132阅读 2,237评论 5 20
  • 具备要素:天时地利人和 天时:夜间,细雨 地力:空旷的道路,很少有车辆行人,路灯一定要有,拍摄这组照片时的路灯是橘...
    sun396阅读 345评论 0 1
  • 高十一期結業啦,11位死黨懷揣著夢想幸福起航了。 聽著每位死黨發自內心的分享,樸實簡單有看頭……從年輕人到父母每個...
    好彩妹阅读 175评论 0 0