基于环信sdk在uni-app框架中快速开发一款多平台社交Demo
说在前面:此款 demo 是基于 环信sdk 开发的一款具有单聊、群聊、聊天室、音视频等功能的应用。在此之前我们已经开发完 Vue、react(web端)、微信小程序。这三个热门领域的版本,如有需要源码可以后台留言索取。
安装开发工具
我们选用微信小程序来用做示例(如果选择百度、支付宝安装对应开发者工具即可)、
微信开发者工具
建议还是安装最新版的。uni-app
的开发也必须安装HBuilderX
工具,这个是捆绑的,没得选择。要用uni-app
,你必须得装!
工具安装:
微信开发者工具
HBuilderX
项目demo介绍:
项目demo启动预览:
快速集成环信 sdk:
1、复制整个utils文件
如果你想具体了解主要配置文件 请看这个链接:
http://docs-im.easemob.com/im/web/intro/start
2、如何使用环信的appkey ,可以在环信 console 后台注册一个 账号申请appkey ,可以参考这里 ,获取到 appkey 以后添加到配置文件中 ,如下图所示:
以上两个重要的配置准备完成之后就可以进行一系列的操作了(收发消息、好友申请、进群入群通知等)
在uni-app中 使用环信 sdk 实现添加、删除好友:
1、在全局 App.vue 文件 钩子函数 onLaunch() 中监听各种事件 (好友申请、收到各类消息等)如图:
发送好友请求:
在onPresence(message)
事件中接收到好友消息申请:
同意好友请求:
拒绝好友请求:
实现收发消息:
1、给好友发送消息:
2、接收到消息:
在onTextMessage(message)
事件中接收到好友消息,然后做消息上屏处理(具体消息上屏逻辑可看demo中代码示例):
以上展示的仅仅为基本业务场景,更多的业务逻辑详情请看demo示例。api具体详情可以查看 环信sdk 文档
最后结语:基于uni-app这个框架可实现多平台, 虽然目前一期集成环信sdk的版本仅支持微信小程序版本,但二期我们将加入头条、支付宝等小程序,敬请期待。PS:对于安卓、ios移动端,我们建议使用针对移动端开发的sdk版本。
基于uni-app的开发其中也趟了不少坑,在这里就不多赘述了。回归到框架的选型来讲,选用uni-app
开发小程序,可同时并行多端小程序,这点是真香,一次开发多端发布。至于审核嘛~ 时快时慢。
基于环信sdk在uni-app框架中快速开发一款多平台社交Demo相关推荐
- Android基于环信SDK开发IM即时聊天(一)
2016-09-02更新:可以看一下最新的这篇文章和源码,Android基于环信SDK开发IM即时聊天(二) 目前市面上我了解的做第三方即时聊天SDK的有两家:环信.融云,这里我使用环信SDK来完成即 ...
- Android基于环信SDK开发IM即时聊天(二)
声明1:北京时间现在是2019/6/10,评论里的问题我看到了,这几天我找时间看看源代码问题出在哪,在此感谢大家的监督 声明2:此Demo我是在5.1测试机上测试通过,感谢WTQ_DOMIAN的评论, ...
- android 第三方 im,Android基于环信SDK开发IM即时聊天
目前市面上我了解的做第三方即时聊天SDK的有两家:环信.融云,这里我使用环信SDK来完成即时聊天的初步开发工作. 下面先奉上1张效果图: 1.开发准备 首先要到环信官网注册开发者账号,目前只有企业账号 ...
- 环信sdk android 聊天,Android基于环信SDK开发IM即时聊天
根据用户移动地图的位置,显示在视野范围内的建筑物,简单的思路是,添加地图监听,当地图移动结束之后,计算出当前屏幕四个角的GeoPoint,根据这4个点,通过mys 目前市面上我了解的做第三方即时聊天S ...
- iOS 基于环信SDK实现即时通讯-文字聊天
这里介绍集成环信SDK3.0自定义聊天页面,后面有练习项目地址 首先到环信官网下载环信SDK.由于后续会实现语音.视频,我这里使用的是带有语音的SDK 下载完成后把HyphenateFullSDK文件 ...
- mob sdk vue 短信验证_基于环信SDK的IM即时通讯填坑之路(vue)
1.这里如果注册异常的type==17则代表已注册,那就直接去登录 2.这里id是依据是否在应用内已登录(自己应用,非环信), 如果是未登录(游客状态)则随机一个 Math.ceil(Math.ran ...
- 基于环信sdk的陌生人交友php服务器代码开源
2019独角兽企业重金招聘Python工程师标准>>> 这个是代码结构 服务器端需要两个服务器端软件的支持: 1:weed-fs golang写的海量小文件存储工具 2:memcac ...
- mui初级入门教程(五)— 聊聊即时通讯(IM),基于环信 web im SDK
文章来源:小青年原创 发布时间:2016-06-15 关键词:mui,环信 web im,html5+,im,页面传值,缓存 转载需标注本文原始地址: http://zhaomenghuan.gith ...
- Android基于环信开发的即时通讯APP
Android基于环信开发的即时通讯APP,源代码在Github上,GitHub地址为:https://github.com/PowerDos/BLChat ,希望能够帮到你们,下面是系统简介. 简介 ...
最新文章
- 丘成桐拉来又一菲尔茨奖得主全职加盟清华!年轻数学家40岁获奖,或带领军班、英才班本科生...
- Topshelf:一款非常好用的 Windows 服务开发框架 转发https://www.cnblogs.com/happyframework/p/3601995.html...
- 申请 SSL 证书 --Nginx 配置Https 最佳实践
- java.lang.UnsatisfiedLinkError解决方法汇集
- docker file的介绍
- spring中的注解配置
- “新基建”下,真正的数字化转型是这样的?有内味了
- 经验也有捷径,来看下这些热点、经验、技术等干货应有尽有的公众号吧!
- 推荐一篇关于多租户Multi-Tenant数据架构的文章
- WebGIS中解决使用Lucene进行兴趣点搜索排序的两种思路
- 【Level 08】U07 Mixed Feelings L3 I just want to have fun
- WPF TreeView的使用
- 封装ajax函数支持jsonp,ajax和jsonp复习
- app 要求字体使用楷体,使用字体包
- BI项目失败?看看是不是缺少了这几项闭环!
- Java基础----交通工具的继承写法(面向对象的三大特征)
- 玩游戏计算机丢失msvcp,计算机丢失msvcp,因计算机丢失msvcp140
- Hexo博客使用友盟+CNZZ统计页面访问次数
- JavaScriptnbsp;的学习程序整理(…
- 美团买菜助手来了,自动点击,助你买菜