基于LeanCloud开发在线聊天系统

Web云端存储

Github代码:https://github.com/leancloud/StorageStarted
已在本机上运行成功,运行方式如下:

  1. 到LeanCloud云端新建项目看,记录APP_ID和APP_KEY
  2. 修改代码initLeanCloud.js中的APPID和APPKEY为自己的APPID和APPKEY
  3. 将代码放到本机XAMPP的htdocs目录下,访问http://localhost/Web/login/login.html是入口,即可使用

具体功能:

  1. 登录注册
  2. 数据库新增
  3. 文件上传
  4. 商品条目发布

借鉴:可以根据这个项目了解LeanCloud Web开发的基本数据库操作


基于LeanCloud开发的你画我猜游戏

视频网址:https://www.bilibili.com/video/av11608322/
PPT和源码地址:https://github.com/jiacai2050/you-draw-i-guess
基于LeanCloud云后台和NodeJS开发,暂时未在本机复现,在线演示地址在这里
具体功能:

  1. 实时通信
  2. 数据存储,用户注册,登录,登出
  3. 云引擎

基于LeanCloud的实时通信系统

Github地址:https://github.com/leancloud/leanmessage-demo
在线Demo:https://leanmessage.leanapp.cn/#/
运行及安装:在Win10上安装和运行失败,但是在Ubuntu上运行成功,基于NodeJS和Angular框架开发,Ubuntu上操作如下:

特点:

  • 基于NodeJS和AngularJS框架实现
  • 实现了单人聊天,多人聊天,登入登出,广播功能
  • 用户系统尚不完善

基于LeanCloud的使用WebRTC插件实现视频一对一聊天

尝试了一下,这个没有跑通,官方给的网页也不相应,Github的代码也两年没更新源码位置:https://github.com/leancloud/js-realtime-sdk/tree/master/demo/webrtc

插件的接口文档在这里:http://leancloud.github.io/js-realtime-sdk/plugins/webrtc/docs/

社区看了一下这个示例程序不再维护了:https://forum.leancloud.cn/t/javascript/14055/2

七牛云是一个也许可行的解决方案,但是还需要调研
即构科技的方案:https://www.zego.im/html/product/realtime-video.html,但是问题在于这个只有安卓,IOS和WinDows版本,没有网页版

最后跑通了WebRTC的代码,但是没能建立视频链接,方法如下:

  1. 克隆js-realtime-sdk的项目,进入目录,切换到dist分支

  2. 修改demo/webRTC顶部的代码为这样:

  3. 在这个目录下建立一个静态server,可以参考该链接

  4. 使用static指令可以运行服务端到http://127.0.0.1:8080,访问localhost:8080/demo/webrtc即可。但是用我的笔记本无法访问到这台电脑,哪怕用IP地址也不行,所以无法使用不同机器测试视频。

  5. 使用static -a 10.92.13.148可以修改IP地址为10.92.13.148,这样我用笔记本可以访问,但因为建立的是http请求,有安全问题,也无法访问,要改成https才行。


LeanCloud 实时通信SDK Demo

展示网页:https://leancloud.github.io/js-realtime-sdk/demo/simple-chatroom/
代码:https://github.com/leancloud/js-realtime-sdk/tree/master/demo/simple-chatroom
实时通信都需要NodeJS环境运行才行,尝试了在XAMPP下跑,但是AV这个库找不到,因为没有对应的包


补充链接

发表评论