美文网首页哈哈即时通讯移动端开发集合
环信:发送头像和昵称(从消息扩展中获取)

环信:发送头像和昵称(从消息扩展中获取)

作者: 取水 | 来源:发表于2015-12-14 23:11 被阅读11987次

    昵称和头像

    注意:以下是在官方Demo3.0的基础上修改的。官方Demo下载地址

    环信提供了获取头像和昵称的两种方式:

    方法一 从APP服务器获取昵称和头像

    • 昵称和头像的获取:当收到一条消息(群消息)时,得到发送者的用户ID,然后查找手机本地数据库是否有此用户ID的昵称和头像,如没有则调用APP服务器接口通过用户ID查询出昵称和头像,然后保存到本地数据库和缓存,下次此用户发来信息即可直接查询缓存或者本地数据库,不需要再次向APP服务器发起请求
    • 昵称和头像的更新:当点击发送者头像时加载用户详情时从APP服务器查询此用户的具体信息然后更新本地数据库和缓存。当用户自己更新昵称或头像时,也可以发送一条透传消息到其他用户和用户所在的群,来更新该用户的昵称和头像。

    方法二 从消息扩展中获取昵称和头像

    • 昵称和头像的获取:把用户基本的昵称和头像的URL放到消息的扩展中,通过消息传递给接收方,当收到一条消息时,则能通过消息的扩展得到发送者的昵称和头像URL,然后保存到本地数据库和缓存。当显示昵称和头像时,请从本地或者缓存中读取,不要直接从消息中把赋值拿给界面(否则当用户昵称改变后,同一个人会显示不同的昵称)。
    • 昵称和头像的更新:当扩展消息中的昵称和头像URI与当前本地数据库和缓存中的相应数据不同的时候,需要把新的昵称保存到本地数据库和缓存,并下载新的头像并保存到本地数据库和缓存。

    本文主要介绍第二种方法:给消息添加扩展,用于携带昵称和头像信息。先来看下效果:


    效果图

    在消息发送时,设置并发送扩展消息

    1. 因为是在官方Demo里修改的,但对其还不熟悉,咋办呢?
      其实,环信是基于XMPP优化而来的,而XMPP消息又是基于XML的。已经知道在XMPP里扩展消息的方式了,这里应该也是类似的。只不过首先要找到发送消息的时机。可是我不知道在哪?这里要善用搜索和断点。下面简要的说下我的思路:在项目里搜索【消息】,找到了EaseChatToolbar.h中的- (void)didSendText:(NSString *)text;方法(别问我为什么是这个方法,不会告诉你我也是查了很久的)。然后在.m中该方法处设置断点,运行程序,输入文字后点击发送按钮。然后看看程序执行的流程是什么。依次向上修改方法,添加头像和昵称信息。如图:
      工程截图
    2. 修改- (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text中的调用方法。并设定头像和昵称字典,代码如下:
     - (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text
    {
        if ([text isEqualToString:@"\n"]) {
            if ([self.delegate respondsToSelector:@selector(didSendText:)]) {
                //注释掉的 -- [self.delegate didSendText:textView.text];
                //新增头像和昵称扩展
                NSDictionary *ext = @{@"accountName":accountName,@"img":@"http://7xo30v.com1.z0.glb.clouddn.com/animal.png"};
                [self.delegate didSendText:textView.text withExt:ext];
                //结束
                self.inputTextView.text = @"";
                [self _willShowInputTextViewToHeight:[self _getTextViewContentH:self.inputTextView]];;
            }
            return NO;
        }
        return YES;
    }
    
    1. 从新运行程序,发送消息,查看日志。在<body>元素里包含了额外添加的昵称和头像信息。如下:
      ChatDemoJCV1[17136:720f] SEND: <message type="chat" to="easemob-demo#chatdemoui_zlanchun1@easemob.com" id="151a0fcc287"> <body>{"ext":{"img":"http://7xo30v.com1.z0.glb.clouddn.com/animal.png","accountName":"zlanchun"},"to":"zlanchun1","bodies":[{"type":"txt","msg":"You"}],"from":"zlanchun"}</body></message>
    2. 在聊天框中显示消息里地头像和昵称。因为是测试,所以在ChatViewController.m直接将消息中的昵称和头像赋值给视图(实际应用中不推荐这么做,正如环信方法二缺点所说的,需要自己缓存,从本地提取信息)。
    - (UITableViewCell *)messageViewController:(UITableView *)tableView cellForMessageModel:(id<IMessageModel>)model
    {
        if (model.bodyType == eMessageBodyType_Text   ) {
            NSString *CellIdentifier = [CustomMessageCell cellIdentifierWithModel:model];
            //发送cell
            CustomMessageCell *sendCell = (CustomMessageCell *)[tableView dequeueReusableCellWithIdentifier:CellIdentifier];
            // Configure the cell...
            if (sendCell == nil) {
                sendCell = [[CustomMessageCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier model:model];
                sendCell.selectionStyle = UITableViewCellSelectionStyleNone;
            }
            //设定头像和昵称
            model.avatarURLPath = model.message.ext[@"img"];
            model.nickname = model.message.ext[@"accountName"];
            sendCell.model = model;
            return sendCell;
        }
        return nil;
    }
    

    最后,这里只是修改了text类型消息的扩展,还有其他几种类型的消息扩展也可以按照这样来处理。

    相关文章

      网友评论

      • 梁森的简书: model.nickname = model.message.ext[@"accountName"];这段代码是显示我的昵称吧? 如何显示对方的昵称
      • A_精彩飘飞:如果用户修改了头像是不是就会显示的头像不一致啊 这样会不会感觉很怪呀?
      • _Gyro:2.中if ([self.delegate respondsToSelector:@selector(didSendText:)]) 是不是要改为if ([self.delegate respondsToSelector:@selector(didSendText:withExt:)]) ?
      • 蛋蛋2011:发语音不走这个断点吗? 我发送文字和表情走.. 但是发送语音消息没有走这个断点
      • Charles___:扩展消息其实就是用一个字典 用来传递自定义的消息内容的吧,根据key-value。
      • PengFly:---------------------- :smile: 快看这是Android的解决方案 :smile: -------------------------
        //在设置消息监听的方法里解析获取
        EMMessageListener() {
        @Override
        public void onMessageReceived(List<EMMessage> messageList) {

        EMLog.e(TAG, "--------------------------->收到新的消息<---------------------------");
        //解析一下客服的昵称和头像地址...
        EMMessage msg = messageList.get(0);
        String weichatString = msg.getStringAttribute("weichat", null);
        if (weichatString != null) {

        try {
        //看环信文档,收到解析一下消息的扩展消息,将客服的头像地址和昵称拿到~~
        JSONObject weichatJson = new JSONObject(weichatString);
        JSONObject agentObject = weichatJson.optJSONObject("agent");
        if (agentObject != null) {

        String customServiceAvatar = agentObject.optString("avatar");
        String customServiceNickName = agentObject.optString("userNickname");
        if (!"null".equals(customServiceAvatar)) {

        if (!customServiceAvatar.startsWith("http:")) {

        //貌似客服头像直接是//开通,没有加http:协议,我们手动添加上即可
        BaseApplication.user.customServiceAvatar = String.format("http:%s", customServiceAvatar);
        } else {

        BaseApplication.user.customServiceAvatar = customServiceAvatar;
        }
        }
        LogUtil.e("客服昵称:" + customServiceNickName + ",头像地址:" + customServiceAvatar);
        }
        } catch (JSONException e) {
        e.printStackTrace();
        }
        }
        }
        }
      • HELLO好好先生:笔者你好,我按你方式做了一遍,头像和昵称都显示不出来,啥原因呢,指点一下
      • neve7:你好,我按照上面的两步做了修改可是打开聊天的时候头像跟昵称 有时候有有时候却没有
      • 圣斗士皮皮:用户A在打开APP前,另一个用户B发送了条消息,然后用户B自己修改了头像。然后用户A打开APP,这个时候消息里的头像取出来是旧的。
        浩楠Bleach:@圣斗士皮皮 这个是硬伤,所以我还是倾向于服务器去维护拥护的基本信息 ,定时将有变动的用户数据推送给移动端
      • 左眼见到肠:大神你好,想问一下第一步的:
        "然后看看程序执行的流程是什么。依次向上修改方法,添加头像和昵称信息"
        具体是要怎么做呢?
        我是新手,刚跟随你的分享记录,集成到这里来
        在下一步:
        "NSDictionary *ext = @{@"accountName":accountName,@"img":@"http://7xo30v.com1.z0.glb.clouddn.com/animal.png&quot;};"
        这里的accountName是根据我的工程取得的名字是么?
        取水:@左眼见到肠 在工程截图中,当前修改的是断点0的位置。修改完后,鼠标点击断点1,程序会调到断点1的位置,然后继续修改。修改完后,再修改断点2。依次向上修改就是这样改的

      本文标题:环信:发送头像和昵称(从消息扩展中获取)

      本文链接:https://www.haomeiwen.com/subject/nneuhttx.html