微信小程序 即时聊天IM,怎么将接受的消息渲染到UI上?
// pages/person/person.js
var app = getApp()
import TIM from 'tim-wx-sdk';
import COS from "cos-wx-sdk-v5";
let options = {
  SDKAppID:  // 接入时需要将0替换为您的即时通信应用的 SDKAppID
};
// 创建 SDK 实例,TIM.create() 方法对于同一个 SDKAppID 只会返回同一份实例
let tim = TIM.create(options); // SDK 实例通常用 tim 表示
Page({
  /**
   * 页面的初始数据
   */

  data: {
    p_identity: "",
    message: ""
  },
  onGotUserInfo: function(e) {
    var that = this;
    // console.log(e.detail.errMsg)
    console.log(e.detail.userInfo)
    // console.log(e.detail.rawData)
    if (e.detail) {
      getApp().globalData.userInfo = e.detail.userInfo;
      that.setData({
        userInfo: e.detail.userInfo,
        userInfoFlag: true,
        modalHidden: true
      })
    } else console.log(1234);
    wx.navigateTo({
      url: '../register/register',
    })

  },
  goto_upload_ps_info: function(e) {
    wx.navigateTo({
      url: '../Upload_personal_information/Upload_personal_information',
    })
  },
  tim_login: function(e) {
    wx.request({
      url: 'https://www.ffgbookbar.cn/zhaopin/public/index.php/index', //仅为示例,并非真实的接口地址
      data: {
        id: app.globalData.userid
      },
      header: {
        'content-type': 'application/json' // 默认值
      },
      method: 'get',
      success(res) {
        console.log(res) //从服务器返回
        console.log(app.globalData.userid);
        console.log("123");
        app.globalData.usersig = res.data.split("verify ")[0];
        let promise = tim.login({
          userID: app.globalData.userid,
          userSig: app.globalData.usersig
        });
        promise.then(function (imResponse) {
          console.log(imResponse.data); // 登录成功
        }).catch(function (imError) {
          console.warn('login error:', imError); // 登录失败的相关信息
        });
      }
    })
  },

  send_payload:function(e){
    // 发送文本消息,Web 端与小程序端相同
    // 1. 创建消息实例,接口返回的实例可以上屏
    let message = tim.createTextMessage({
      to: 'user0',
      conversationType: TIM.TYPES.CONV_C2C,
      payload: {
        text: 'nihao!!!!!!'
      }
    });
    // 2. 发送消息
    let promise = tim.sendMessage(message);
    promise.then(function (imResponse) {
      // 发送成功
      console.log("send success!");
      console.log(imResponse);
    }).catch(function (imError) {
      // 发送失败
      console.warn('sendMessage error:', imError);
    });

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    console.log(app.globalData.identity == '面试官')
    this.setData({
      p_identity: getApp().globalData.identity
    })
  },

})
let onMessageReceived = function (event) {
  // event.data - 存储 Message 对象的数组 - [Message]
  console.log("收到即时消息!");
  console.log(event.data);
  console.log(event.data[0].payload.text);
};
tim.on(TIM.EVENT.MESSAGE_RECEIVED, onMessageReceived);

var i=0;

let onConversationListUpdated = function (event) {
  console.log("收到离线消息!");
  console.log(event.data);
  console.log(event.data[i].lastMessage.messageForShow);// 包含 Conversation 实例的数组
  i++;
};
tim.on(TIM.EVENT.CONVERSATION_LIST_UPDATED, onConversationListUpdated);

怎么将

let onConversationListUpdated = function (event) {
  console.log("收到离线消息!");
  console.log(event.data);
  console.log(event.data[i].lastMessage.messageForShow);// 包含 Conversation 实例的数组
  i++;
};
tim.on(TIM.EVENT.CONVERSATION_LIST_UPDATED, onConversationListUpdated);

里的数据渲染到UI上。setdata()都不能用,用了会报错

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
微信小程序聊天服务端怎么部署?

自己写了个微信小程序聊天室,开发工具+本地eclipse调试已经ok。现在打算部署到互联网,有这方面操作经验的说一下,不用自己再去看文档,或者百度流程了。谢谢~

微信小程序渲染,数组怎么单独渲染出来。

