基于LeanCloud开发在线聊天系统

dada全栈架构、技术博客、系统配置、网页开发

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这个库找不到，因为没有对应的包

补充链接