微信小程序利用腾讯云IM即时通讯发送文字+表情开发

能做到发送表情这一步说明你的文字发送已经成功了，先上效果图

第一步就是要先找到表情包了，因为开发时间的原因我这里直接找的是文字表情。而不是图片(png,jpg,gif)格式的表情。文字表情比较方便跟文字一起输入做处理。这个地址里面的表情应该够用了，http://www.oicqzone.com/tool/emoji/，复制最后一列的黑色图标，自定义表情数组。如下：

// 表情数组
emojiChar: ["?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?"],

定义好之后用wx:for在页面中渲染出来。如下
3.定义选择表情的事件，事件处理，与input的值相加,然后调用发送文字消息方法，完成！！

    // 选择表情selectEmoji:function(e){this.setData({inputValue: this.data.inputValue + e.currentTarget.dataset.text})},

微信小程序利用腾讯云IM即时通讯发送文字+表情开发相关推荐

微信小程序接入腾讯云IM即时通讯（获取聊天历史记录开发步骤）
微信小程序接入腾讯云IM即时通讯(获取聊天历史记录开发步骤) 1.先看文档: 获取 C2C 历史消息 :https://cloud.tencent.com/document/product/269/1 ...
微信小程序利用腾讯云IM发送语音 + 图片
微信小程序利用腾讯云IM发送语音 + 图片能做到这里说明你已经可以发送普通文本了如果没有的话可以看一下我的上一篇文章有完整的讲解效果图语音聊天发送图片传送 → 发送图片发送语音 ** ...
【小程序】微信小程序使用腾讯云IM（一）：登录
微信小程序使用腾讯云IM 新项目已经写了很久啦这个项目里主要的难点其实是1v1聊天.他们对比了好几家的即时通讯,最后选择了腾讯云通信.我猜,可能是因为腾讯云上说日活低于10w可以不付费吧.省钱嘛~踩 ...
微信小程序实现腾讯云接口图象识别
微信小程序实现腾讯云接口图象识别注:操作环境:springboot+微信小程序 1.导入maven 腾讯云图象识别接口 jar包 <depend ...
微信小程序开通腾讯云开发环境
目录微信小程序开通"腾讯云"开发环境注册腾讯云账号配置开发环境微信小程序开通"腾讯云"开发环境这里强调以下,标题是"腾讯云"开发环 ...
微信小程序基于腾讯云对象存储的图片上传
在使用腾讯云对象存储之前,公司一直使用的是传统的FTP的上传模式,而随着用户量的不断增加,FTP所暴露出来的问题也越来越多,1.传输效率低,上传速度慢.2.时常有上传其他文件来攻击服务器,安全上得不到 ...
微信小程序授权腾讯云
前言: 如果之前没有授权过腾讯云,现在在开发者工具页面已经没有腾讯云选项,只有一个腾讯位置服务. 在开发者工具里面也没有腾讯云按钮(我这是己经授权才出现的,之前并没有) 但是目前的项目并不想使用云开发 ...
微信小程序开通腾讯云开发实践流程附详细图解
微信小程序开发交流qq群 173683895 云开发流程: 1.关联账户关联腾讯云账号与微信公众号平台账号.前往关联账号时,请选择微信公众号.错误关联账号请在腾讯云账号中心重新绑定. 已关联账号 ...
微信小程序直播自己的服务器,使用微信小程序和腾讯云实现直播功能
不久前微信小程序开放了直播接口,正好阿北的服务器在腾讯云上,就用腾讯云的直播服务实战了一下,以下为实战过程,希望对你有用. 我是通过obs实现推流,然后用小程序进行直播播放,也就是PC->小程序 ...
微信小程序集成腾讯云 IM SDK
1.背景因业务功能需求需要接入IM(即时聊天)功能,一开始想到的是使用 WebSocket 来实现这个功能,然天意捉弄(哈哈)服务器版本太低不支持 wx 协议(也就不支持 WebSocket了)不得 ...

微信小程序利用腾讯云IM即时通讯发送文字+表情开发

微信小程序利用腾讯云IM即时通讯发送文字+表情开发

能做到发送表情这一步说明你的文字发送已经成功了，先上效果图

微信小程序利用腾讯云IM即时通讯发送文字+表情开发相关推荐

最新文章

热门文章