![图片说明](https://img-ask.csdn.net/upload/201810/20/1540030083_955216.png) ![图片说明](https://img-ask.csdn.net/upload/201810/20/1540030095_430063.png) ![图片说明](https://img-ask.csdn.net/upload/201810/20/1540030112_790861.png) 微信小程序渲染,数组怎么单独渲染foo出来。

关于web api使用signalR开发微信小程序聊天功能的求助

我想用signalR开发微信小程序的聊天功能 小程序有websocket API,我想大致流程应该是小程序端用websocket连接服务器端的signalR,但是具体的流程我又不清楚,因为我其他的功能都是http访问,使用wx.request这样的方法。 想问一下,websocket连接signalR的流程是什么样的啊?能推荐一些文章或者分享一些源码吗?谢谢有经验的人指点。

python写的爬虫怎么放在微信小程序的环境下运行(或者说怎么在微信小程序写爬虫)?

本人大四,现在正在准备毕业设计,不想做一般的web项目(所有人都在做没有什么新意),思来想去最后决定用python写个爬虫(这个是毕设的核心功能),然后想联系当下的较流行的微信小程序,把爬虫放到微信小程序上进行运行(曾在网上看到一位大神在小程序上爬豆瓣的妹子图,感觉和我想要的差不多)。大致的流程基本是这样的。所以想大佬们指导一下小弟,怎么在小程序上实现爬虫?

Python做的爬虫怎么放到微信小程序上面去?

我想做一个微信小程序,然后后端是一个Python写的网站爬虫,用来爬一些牌子的商品上新数据,小程序就用来获取和显示爬到的数据,但是不想一直带着电脑,所以想把爬虫做成一个微信小程序放到手机上。 自己目前还是大二,编程能力渣渣,所以想借这个机会提高一下自己的能力,还请大佬指点怎么把Python做的爬虫变成微信小程序 我有了解到java做后端的,但是我java才学了一丢丢,和没学差不多,所以如果和java相关的也是可以的,我看看能不能努力去学学看,当然最好是Python

自己开发的微信小程序能否将信息保存到本地?

之前只学过java web,毕业设计挑的微信小程序,具体点是一个仿个人博客的微信小程序,请问各位前辈微信小程序能否像java web一样将信息保存到本地而不需要发布到网上去?比如在发布界面写一段话点击发布后保存到了本地,然后可以在别的界面看到?本人是个菜鸟,希望各位前辈多多帮助,多多包涵,表述不好各位见笑了。

微信小程序数据渲染,求大神帮帮检查

![图片说明](https://img-ask.csdn.net/upload/201810/20/1540025938_811830.png) ![js](https://img-ask.csdn.net/upload/201810/20/1540025946_662479.png) ![data](https://img-ask.csdn.net/upload/201810/20/1540025954_316443.png) 微信小程序数据渲染,求大神帮帮检查哪里出错了,该怎么修改,谢谢!

微信小程序如何获取公众号内容列表并在小程序中显示

请问微信小程序想要实现一个链接可以获得微信公众号里的内容应该怎么做?微信公众号是第三方的,不是自己的。

微信小程序如何展示星级评分

根据https://blog.csdn.net/qq_35713752/article/details/78770260 做的一个微信评分小程序 我想存这些评分到云数据库,然后另一个页面读取出来。 那么请问evaluations的id与star要怎么存和怎么读取?

微信小程序怎么跳转到系统浏览器?

微信小程序中怎么才能跳出微信跳转到手机自带的浏览器呢?不是在微信小程序内部打开外部链接,是怎样在小程序中点击设置的某个链接跳出微信并跳转到手机自带的浏览器?

微信小程序我前端循环渲染,如何把渲染的组件在点击时传递数据给js

小程序我前端循环渲染,如何把渲染的组件在点击时传递数据给js? js-->携带数据,并且循环渲染给每个组件--->组件绑定bindtap事件,在点击该组件时,把该组件的数据,传到bindtap事件函数

关于微信小程序请求服务器和服务器返回数据的疑问

当微信小程序的两个不同用户在同一功能实现上同一时间向服务器请求数据,服务器在返回数据时会不会发错用户? 我想做的微信小程序后台是用Java编写的,用Tomcat做服务,用servlet来响应小程序请求

请问微信小程序如何生成Excel文件

请问各位大侠微信小程序如何实现用户点击生成按钮把内容生成Excel文件,并发送到指定邮箱

微信小程序实现pdf预览思路

个人微信认证小程序,无法嵌入html网页。那这样子的话怎么实现微信小程序预览pdf呢? 请教大神

微信小程序搜索功能怎么实现?

正在做一个微信小程序,想添加一个搜索功能,该怎么实现呢?搜索的内容要放到数据库里吗?最好有个案例学习学习。

微信小程序如何设置appid

之前创建微信小程序项目的时候还没有APP id,所以创建了一个无appid的项目,现在有了一个appid,请问如何 给之前的项目关联appid呢?谢谢!

微信小程序 页面跳转问题

微信小程序 不带返回按钮的页面跳转redirect不起作用 wxml代码如下: ``` <view class="weui-msg__desc"> 3秒后返回首页,如未跳转,请点击 <navigator url="../index/index" class="weui-msg__link" redirect>返回首页</navigator> </view> ``` 还有一种方式也不起作用: wxml代码如下: ``` <view class="weui-msg__desc"> 3秒后返回首页,如未跳转,请点击 <navigator hover-class="changestyle">返回首页</navigator> </view> ``` js代码如下: ``` wx.redirectTo({ url: 'pages/index/index' }) ``` 我知道,为了不让用户在使用小程序时造成困扰,微信小程序规定页面路径只能是五层,请尽避免多层级的交互方式。 那么我要在第五层的页面返回首页,怎么删除前面的四层呢?redirect只能删除当前的一层

微信小程序用echarts ,for循环渲染图表,切换后显示不全;

在微信小程序上用echarts , 用wx:for 循环数组,生成图表,第一次加载的时候,数组里两条数据,两个图表能正常显示;切换后数组变为一条数据,也能正常显示;再切换回来两条数据,图表只能渲染一个,第二个被设置display:none 了;哪位大佬知道这个是为啥啊?求指教~~~

请问大神微信小程序生成Excel浏览

请问各位大神微信小程序里用户点击按钮把指定内容生成Excel并自动打开浏览如何实现的,后台是php ,linux服务器,还有微信小程序二维码签到的功能实现。

C/C++学习指南全套教程

C/C++学习的全套教程,从基本语法,基本原理,到界面开发、网络开发、Linux开发、安全算法,应用尽用。由毕业于清华大学的业内人士执课,为C/C++编程爱好者的教程。

定量遥感中文版 梁顺林著 范闻捷译

这是梁顺林的定量遥感的中文版,由范闻捷等翻译的,是电子版PDF,解决了大家看英文费时费事的问题,希望大家下载看看,一定会有帮助的

YOLOv3目标检测实战:训练自己的数据集

YOLOv3是一种基于深度学习的端到端实时目标检测方法,以速度快见长。本课程将手把手地教大家使用labelImg标注和使用YOLOv3训练自己的数据集。课程分为三个小项目:足球目标检测(单目标检测)、梅西目标检测(单目标检测)、足球和梅西同时目标检测(两目标检测)。 本课程的YOLOv3使用Darknet,在Ubuntu系统上做项目演示。包括:安装Darknet、给自己的数据集打标签、整理自己的数据集、修改配置文件、训练自己的数据集、测试训练出的网络模型、性能统计(mAP计算和画出PR曲线)和先验框聚类。 Darknet是使用C语言实现的轻型开源深度学习框架,依赖少,可移植性好,值得深入探究。 除本课程《YOLOv3目标检测实战:训练自己的数据集》外,本人推出了有关YOLOv3目标检测的系列课程,请持续关注该系列的其它课程视频,包括: 《YOLOv3目标检测实战:交通标志识别》 《YOLOv3目标检测:原理与源码解析》 《YOLOv3目标检测:网络模型改进方法》 敬请关注并选择学习!

sql语句 异常 Err] 1064 - You have an error in your SQL syntax; check the manual that corresponds to your

在我们开发的工程中,有时候会报 [Err] 1064 - You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ------ 这种异常 不用多想,肯定是我们的sql语句出现问题,下面...

浪潮集团 往年的软件类 笔试题 比较详细的哦

浪潮集团 往年的软件类 笔试题 比较详细的哦

2019 AI开发者大会

2019 AI开发者大会(AI ProCon 2019)是由中国IT社区CSDN主办的AI技术与产业年度盛会。多年经验淬炼,如今蓄势待发:2019年9月6-7日,大会将有近百位中美顶尖AI专家、知名企业代表以及千余名AI开发者齐聚北京,进行技术解读和产业论证。我们不空谈口号,只谈技术,诚挚邀请AI业内人士一起共铸人工智能新篇章!

I2c串口通信实现加速度传感器和FPGA的交流

此代码能实现加速度传感器与FPGA之间的交流,从而测出运动物体的加速度。

Python可以这样学(第一季:Python内功修炼)

董付国系列教材《Python程序设计基础》、《Python程序设计(第2版)》、《Python可以这样学》配套视频,讲解Python 3.5.x和3.6.x语法、内置对象用法、选择与循环以及函数设计与使用、lambda表达式用法、字符串与正则表达式应用、面向对象编程、文本文件与二进制文件操作、目录操作与系统运维、异常处理结构。

微信公众平台开发入门

本套课程的设计完全是为初学者量身打造,课程内容由浅入深,课程讲解通俗易懂,代码实现简洁清晰。通过本课程的学习,学员能够入门微信公众平台开发,能够胜任企业级的订阅号、服务号、企业号的应用开发工作。 通过本课程的学习,学员能够对微信公众平台有一个清晰的、系统性的认识。例如,公众号是什么,它有什么特点,它能做什么,怎么开发公众号。 其次,通过本课程的学习,学员能够掌握微信公众平台开发的方法、技术和应用实现。例如,开发者文档怎么看,开发环境怎么搭建,基本的消息交互如何实现,常用的方法技巧有哪些,真实应用怎么开发。

机器学习初学者必会的案例精讲

通过六个实际的编码项目,带领同学入门人工智能。这些项目涉及机器学习(回归,分类,聚类),深度学习(神经网络),底层数学算法,Weka数据挖掘,利用Git开源项目实战等。

eclipseme 1.7.9

eclipse 出了新的eclipseme插件,官方有下载,但特慢,我都下了大半天(可能自己网速差)。有急需要的朋友可以下哦。。。

Spring Boot -01- 快速入门篇(图文教程)

Spring Boot -01- 快速入门篇 今天开始不断整理 Spring Boot 2.0 版本学习笔记,大家可以在博客看到我的笔记,然后大家想看视频课程也可以到【慕课网】手机 app,去找【Spring Boot 2.0 深度实践】的课程,令人开心的是,课程完全免费! 什么是 Spring Boot? Spring Boot 是由 Pivotal 团队提供的全新框架。Spring Boot...

HoloLens2开发入门教程

本课程为HoloLens2开发入门教程,讲解部署开发环境,安装VS2019,Unity版本,Windows SDK,创建Unity项目,讲解如何使用MRTK,编辑器模拟手势交互,打包VS工程并编译部署应用到HoloLens上等。

最简单的倍频verilog程序(Quartus II)

一个工程文件 几段简单的代码 一个输入一个输出(50Mhz倍频到100Mhz)

计算机组成原理实验教程

西北工业大学计算机组成原理实验课唐都仪器实验帮助,同实验指导书。分为运算器,存储器,控制器,模型计算机,输入输出系统5个章节

4小时玩转微信小程序——基础入门与微信支付实战

这是一个门针对零基础学员学习微信小程序开发的视频教学课程。课程采用腾讯官方文档作为教程的唯一技术资料来源。杜绝网络上质量良莠不齐的资料给学员学习带来的障碍。 视频课程按照开发工具的下载、安装、使用、程序结构、视图层、逻辑层、微信小程序等几个部分组织课程,详细讲解整个小程序的开发过程

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

基于RSA通信密钥分发的加密通信

基于RSA通信密钥分发的加密通信,采用pycrypto中的RSA、AES模块实现

不同变质程度煤尘爆炸残留气体特征研究

为分析不同变质程度煤尘爆炸残留气体成分的特征规律,利用水平管道煤尘爆炸实验装置进行了贫瘦煤、肥煤、气煤、长焰煤4种不同变质程度的煤尘爆炸实验,研究了不同变质程度煤尘爆炸后气体残留物含量的差异,并对气体

设计模式(JAVA语言实现)--20种设计模式附带源码

课程亮点: 课程培训详细的笔记以及实例代码,让学员开始掌握设计模式知识点 课程内容: 工厂模式、桥接模式、组合模式、装饰器模式、外观模式、享元模式、原型模型、代理模式、单例模式、适配器模式 策略模式、模板方法模式、观察者模式、迭代器模式、责任链模式、命令模式、备忘录模式、状态模式、访问者模式 课程特色: 笔记设计模式,用笔记串连所有知识点,让学员从一点一滴积累,学习过程无压力 笔记标题采用关键字标识法,帮助学员更加容易记住知识点 笔记以超链接形式让知识点关联起来,形式知识体系 采用先概念后实例再应用方式,知识点深入浅出 提供授课内容笔记作为课后复习以及工作备查工具 部分图表(电脑PC端查看):

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

软件测试2小时入门

本课程内容系统、全面、简洁、通俗易懂,通过2个多小时的介绍,让大家对软件测试有个系统的理解和认识,具备基本的软件测试理论基础。 主要内容分为5个部分: 1 软件测试概述,了解测试是什么、测试的对象、原则、流程、方法、模型;&nbsp; 2.常用的黑盒测试用例设计方法及示例演示;&nbsp; 3 常用白盒测试用例设计方法及示例演示;&nbsp; 4.自动化测试优缺点、使用范围及示例‘;&nbsp; 5.测试经验谈。

几率大的Redis面试题(含答案)

本文的面试题如下: Redis 持久化机制 缓存雪崩、缓存穿透、缓存预热、缓存更新、缓存降级等问题 热点数据和冷数据是什么 Memcache与Redis的区别都有哪些? 单线程的redis为什么这么快 redis的数据类型,以及每种数据类型的使用场景,Redis 内部结构 redis的过期策略以及内存淘汰机制【~】 Redis 为什么是单线程的,优点 如何解决redis的并发竞争key问题 Red...

手把手实现Java图书管理系统(附源码)

【超实用课程内容】 本课程演示的是一套基于Java的SSM框架实现的图书管理系统,主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的java人群。详细介绍了图书管理系统的实现,包括:环境搭建、系统业务、技术实现、项目运行、功能演示、系统扩展等,以通俗易懂的方式,手把手的带你从零开始运行本套图书管理系统,该项目附带全部源码可作为毕设使用。 【课程如何观看?】 PC端:https://edu.csdn.net/course/detail/27513 移动端:CSDN 学院APP(注意不是CSDN APP哦) 本课程为录播课,课程2年有效观看时长,大家可以抓紧时间学习后一起讨论哦~ 【学员专享增值服务】 源码开放 课件、课程案例代码完全开放给你,你可以根据所学知识,自行修改、优化

jsp+servlet入门项目实例

jsp+servlet实现班级信息管理项目

winfrom中嵌套html,跟html的交互

winfrom中嵌套html,跟html的交互,源码就在里面一看就懂,很简单

Java面试题大全(2020版)

发现网上很多Java面试题都没有答案,所以花了很长时间搜集整理出来了这套Java面试题大全,希望对大家有帮助哈~ 本套Java面试题大全,全的不能再全,哈哈~ 一、Java 基础 1. JDK 和 JRE 有什么区别? JDK:Java Development Kit 的简称,java 开发工具包,提供了 java 的开发环境和运行环境。 JRE:Java Runtime Environ...

python实现数字水印添加与提取及鲁棒性测试(GUI,基于DCT,含测试图片)

由python写的GUI,可以实现数字水印的添加与提取,提取是根据添加系数的相关性,实现了盲提取。含有两种攻击测试方法(高斯低通滤波、高斯白噪声)。基于python2.7,watermark.py为主

Xshell6完美破解版,亲测可用

Xshell6破解版,亲测可用,分享给大家。直接解压即可使用

你连存活到JDK8中著名的Bug都不知道,我怎么敢给你加薪

CopyOnWriteArrayList.java和ArrayList.java,这2个类的构造函数,注释中有一句话 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 public ArrayList(Collection&lt;? ...

相关热词 c#框体中的退出函数 c# 按钮透明背景 c# idl 混编出错 c#在位置0处没有任何行 c# 循环给数组插入数据 c# 多线程死锁的例子 c# 钉钉读取员工排班 c# label 不显示 c#裁剪影像 c#工作进程更新ui
立即提问