互联网

互联网

6
评论

【源码下载】一款使用环信实现的开源灵魂社交APP(含服务器) 猿匹配 开源

beyond 发表了文章 • 2392 次浏览 • 2019-07-01 10:48 • 来自相关话题

#前言
近期,环信热心开发者-穿裤衩闯天下使用环信IM开发了一款实时聊天应用,包含简单的服务器端,现在正式开源给小伙伴们。感兴趣的同学可以一起搞一下哦,详细介绍请往下看。






  上代码
服务器:VMServer
客户端:VMMatch
 
 #VMMatch
猿匹配 —— 国内首个程序猿非严肃婚恋交友应用,让我们一言不合就来场匹配吧
 
#介绍#
首先说下中文名:为什么叫这个名字呢,因为这是一个程序猿(媛)之间匹配交流的应用啊其实这是一个使用环信 IM 开发的一款开源聊天项目,涵盖了时下流行的一些聊天元素,同时已将 IM 功能封装为单独库,可以直接引用,方便使用
项目还处在初期阶段,还有许多功能需要实现,有兴趣的可以一起来
项目资源均来自于互联网,如果有侵权请联系我
 
 #下载体验
猿匹配 小米商店 审核中
猿匹配 Google Play
 
  #项目截图

























  
 #开发环境
项目基本属于在最新的Android开发环境下开发,使用Java8的一些新特性,比如Lambda表达式,
然后项目已经适配Android6.x以上的动态权限适配,以及7.x的文件选择,和8.x的通知提醒等;
· Mac OS 10.14.4
· Android Studio 3.3.2
  #项目模块儿
本项目包含两部分:
一部分是项目主模块app,这部分主要包含了项目的业务逻辑,比如匹配、信息修改、设置等
另一部分是封装成library的vmim,这是为了方便大家引用到自己的项目中做的一步封装,不用再去复杂的复制代码和资源等,
只需要将vmim以module导入到自己的项目中就行了,具体使用方式参见项目app模块儿;
 
  #功能与 TODO
IM部分功能
· [x] 链接监听
· [x] 登录注册
· [x] 会话功能
      。[x] 置顶
      。[x] 标为未读
      。[x] 删除与清空
      。[x] 草稿功能
· [x] 消息功能
      。[x] 下拉加载更多
      。[x] 消息复制(仅文字类消息)
      。[x] 消息删除
      。[x] 文本+Emoji消息收发
      。[x] 大表情消息收发
      。[x] 图片消息
        ~[x] 查看大图
        ~[ ] 保存图片
      。[x] 语音消息
        ~[x] 语音录制
        ~[x] 语音播放(可暂停,波形待优化)
        ~[x] 听筒和扬声器播放切换
      。[x] 语音实时通话功能
      。[x] 视频实时通话功能
      。[x] 通话过程中的娱乐消息收发
        ~[x] 骰子
        ~[x] 石头剪刀布
        ~[x] 大表情
      。[x] 昵称头像处理(通过回调实现)
App部分功能
· [x] 登录注册(包括业务逻辑和 IM 逻辑)
· [x] 匹配
      。[x] 提交匹配信息
      。[x] 拉取匹配信息
· [x] 聊天(这里直接加载 IM 模块儿)
· [x] 我的
      。[x] 个人信息展示
      。[x] 上传头像
      。[x] 设置昵称
      。[x] 设置签名
· [x] 设置
      。[x] 个人信息设置
      。[x] 通知提醒
      。[x] 聊天
      。[ ] 隐私(随业务部分一起完善)
      。[ ] 通用(随业务部分一起完善)
      。[ ] 帮助反馈(随业务部分一起完善)
      。[x] 关于
      。[x] 退出
· [ ] 社区
      。[ ] 发布
      。[ ] 评论
      。[ ] 收藏
      。[ ] 关注
发布功能
· [x] 多渠道打包
· [x] 签名配置
· [x] 开发与线上环境配置
· [x] 敏感信息保护
 
  #配置运行
1.首先复制config.default.gradle到config.gradle
2.配置下config.gradle环信appkey以及bugly统计Id
3.正式打包需要配置下签名信息,同时将签名文件放置在项目根目录
 
  #参与贡献
如果你有什么好的想法,或者好的实现,可以通过下边的步骤参与进来,让我们一起把这个项目做得更好,欢迎参与
1.Fork本仓库
2.新建feature_xxx分支 (单独创建一个实现你自己想法的分支)
3.提交代码
4.新建Pull Request
5.等待我们的Review & Merge
 
 #关联项目
服务器端由nodejs实现,地址见这里 VMServer
 
  #VMServer
是为Android开源项目VMMatch项目(中文名猿匹配)实现的服务端
 
  #简介
这个项目包含两部分
· 根目录:服务逻辑及API接口实现
· client目录:前端界面,和服务器端代码端放置在同一仓库下(暂未实现)
 
 #使用
简单介绍下运行环境及部署方法
1.安装nodejs开发时使用的是v10.16.0版本
2.需要安装mongodb并启动,开发使用版本4.0.10
3.下载项目到服务器,可以下载压缩包,或者用git clone命令
4.复制config_default.js到config.js,可根据自己需要修改配置文件
5.安装依赖npm install
6.全局安装pm2npm install pm2 -g 
7.运行 vmshell.sh
 




扫码备注【开源项目】邀你加入环信开源社群
 
转载自https://blog.melove.net/develop-open-source-im-match-and-server/ 
  查看全部
#前言
近期,环信热心开发者-穿裤衩闯天下使用环信IM开发了一款实时聊天应用,包含简单的服务器端,现在正式开源给小伙伴们。感兴趣的同学可以一起搞一下哦,详细介绍请往下看。

猿匹配_logo_副本.png


  上代码
服务器:VMServer
客户端:VMMatch
 
 #VMMatch
猿匹配 —— 国内首个程序猿非严肃婚恋交友应用,让我们一言不合就来场匹配吧
 
#介绍#
首先说下中文名:为什么叫这个名字呢,因为这是一个程序猿(媛)之间匹配交流的应用啊其实这是一个使用环信 IM 开发的一款开源聊天项目,涵盖了时下流行的一些聊天元素,同时已将 IM 功能封装为单独库,可以直接引用,方便使用
项目还处在初期阶段,还有许多功能需要实现,有兴趣的可以一起来
项目资源均来自于互联网,如果有侵权请联系我
 
 #下载体验
猿匹配 小米商店 审核中
猿匹配 Google Play
 
  #项目截图

1.png

2.png

3.png

4.png

5.png

6.png

  
 #开发环境
项目基本属于在最新的Android开发环境下开发,使用Java8的一些新特性,比如Lambda表达式,
然后项目已经适配Android6.x以上的动态权限适配,以及7.x的文件选择,和8.x的通知提醒等;
· Mac OS 10.14.4
· Android Studio 3.3.2
  #项目模块儿
本项目包含两部分:
一部分是项目主模块app,这部分主要包含了项目的业务逻辑,比如匹配、信息修改、设置等
另一部分是封装成library的vmim,这是为了方便大家引用到自己的项目中做的一步封装,不用再去复杂的复制代码和资源等,
只需要将vmim以module导入到自己的项目中就行了,具体使用方式参见项目app模块儿;
 
  #功能与 TODO
IM部分功能
· [x] 链接监听
· [x] 登录注册
· [x] 会话功能
      。[x] 置顶
      。[x] 标为未读
      。[x] 删除与清空
      。[x] 草稿功能
· [x] 消息功能
      。[x] 下拉加载更多
      。[x] 消息复制(仅文字类消息)
      。[x] 消息删除
      。[x] 文本+Emoji消息收发
      。[x] 大表情消息收发
      。[x] 图片消息
        ~[x] 查看大图
        ~[ ] 保存图片
      。[x] 语音消息
        ~[x] 语音录制
        ~[x] 语音播放(可暂停,波形待优化)
        ~[x] 听筒和扬声器播放切换
      。[x] 语音实时通话功能
      。[x] 视频实时通话功能
      。[x] 通话过程中的娱乐消息收发
        ~[x] 骰子
        ~[x] 石头剪刀布
        ~[x] 大表情
      。[x] 昵称头像处理(通过回调实现)
App部分功能
· [x] 登录注册(包括业务逻辑和 IM 逻辑)
· [x] 匹配
      。[x] 提交匹配信息
      。[x] 拉取匹配信息
· [x] 聊天(这里直接加载 IM 模块儿)
· [x] 我的
      。[x] 个人信息展示
      。[x] 上传头像
      。[x] 设置昵称
      。[x] 设置签名
· [x] 设置
      。[x] 个人信息设置
      。[x] 通知提醒
      。[x] 聊天
      。[ ] 隐私(随业务部分一起完善)
      。[ ] 通用(随业务部分一起完善)
      。[ ] 帮助反馈(随业务部分一起完善)
      。[x] 关于
      。[x] 退出
· [ ] 社区
      。[ ] 发布
      。[ ] 评论
      。[ ] 收藏
      。[ ] 关注
发布功能
· [x] 多渠道打包
· [x] 签名配置
· [x] 开发与线上环境配置
· [x] 敏感信息保护
 
  #配置运行
1.首先复制config.default.gradle到config.gradle
2.配置下config.gradle环信appkey以及bugly统计Id
3.正式打包需要配置下签名信息,同时将签名文件放置在项目根目录
 
  #参与贡献
如果你有什么好的想法,或者好的实现,可以通过下边的步骤参与进来,让我们一起把这个项目做得更好,欢迎参与
1.Fork本仓库
2.新建feature_xxx分支 (单独创建一个实现你自己想法的分支)
3.提交代码
4.新建Pull Request
5.等待我们的Review & Merge
 
 #关联项目
服务器端由nodejs实现,地址见这里 VMServer
 
  #VMServer
是为Android开源项目VMMatch项目(中文名猿匹配)实现的服务端
 
  #简介
这个项目包含两部分
· 根目录:服务逻辑及API接口实现
· client目录:前端界面,和服务器端代码端放置在同一仓库下(暂未实现)
 
 #使用
简单介绍下运行环境及部署方法
1.安装nodejs开发时使用的是v10.16.0版本
2.需要安装mongodb并启动,开发使用版本4.0.10
3.下载项目到服务器,可以下载压缩包,或者用git clone命令
4.复制config_default.js到config.js,可根据自己需要修改配置文件
5.安装依赖
npm install

6.全局安装pm2
npm install pm2 -g
 
7.运行 vmshell.sh
 
环信冬冬_副本.jpg

扫码备注【开源项目】邀你加入环信开源社群
 
转载自https://blog.melove.net/develop-open-source-im-match-and-server/ 
 
4
评论

在微信小程序里实现聊天室 聊天室 小程序

Tolazy 发表了文章 • 4227 次浏览 • 2019-04-19 17:49 • 来自相关话题

第一次搞小程序,老板让我实现一个聊天室功能,压力山大啊。
花了几天时间研究比较了一下方案,最后基于环信的小程序SDK 开发了一个聊天室。
 
准备工作
下载环信 小程序demo+sdkgit clone https://github.com/easemob/webim-weixin-xcx创建一个文件夹,将 demo 中的文件 comps、images、sdk、utils 拷贝到新的文件,文件目录说明



集成
登录环信没什么可说的,这里选择的是使用 username/password 登录,和demo中的一样,文件没有进行任何更改


在app.js 中注册的 WebIM.conn.listen, 然后在 登陆成功的回调 onOpened 设置的跳转页面,并将登陆的 username 赋给 myName,传到新的页面中使用


修改 roomlist.js 获取聊天室列表,是分页获取的,这里先偷个懒,获取了第一页 20 个聊天室


然后将listChatrooms() 分别在onLoad、onShow 内,更改下,将原有的 listGroups() 替换掉然后在roomlist.wxml 修改对应的 变量绑定名称





demo中的group.js 中,获取到的是当前登陆账号已加入的群组,咱们做的是聊天室功能,所以需要有一个加入的操作,找roomlist.js 中找到 into_room: function (event),然后填写加入聊天室的方法, 我是直接在当前这个里面加的跳转到聊天页面,并将当前登陆的IDmyName,聊天室IDgroupID,聊天室名称your 传给新页面


Ex:监听是否加入聊天室成功的回调是在 onPresence 中,type:memberJoinChatRoomSuccess,正常是监听这个回调跳转页面,有点麻烦就直接这样吧到会话页面后,需要修改一下对应的消息格式,在comps/chat/suit 目录下,将里面的文件对应的 js 文件根据文档给聊天室发送消息 格式进行修改,聊天室消息和群组消息不同,所以我目前是直接将getSendToParam()、isGroupChat() 注释,改成下面这样,demo 中下面还有代码的,这里就用 …… 代替了





就这样了,简单集成聊天室功能,demo中的UI 是开源的,可以根据自己的需求更改~下面是具体实现过程。代码也放在github 上了,有需要的兄弟自取。demo下载地址:https://github.com/lizgDonkey/room-xcx 查看全部
第一次搞小程序,老板让我实现一个聊天室功能,压力山大啊。
花了几天时间研究比较了一下方案,最后基于环信的小程序SDK 开发了一个聊天室。
 
准备工作
  1. 下载环信 小程序demo+sdk
    git clone https://github.com/easemob/webim-weixin-xcx
  2. 创建一个文件夹,将 demo 中的文件 comps、images、sdk、utils 拷贝到新的文件,文件目录说明
    ml.png

集成
  1. 登录环信没什么可说的,这里选择的是使用 username/password 登录,和demo中的一样,文件没有进行任何更改
    login.png
  2. 在app.js 中注册的 WebIM.conn.listen, 然后在 登陆成功的回调 onOpened 设置的跳转页面,并将登陆的 username 赋给 myName,传到新的页面中使用
    tz.png
  3. 修改 roomlist.js 获取聊天室列表,是分页获取的,这里先偷个懒,获取了第一页 20 个聊天室
    getroom.png
    然后将listChatrooms() 分别在onLoad、onShow 内,更改下,将原有的 listGroups() 替换掉
  4. 然后在roomlist.wxml 修改对应的 变量绑定名称
    listui.png
    list.png
  5. demo中的group.js 中,获取到的是当前登陆账号已加入的群组,咱们做的是聊天室功能,所以需要有一个加入的操作,找roomlist.js 中找到 into_room: function (event),然后填写加入聊天室的方法, 我是直接在当前这个里面加的跳转到聊天页面,并将当前登陆的IDmyName,聊天室IDgroupID,聊天室名称your 传给新页面
    joinrom.png
    Ex:监听是否加入聊天室成功的回调是在 onPresence 中,type:memberJoinChatRoomSuccess,正常是监听这个回调跳转页面,有点麻烦就直接这样吧
  6. 到会话页面后,需要修改一下对应的消息格式,在comps/chat/suit 目录下,将里面的文件对应的 js 文件根据文档给聊天室发送消息 格式进行修改,聊天室消息和群组消息不同,所以我目前是直接将getSendToParam()、isGroupChat() 注释,改成下面这样,demo 中下面还有代码的,这里就用 …… 代替了
    send.png
    chat.png
    就这样了,简单集成聊天室功能,demo中的UI 是开源的,可以根据自己的需求更改~下面是具体实现过程。代码也放在github 上了,有需要的兄弟自取。demo下载地址:https://github.com/lizgDonkey/room-xcx

13
回复

收集基于环信SDK开发的开源项目 开源项目

xiaoyan2015 回复了问题 • 13 人关注 • 17251 次浏览 • 2019-03-14 13:52 • 来自相关话题

4
评论

【开源项目】全国首个开源直播小程序源码

beyond 发表了文章 • 103563 次浏览 • 2018-07-20 17:30 • 来自相关话题

今天你看直播了吗?拥有10亿微信生态用户的小程序已经成为了继移动互联后的又一个现象级风口,随着微信小程序对外开放实时音视频录制及播放等更多连接能力,小程序与直播强强联合,在各行各业找到了非常多的玩法,小程序直播相比微信直播和APP直播更加简洁、流畅、低延时、多入口等众多优势迅速向商业直播领域及泛娱乐直播领域蔓延。从小游戏、内容付费、工具、大数据、社交电商创业者到传统品牌商们,都在努力搭上小程序直播这辆快车,以免错过微信生态里新的流量洼地。
 





作为一名环信生态圈资深开发者,本着对技术的热衷,对环信的眷恋和对党的忠诚,基于环信即时通讯云写了“直播购物小程序”,目前项目源码已全部免费开放,希望对有需求的企业和开发者提供一个思路和参考。
直播购物小程序源码github地址:https://github.com/YuTongNetworkTechnology/wechat_live/tree/master 
git打不开可直接点下面链接下载


小程序直播demo_2018-06-21.zip







直播购物小程序运行预览图 
 
小程序体验指南(仅需两步):
 
1、下载微信小程序开发工具,下载地址:https://developers.weixin.qq.c ... .html 
 




2、导入源码:将附件的源码解压直接导入 







环信小程序直播技术文档
一、 使用的技术
1、 环信IM直播室。
2、 微信小程序实时音视频播放组件live-player。
3、 推流软件(obs、易推流)等推流。
4、 视频流服务器(UCLOUD、七牛、腾讯)等视频流服务器。
二、 系统使用流程。
1、 视频推流软件将视频流推到流服务器。
2、 打开视频直播demo小程序注册环信账号。
3、 进入软件直播室进行测试。
三、 技术流程及使用的SDk
1、 注册环信账号
打开https://www.easemob.com/ 环信官网,点击右上角注册按钮,选择[注册即时通讯云]




填写对相关信息进行注册





注册成功后进行登录




注:新注册用户需进行账号的认证。
2、 直播应用创建
登录成功点击应用列表选择创建应用




输入应用名称等信息
 





创建成功后点击应用进入





需要注意的是应用的OrgName 和AppName这两个是以后都需要用到的两个参数变量




3、 直播创建
1)在创建直播之前需要对应用进行设置首先需要设置应用的直播流地址
第一步获取应用管理员的Tokencurl -X POST "https://a1.easemob.com/[应用OrgName]/[应用AppName]/token" -d '{"grant_type":"client_credentials","client_id":"[应用client_id]","client_secret":"[应用] client_secret"}'返回格式{
"access_token":"YWMtWY779DgJEeS2h9OR7fw4QgAAAUmO4Qukwd9cfJSpkWHiOa7MCSk0MrkVIco",
"expires_in":5184000,
"application":"c03b3e30-046a-11e4-8ed1-5701cdaaa0e4"












第二步设置直播流地址curl -X POST -H "Authorization: Bearer [管理员Token]" " https://a1.easemob.com/[应用OrgName]/[应用AppName]/liverooms/stream_url -d '{"pc_pull":"[pc拉流地址]","pc_push":"[pc推流地址]","mobile_pull":"[手机拉流地址]","mobile_push":"[手机推流地址]"}'"成功返回格式:{
"action": "post",
"application": "e1a09de0-0e03-11e7-ad8e-a1d913615409",
"uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
"entities": [ ],
"data": {
"pc_pull": true,
"mobile_push": true,
"mobile_pull": true,
"pc_push": true
},
"timestamp": 1494084474885,
"duration": 1,
"organization": "easemob-demo",
"applicationName": "chatdemoui"
}












2)创建主播
点击IM用户





点击注册IM用户





填写用户信息





创建用户的过程同样也可以通过REST API形式进行curl -X POST -i " https://a1.easemob.com/[应用OrgName]/[应用AppName]/users" -d '{"username":"[用户名]","password":"[密码]"}'
注:应用必须为开放注册





将注册的用户添加为主播curl -X POST -H "Authorization: [管理员Token]" https://a1.easemob.com/[应用OrgName]/[应用AppName]/super_admin -d'{"superadmin":"[IM用户名]"}'返回结果示例:{
"action": "post",
"application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
"uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
"entities": [ ],
"data": {
"result": "success"
},
"timestamp": 1496236798886,
"duration": 0,
"organization": "easemob-demo",
"applicationName": "chatdemoui"
}












3)创建直播
点击直播





点击新建房间





填写房间信息




创建房间同时也可以使用REST API形式进行详情可以查看http://docs.easemob.com/im/live/server-integration环信官方文档。
4、 小程序demo集成使用
小程序直播购物demo集成官方WebIM SDK详情请查看https://github.com/easemob/webim-weixin-xcx
Demo具体配置如下
打开demo 下sdk配置文件





修改appkey为自己应用的appkey





打开pages/live/index.js修改房间默认拉流地址及直播间房间号





四、 扩展说明
Demo中房间为固定测试房间,实际使用中应获取环信直播的房间信息及房间列表。具体如下:
获取直播间列表:curl -X GET -H "Authorization: Bearer [用户Token]" https://a1.easemob.com/[应用OrgName]/[应用AppName]/liverooms?ongoing=true&limit=[获取数量]&cursor=[游标地址(不填写为充开始查询)]
响应:{
"action": "get",
"application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
"params": {
"cursor": [
"ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6MzE"
],
"ongoing": [
"true"
],
"limit": [
"2"
]
},
"uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
"entities": [ ],
"data": [
{
"id": "1924",
"chatroom_id": "17177265635330",
"title": "具体了",
"desc": "就咯",
"startTime": 1495779917352,
"endTime": 1495779917352,
"anchor": "wuls",
"gift_count": 0,
"praise_count": 0,
"current_user_count": 8,
"max_user_count": 9,
"status": "ongoing",
"cover_picture_url": "",
"pc_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
"pc_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
"mobile_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
"mobile_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1"
},
{
"id": "1922",
"chatroom_id": "17175003856897",
"title": "香山",
"desc": "随便",
"startTime": 1495777760957,
"endTime": 1495777760957,
"anchor": "sx001",
"gift_count": 0,
"praise_count": 8,
"current_user_count": 1,
"max_user_count": 3,
"status": "ongoing",
"cover_picture_url": "http://127.0.0.1:8080/easemob- ... ot%3B,
"pc_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
"pc_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
"mobile_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
"mobile_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1"
}
],
"timestamp": 1496303336669,
"duration": 0,
"organization": "easemob-demo",
"applicationName": "chatdemoui",
"cursor": "ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6NDk",
"count": 2
}












获取直播间详情:curl -X GET -H "Authorization: Bearer [用户Token]" " https://a1.easemob.com/[应用OrgName]/[应用AppName]/[房间id]/status"响应:{
"action": "get",
"application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
"uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
"entities": [ ],
"data": {
"liveRoomID": "1946",
"status": "ongoing"
},
"timestamp": 1496234759930,
"duration": 0,
"organization": "easemob-demo",
"applicationName": "chatdemoui",
"count": 0
}














 
使用环信直播购物小程序遇到任何问题欢迎跟帖讨论。 查看全部
今天你看直播了吗?
拥有10亿微信生态用户的小程序已经成为了继移动互联后的又一个现象级风口,随着微信小程序对外开放实时音视频录制及播放等更多连接能力,小程序与直播强强联合,在各行各业找到了非常多的玩法,小程序直播相比微信直播和APP直播更加简洁、流畅、低延时、多入口等众多优势迅速向商业直播领域及泛娱乐直播领域蔓延。从小游戏、内容付费、工具、大数据、社交电商创业者到传统品牌商们,都在努力搭上小程序直播这辆快车,以免错过微信生态里新的流量洼地。
 
微信图片_20180725162426.jpg


作为一名环信生态圈资深开发者,本着对技术的热衷,对环信的眷恋和对党的忠诚,基于环信即时通讯云写了“直播购物小程序”,目前项目源码已全部免费开放,希望对有需求的企业和开发者提供一个思路和参考。
直播购物小程序源码github地址:https://github.com/YuTongNetworkTechnology/wechat_live/tree/master 
git打不开可直接点下面链接下载



预览图.jpg

直播购物小程序运行预览图 
 
小程序体验指南(仅需两步):
 
1、下载微信小程序开发工具,下载地址:https://developers.weixin.qq.c ... .html 
 
Catch9A07(07-20-17-38-30).jpg

2、导入源码:将附件的源码解压直接导入 


Catch1C69(07-20-17-38-30).jpg


环信小程序直播技术文档
一、 使用的技术
1、 环信IM直播室。
2、 微信小程序实时音视频播放组件live-player。
3、 推流软件(obs、易推流)等推流。
4、 视频流服务器(UCLOUD、七牛、腾讯)等视频流服务器。
二、 系统使用流程。
1、 视频推流软件将视频流推到流服务器。
2、 打开视频直播demo小程序注册环信账号。
3、 进入软件直播室进行测试。
三、 技术流程及使用的SDk
1、 注册环信账号
打开https://www.easemob.com/ 环信官网,点击右上角注册按钮,选择[注册即时通讯云]
1.png

填写对相关信息进行注册

2.png

注册成功后进行登录
3.png

注:新注册用户需进行账号的认证。
2、 直播应用创建
登录成功点击应用列表选择创建应用
4.png

输入应用名称等信息
 

5.png

创建成功后点击应用进入

6.png

需要注意的是应用的OrgName 和AppName这两个是以后都需要用到的两个参数变量
7.png

3、 直播创建
1)在创建直播之前需要对应用进行设置首先需要设置应用的直播流地址
第一步获取应用管理员的Token
curl -X POST "https://a1.easemob.com/[应用OrgName]/[应用AppName]/token" -d '{"grant_type":"client_credentials","client_id":"[应用client_id]","client_secret":"[应用] client_secret"}'
返回格式
{
"access_token":"YWMtWY779DgJEeS2h9OR7fw4QgAAAUmO4Qukwd9cfJSpkWHiOa7MCSk0MrkVIco",
"expires_in":5184000,
"application":"c03b3e30-046a-11e4-8ed1-5701cdaaa0e4"












第二步设置直播流地址
curl -X POST -H "Authorization: Bearer [管理员Token]"  " https://a1.easemob.com/[应用OrgName]/[应用AppName]/liverooms/stream_url -d '{"pc_pull":"[pc拉流地址]","pc_push":"[pc推流地址]","mobile_pull":"[手机拉流地址]","mobile_push":"[手机推流地址]"}'"
成功返回格式:
{
"action": "post",
"application": "e1a09de0-0e03-11e7-ad8e-a1d913615409",
"uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
"entities": [ ],
"data": {
"pc_pull": true,
"mobile_push": true,
"mobile_pull": true,
"pc_push": true
},
"timestamp": 1494084474885,
"duration": 1,
"organization": "easemob-demo",
"applicationName": "chatdemoui"
}












2)创建主播
点击IM用户

8.png

点击注册IM用户

9.png

填写用户信息

10.png

创建用户的过程同样也可以通过REST API形式进行
curl -X POST -i " https://a1.easemob.com/[应用OrgName]/[应用AppName]/users" -d '{"username":"[用户名]","password":"[密码]"}'

注:应用必须为开放注册

11.png

将注册的用户添加为主播
curl -X POST -H "Authorization: [管理员Token]"  https://a1.easemob.com/[应用OrgName]/[应用AppName]/super_admin -d'{"superadmin":"[IM用户名]"}'
返回结果示例:
{
"action": "post",
"application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
"uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
"entities": [ ],
"data": {
"result": "success"
},
"timestamp": 1496236798886,
"duration": 0,
"organization": "easemob-demo",
"applicationName": "chatdemoui"
}












3)创建直播
点击直播

12.png

点击新建房间

13.png

填写房间信息
14.png

创建房间同时也可以使用REST API形式进行详情可以查看http://docs.easemob.com/im/live/server-integration环信官方文档。
4、 小程序demo集成使用
小程序直播购物demo集成官方WebIM SDK详情请查看https://github.com/easemob/webim-weixin-xcx
Demo具体配置如下
打开demo 下sdk配置文件

15.png

修改appkey为自己应用的appkey

16.png

打开pages/live/index.js修改房间默认拉流地址及直播间房间号

17.png

四、 扩展说明
Demo中房间为固定测试房间,实际使用中应获取环信直播的房间信息及房间列表。具体如下:
获取直播间列表:
curl -X GET -H "Authorization: Bearer  [用户Token]"  https://a1.easemob.com/[应用OrgName]/[应用AppName]/liverooms?ongoing=true&limit=[获取数量]&cursor=[游标地址(不填写为充开始查询)]

响应:
{
"action": "get",
"application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
"params": {
"cursor": [
"ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6MzE"
],
"ongoing": [
"true"
],
"limit": [
"2"
]
},
"uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
"entities": [ ],
"data": [
{
"id": "1924",
"chatroom_id": "17177265635330",
"title": "具体了",
"desc": "就咯",
"startTime": 1495779917352,
"endTime": 1495779917352,
"anchor": "wuls",
"gift_count": 0,
"praise_count": 0,
"current_user_count": 8,
"max_user_count": 9,
"status": "ongoing",
"cover_picture_url": "",
"pc_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
"pc_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
"mobile_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
"mobile_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1"
},
{
"id": "1922",
"chatroom_id": "17175003856897",
"title": "香山",
"desc": "随便",
"startTime": 1495777760957,
"endTime": 1495777760957,
"anchor": "sx001",
"gift_count": 0,
"praise_count": 8,
"current_user_count": 1,
"max_user_count": 3,
"status": "ongoing",
"cover_picture_url": "http://127.0.0.1:8080/easemob- ... ot%3B,
"pc_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
"pc_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
"mobile_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
"mobile_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1"
}
],
"timestamp": 1496303336669,
"duration": 0,
"organization": "easemob-demo",
"applicationName": "chatdemoui",
"cursor": "ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6NDk",
"count": 2
}












获取直播间详情:
curl -X GET -H "Authorization: Bearer [用户Token]" " https://a1.easemob.com/[应用OrgName]/[应用AppName]/[房间id]/status"
响应:
{
"action": "get",
"application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
"uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
"entities": [ ],
"data": {
"liveRoomID": "1946",
"status": "ongoing"
},
"timestamp": 1496234759930,
"duration": 0,
"organization": "easemob-demo",
"applicationName": "chatdemoui",
"count": 0
}














 
使用环信直播购物小程序遇到任何问题欢迎跟帖讨论。
19
评论

【新手快速入门】集成环信常见问题+解决方案汇总

dujiepeng 发表了文章 • 23337 次浏览 • 2017-05-22 15:51 • 来自相关话题

   这里整理了集成环信的常见问题和一些功能的实现思路,希望能帮助到大家。感谢热心的开发者贡献,大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
 
ios篇
APNs证书创建和上传到环信后台头像昵称的简述和处理方案音视频离线推送Demo实现环信服务器聊天记录保存多久?离线收不到好友请求IOS中环信聊天窗口如何实现文件发送和预览的功能ios集成常见问题环信推送的一些常见问题实现名片|红包|话题聊天室等自定义cell
 
Android篇
Android sdk 的两种导入方式环信3.0SDK集成小米推送教程EaseUI库中V4、v7包冲突解决方案Android EaseUI里的百度地图替换为高德地图android扩展消息(名片集成)关于会话列表的置顶聊天java.lang.UnsatisfiedLinkError: 的问题android 端 app 后台被杀死收不到消息的解决方案
昵称头像篇
android中如何显示开发者服务器上的昵称和头像 Android中显示头像(接上一篇文章看)环信(Android)设置头像和昵称的方法(最简单暴力的基于环信demo的集成)IOS中如何显示开发者服务器上的昵称和头像【环信公开课第12期视频回放】-所有关于环信IM昵称头像的问题听这课就够了
 
直播篇
一言不合你就搞个直播APP
 
客服集成
IM-SDK和客服SDK并存开发指南—Android篇IM-SDK和客服SDK并存开发指南—iOS篇
 
开源项目
Android简版demoios简版demo凡信2.0:超仿微信的开源项目 凡信3.0:携直播和红包而来高仿微信:Github 3,515 Star方圆十里:环信编程大赛冠军项目泛聊:定一个小目标写一个QQSlack聊天机器人:一天时间做一个聊天机器人TV视频通话:在电视上视频通话视频通话:Android手机视频通话酷信:ios高仿微信公众号助手:与订阅用户聊天沟通
 
持续更新ing...小伙伴们还有什么想知道欢迎跟帖提出。
  查看全部
   这里整理了集成环信的常见问题和一些功能的实现思路,希望能帮助到大家。感谢热心的开发者贡献,大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
 
ios篇

 
Android篇

昵称头像篇

 
直播篇
  1. 一言不合你就搞个直播APP

 
客服集成
  1. IM-SDK和客服SDK并存开发指南—Android篇
  2. IM-SDK和客服SDK并存开发指南—iOS篇

 
开源项目

 
持续更新ing...小伙伴们还有什么想知道欢迎跟帖提出。
 
0
评论

创业关闭大潮,它潜伏修炼 互联网 创业 互联网+

evelyn酱 发表了文章 • 1217 次浏览 • 2016-05-13 16:45 • 来自相关话题

创业关闭大潮,它潜伏修炼 
 
在去年通过朋友圈的推荐,下载了一款产品摘客,一开始被他们的独特的分类阅读所吸引,虽然产品当时还有很多的问题,但是对于用户来说,其独特的细分个性化阅读有别于其他APP,当时的体验还是不错的。还有其搜索功能,当时发现搜索时,很多时候都能意外的发现很多好文章,因此建立了该产品的第一映像。 
 
后来机缘巧合,认识到这款产品的团队负责人,因此也特地对摘客与其进行了相关的交流和探讨。 
 
惊讶的是整个团队不过10+人,就包括了后台、前端、测试、运营等人员,原本以为主打个性化推荐算法的产品,相对而言对产品的复杂度和门槛会高一点点,应该有几十人的团队在维护,如今日头条,虽然人家已经上千人的团队,但起步的时候也远远不止10人的团队。不过所有创业团队在起步的时候一定是精简的,一人能敌好几个人用。光这一点,对摘客又多了几分好感。 
 
当然,我也从我的角度指出了很多产品存在的问题,比如界面相较于其他和产品定位而言,UI风格的混乱和不统一;用户评论机制的鸡肋和打造UGC社区氛围问题;产品人群定位等问题都进行了探讨;
 
就个性化推荐而言,摘客切入的是互联网资讯垂直行业,相较于目前已经做得较好的科技媒体,像36氪、虎嗅、极客公园,以及同样主打个性推荐的今日头像,摘客还是有明显的差异性,找到了细分领域。而就阅读而言,用户是否真的需要这么细分的需求呢?这是产品值得思考的问题。 
 
摘客负责人告诉我们,已将上线的2.0.0版本会对目前的产品有一个较大的改进和提高,尤其是目前被人诟病的界面,因此当下就去下载更新了,大改版的白蓝为主色的界面,真实小清晰一脸啊,侧拉导航改为底部导航,也大大比旧版提高了用户的交互体验; 
 











通过深入的了解后,整个团队给人的感觉相较一般的创业团队,更耐得住性子,沉下心来打磨一件他们认为有价值的产品。相比那些为了拿钱融资,冲业务指标而放弃初心的很多创业团队,更欣赏现在还可以静心做产品的团队。 
 
值得恭喜的是,他们告诉我摘客已经在融资阶段,并且有了明确性的资金意向,具体的消息相信在不久的将来可以听到。 查看全部
创业关闭大潮,它潜伏修炼 
 
在去年通过朋友圈的推荐,下载了一款产品摘客,一开始被他们的独特的分类阅读所吸引,虽然产品当时还有很多的问题,但是对于用户来说,其独特的细分个性化阅读有别于其他APP,当时的体验还是不错的。还有其搜索功能,当时发现搜索时,很多时候都能意外的发现很多好文章,因此建立了该产品的第一映像。 
 
后来机缘巧合,认识到这款产品的团队负责人,因此也特地对摘客与其进行了相关的交流和探讨。 
 
惊讶的是整个团队不过10+人,就包括了后台、前端、测试、运营等人员,原本以为主打个性化推荐算法的产品,相对而言对产品的复杂度和门槛会高一点点,应该有几十人的团队在维护,如今日头条,虽然人家已经上千人的团队,但起步的时候也远远不止10人的团队。不过所有创业团队在起步的时候一定是精简的,一人能敌好几个人用。光这一点,对摘客又多了几分好感。 
 
当然,我也从我的角度指出了很多产品存在的问题,比如界面相较于其他和产品定位而言,UI风格的混乱和不统一;用户评论机制的鸡肋和打造UGC社区氛围问题;产品人群定位等问题都进行了探讨;
 
就个性化推荐而言,摘客切入的是互联网资讯垂直行业,相较于目前已经做得较好的科技媒体,像36氪、虎嗅、极客公园,以及同样主打个性推荐的今日头像,摘客还是有明显的差异性,找到了细分领域。而就阅读而言,用户是否真的需要这么细分的需求呢?这是产品值得思考的问题。 
 
摘客负责人告诉我们,已将上线的2.0.0版本会对目前的产品有一个较大的改进和提高,尤其是目前被人诟病的界面,因此当下就去下载更新了,大改版的白蓝为主色的界面,真实小清晰一脸啊,侧拉导航改为底部导航,也大大比旧版提高了用户的交互体验; 
 

图片1.png


图片2.png


通过深入的了解后,整个团队给人的感觉相较一般的创业团队,更耐得住性子,沉下心来打磨一件他们认为有价值的产品。相比那些为了拿钱融资,冲业务指标而放弃初心的很多创业团队,更欣赏现在还可以静心做产品的团队。 
 
值得恭喜的是,他们告诉我摘客已经在融资阶段,并且有了明确性的资金意向,具体的消息相信在不久的将来可以听到。
1
回复

作为程序员,你在 2015 年都有哪些进步、收获与成长? 互联网

二磊子 回复了问题 • 2 人关注 • 2453 次浏览 • 2015-12-31 12:26 • 来自相关话题

0
评论

小众公众号的简单运营 运营 互联网

evelyn酱 发表了文章 • 1895 次浏览 • 2015-12-14 11:35 • 来自相关话题

我们从4月初开始运营一个新的公众号。目前一直在持续运营中,粉丝数量和粉丝关注度也保持稳步上升,每天分享的文章也有很多的好评,得到转发。同时也收到过很多的吐槽,但我们一直很关注粉丝的反馈和吐槽,毕竟这才能让我们做的更好。

但是公众号运营的痛点太多了。粉丝增长不够快,用户粘性不够大,文章阅读数量不够多,传播力度不够广。对于一个公众号来说,不论粉丝多还是少,热情还是不热情,都需要运营人员精心的照料。今天我不说怎么推广这个公众号,只从自己经营这个公众号以来得到的一点经验来分项怎么做一个公众号。
 
公众号建设首先公众号要有一个自己的形态,现在分订阅号、服务号、企业号三种,最常见的,也是我正在做的就是订阅号,我的号也是提供了公众号最基础的服务,信息推送。
1.不可忽视的自动回复内容:
自动回复有下面几种情况:被添加的内容、自动回复内容、特定关键词回复内容

被添加的自动回复是一个用户对你的公众号的第一次接触,如果写的过长或者过短都会影响用户对公众号的认知。如果是“你好,欢迎关注***”,那么用户只会觉得,你没有用心在经营这个号,如果长篇大论得说你的产品特色,也容易让人厌倦。所以建议是,先打招呼,再简单一句话介绍公众号的功能。

自动回复,根据微信公众号的规则,在1小时内自动回复只会被出发一次,所以这块建议就是写上,已收到,会尽快回复之类的字眼就可以。

关键词自动回复,这块就比较灵活。我的公众号在做信息查询的时候会常用到这个。一般也不需要设置关键词回复。特别的可以提示的是,比方说有活动这类的内容,那么关键词可以设置一个“活动”,方便用户找到想要的信息。

2.让信息更有条理的菜单栏设置
 
很多小微公众号会忽视菜单栏的设置,但是其实菜单栏是必不可少的。公众号的特点是每天只能建立一条群发,这就容易导致,万一添加的用户是在你群发之后,或者今天用户不巧没有收到你的信息(这个情况还是很少见),那就会造成进入后,没有直接沟通交流的机会,很尴尬,所以如果你的公众号设置一个简单的菜单,让新用户,或者是想了解更多的用户有查看的平台。






每日推送内容每日推送也是公众号最重要的内容。我们的公众号是做IT资讯推荐的,所以,我们每天有基本的模式。

如果文章分2、1,其中2为引流文章,让用户看了愿意分享的,1为增强用户知识体系,看了愿意不停关注来提升自己的能力。选文章的前提是精和新。
每天的基本模式:精选2+技术干货1+大数据1+互联网金融1+o2o1+电商1+产品经理1

其实在固定模式下推送新闻,不用多久就能发现用户比较关注的焦点。而且推送内容的走向也和时间有一定联系。由一周的统计可以看出秋季招聘期间面试经验、干货内容是比较受关注的,双十一期间电商和创业的关注度也比较高。
169  【面试经验】腾讯、百度、网易游戏、华为Offer及笔经面经
151  【技术干货】Google开源最新机器学习系统TensorFlow
146  【面试经验】产品经理面经:3个产品Offer是如何拿到的
153  【面试经验】零产品经验斩获校招产品Offer经历
146  【面试经验】给Android程序员的一些面试建议
190  【技术干货】分类算法总结
153  【创业】2015年的互联网创业趋势可能不是你想象的那么回事
147  【电商】双11这天,90%程序员都在干什么
143  【产品】别老想着脱单,今年流行“性冷淡”产品
145  【创业】曾穷到被女友抛弃的他投奔马云后身价102亿
177  【创业】那家将融10亿美元的AR公司Magic Leap到底有多拽
162  【社会】人与人之间变得更冷漠,和手机一毛关系都没有
以上是根据一周的统计内容得到最关注的焦点内容编辑标题:无所谓标题党,但标题请简洁。太长的标题,在碎片化信息时代,容易令人厌倦。
摘要:你可能会觉得摘要没有用,编辑内容的时候我们总是会忽视摘要的部分,而在转发的时候摘要是必须会出现的,这时候如果摘要不编辑好,内容就会很乱,也影响转发的效果。转发的时候也别空转发,稍微写点内容,自己的看法,会更吸引其他用户的注意。






     摘要写好了:





     摘要没写好:





文字:分段,分段,分段!文字必须分段,不分段的手机效果就是挤在一起,令人不想看。字号的大小,新闻类的文章建议16px,这样看起来最舒服;文艺小清新类的文章建议14px,文艺范儿的小一点反而轻巧。
图片:文章最好能够图文并茂,图片居中看起来会舒服很多。
段落:用编辑器加一些看起来更简洁的小图标,对整篇文章的帮助是很大的。







找对人群公众号相当于一个产品,所以找准定位对于找对一群适合的人群很重要。对的人群指的应该不是一次突然骤增的人数,而是长期用户的保留。





     我们找准定位为正在找工作的大学生之后在做推广,效果就出现了非常显著的高峰。
最重要的小事推送时间:
推送时间真的非常重要,甚至是一篇相同的文章,不同的时间推送,阅读量和转发量也会大不相同。之前一直在探索最佳的推送时间,得到一个基本觉得很靠谱的结论。
最忌:中午推送
一般:早晨
最佳:晚上8点-9点之间 查看全部
我们从4月初开始运营一个新的公众号。目前一直在持续运营中,粉丝数量和粉丝关注度也保持稳步上升,每天分享的文章也有很多的好评,得到转发。同时也收到过很多的吐槽,但我们一直很关注粉丝的反馈和吐槽,毕竟这才能让我们做的更好。

但是公众号运营的痛点太多了。粉丝增长不够快,用户粘性不够大,文章阅读数量不够多,传播力度不够广。对于一个公众号来说,不论粉丝多还是少,热情还是不热情,都需要运营人员精心的照料。今天我不说怎么推广这个公众号,只从自己经营这个公众号以来得到的一点经验来分项怎么做一个公众号。
 
  • 公众号建设
  • 首先公众号要有一个自己的形态,现在分订阅号、服务号、企业号三种,最常见的,也是我正在做的就是订阅号,我的号也是提供了公众号最基础的服务,信息推送。

  • 1.不可忽视的自动回复内容:

  • 自动回复有下面几种情况:被添加的内容、自动回复内容、特定关键词回复内容


    • 被添加的自动回复是一个用户对你的公众号的第一次接触,如果写的过长或者过短都会影响用户对公众号的认知。如果是“你好,欢迎关注***”,那么用户只会觉得,你没有用心在经营这个号,如果长篇大论得说你的产品特色,也容易让人厌倦。所以建议是,先打招呼,再简单一句话介绍公众号的功能。


      • 自动回复,根据微信公众号的规则,在1小时内自动回复只会被出发一次,所以这块建议就是写上,已收到,会尽快回复之类的字眼就可以。


        • 关键词自动回复,这块就比较灵活。我的公众号在做信息查询的时候会常用到这个。一般也不需要设置关键词回复。特别的可以提示的是,比方说有活动这类的内容,那么关键词可以设置一个“活动”,方便用户找到想要的信息。


          • 2.让信息更有条理的菜单栏设置

           
          • 很多小微公众号会忽视菜单栏的设置,但是其实菜单栏是必不可少的。公众号的特点是每天只能建立一条群发,这就容易导致,万一添加的用户是在你群发之后,或者今天用户不巧没有收到你的信息(这个情况还是很少见),那就会造成进入后,没有直接沟通交流的机会,很尴尬,所以如果你的公众号设置一个简单的菜单,让新用户,或者是想了解更多的用户有查看的平台。



            菜单栏的作用.png

            • 每日推送内容
            • 每日推送也是公众号最重要的内容。我们的公众号是做IT资讯推荐的,所以,我们每天有基本的模式。


              • 如果文章分2、1,其中2为引流文章,让用户看了愿意分享的,1为增强用户知识体系,看了愿意不停关注来提升自己的能力。选文章的前提是精和新。

              • 每天的基本模式:精选2+技术干货1+大数据1+互联网金融1+o2o1+电商1+产品经理1


                • 其实在固定模式下推送新闻,不用多久就能发现用户比较关注的焦点。而且推送内容的走向也和时间有一定联系。由一周的统计可以看出秋季招聘期间面试经验、干货内容是比较受关注的,双十一期间电商和创业的关注度也比较高。

                • 169  【面试经验】腾讯、百度、网易游戏、华为Offer及笔经面经

                • 151  【技术干货】Google开源最新机器学习系统TensorFlow

                • 146  【面试经验】产品经理面经:3个产品Offer是如何拿到的

                • 153  【面试经验】零产品经验斩获校招产品Offer经历

                • 146  【面试经验】给Android程序员的一些面试建议

                • 190  【技术干货】分类算法总结

                • 153  【创业】2015年的互联网创业趋势可能不是你想象的那么回事

                • 147  【电商】双11这天,90%程序员都在干什么

                • 143  【产品】别老想着脱单,今年流行“性冷淡”产品

                • 145  【创业】曾穷到被女友抛弃的他投奔马云后身价102亿

                • 177  【创业】那家将融10亿美元的AR公司Magic Leap到底有多拽

                • 162  【社会】人与人之间变得更冷漠,和手机一毛关系都没有

                • 以上是根据一周的统计内容得到最关注的焦点
                • 内容编辑
                • 标题:无所谓标题党,但标题请简洁。太长的标题,在碎片化信息时代,容易令人厌倦。

                • 摘要:你可能会觉得摘要没有用,编辑内容的时候我们总是会忽视摘要的部分,而在转发的时候摘要是必须会出现的,这时候如果摘要不编辑好,内容就会很乱,也影响转发的效果。转发的时候也别空转发,稍微写点内容,自己的看法,会更吸引其他用户的注意。



                  让转发更好看.png

                       摘要写好了:

                  摘要写好了.png

                       摘要没写好:

                  摘要没写好.png

                  • 文字:分段,分段,分段!文字必须分段,不分段的手机效果就是挤在一起,令人不想看。字号的大小,新闻类的文章建议16px,这样看起来最舒服;文艺小清新类的文章建议14px,文艺范儿的小一点反而轻巧。

                  • 图片:文章最好能够图文并茂,图片居中看起来会舒服很多。

                  • 段落:用编辑器加一些看起来更简洁的小图标,对整篇文章的帮助是很大的。



                    分段小图标.png


                      • 找对人群
                      • 公众号相当于一个产品,所以找准定位对于找对一群适合的人群很重要。对的人群指的应该不是一次突然骤增的人数,而是长期用户的保留。


                      做一次校园IT推广的强度.png

                           我们找准定位为正在找工作的大学生之后在做推广,效果就出现了非常显著的高峰。
                      • 最重要的小事
                      • 推送时间:

                      • 推送时间真的非常重要,甚至是一篇相同的文章,不同的时间推送,阅读量和转发量也会大不相同。之前一直在探索最佳的推送时间,得到一个基本觉得很靠谱的结论。

                      • 最忌:中午推送

                      • 一般:早晨

                      • 最佳:晚上8点-9点之间

                      0
                      评论

                      互联网时代的用户阅读习惯是什么样的 互联网

                      evelyn酱 发表了文章 • 1675 次浏览 • 2015-12-10 13:22 • 来自相关话题

                       

                      大图.jpg

                       
                      6
                      评论

                      【源码下载】一款使用环信实现的开源灵魂社交APP(含服务器) 猿匹配 开源

                      beyond 发表了文章 • 2392 次浏览 • 2019-07-01 10:48 • 来自相关话题

                      #前言
                      近期,环信热心开发者-穿裤衩闯天下使用环信IM开发了一款实时聊天应用,包含简单的服务器端,现在正式开源给小伙伴们。感兴趣的同学可以一起搞一下哦,详细介绍请往下看。






                        上代码
                      服务器:VMServer
                      客户端:VMMatch
                       
                       #VMMatch
                      猿匹配 —— 国内首个程序猿非严肃婚恋交友应用,让我们一言不合就来场匹配吧
                       
                      #介绍#
                      首先说下中文名:为什么叫这个名字呢,因为这是一个程序猿(媛)之间匹配交流的应用啊其实这是一个使用环信 IM 开发的一款开源聊天项目,涵盖了时下流行的一些聊天元素,同时已将 IM 功能封装为单独库,可以直接引用,方便使用
                      项目还处在初期阶段,还有许多功能需要实现,有兴趣的可以一起来
                      项目资源均来自于互联网,如果有侵权请联系我
                       
                       #下载体验
                      猿匹配 小米商店 审核中
                      猿匹配 Google Play
                       
                        #项目截图

























                        
                       #开发环境
                      项目基本属于在最新的Android开发环境下开发,使用Java8的一些新特性,比如Lambda表达式,
                      然后项目已经适配Android6.x以上的动态权限适配,以及7.x的文件选择,和8.x的通知提醒等;
                      · Mac OS 10.14.4
                      · Android Studio 3.3.2
                        #项目模块儿
                      本项目包含两部分:
                      一部分是项目主模块app,这部分主要包含了项目的业务逻辑,比如匹配、信息修改、设置等
                      另一部分是封装成library的vmim,这是为了方便大家引用到自己的项目中做的一步封装,不用再去复杂的复制代码和资源等,
                      只需要将vmim以module导入到自己的项目中就行了,具体使用方式参见项目app模块儿;
                       
                        #功能与 TODO
                      IM部分功能
                      · [x] 链接监听
                      · [x] 登录注册
                      · [x] 会话功能
                            。[x] 置顶
                            。[x] 标为未读
                            。[x] 删除与清空
                            。[x] 草稿功能
                      · [x] 消息功能
                            。[x] 下拉加载更多
                            。[x] 消息复制(仅文字类消息)
                            。[x] 消息删除
                            。[x] 文本+Emoji消息收发
                            。[x] 大表情消息收发
                            。[x] 图片消息
                              ~[x] 查看大图
                              ~[ ] 保存图片
                            。[x] 语音消息
                              ~[x] 语音录制
                              ~[x] 语音播放(可暂停,波形待优化)
                              ~[x] 听筒和扬声器播放切换
                            。[x] 语音实时通话功能
                            。[x] 视频实时通话功能
                            。[x] 通话过程中的娱乐消息收发
                              ~[x] 骰子
                              ~[x] 石头剪刀布
                              ~[x] 大表情
                            。[x] 昵称头像处理(通过回调实现)
                      App部分功能
                      · [x] 登录注册(包括业务逻辑和 IM 逻辑)
                      · [x] 匹配
                            。[x] 提交匹配信息
                            。[x] 拉取匹配信息
                      · [x] 聊天(这里直接加载 IM 模块儿)
                      · [x] 我的
                            。[x] 个人信息展示
                            。[x] 上传头像
                            。[x] 设置昵称
                            。[x] 设置签名
                      · [x] 设置
                            。[x] 个人信息设置
                            。[x] 通知提醒
                            。[x] 聊天
                            。[ ] 隐私(随业务部分一起完善)
                            。[ ] 通用(随业务部分一起完善)
                            。[ ] 帮助反馈(随业务部分一起完善)
                            。[x] 关于
                            。[x] 退出
                      · [ ] 社区
                            。[ ] 发布
                            。[ ] 评论
                            。[ ] 收藏
                            。[ ] 关注
                      发布功能
                      · [x] 多渠道打包
                      · [x] 签名配置
                      · [x] 开发与线上环境配置
                      · [x] 敏感信息保护
                       
                        #配置运行
                      1.首先复制config.default.gradle到config.gradle
                      2.配置下config.gradle环信appkey以及bugly统计Id
                      3.正式打包需要配置下签名信息,同时将签名文件放置在项目根目录
                       
                        #参与贡献
                      如果你有什么好的想法,或者好的实现,可以通过下边的步骤参与进来,让我们一起把这个项目做得更好,欢迎参与
                      1.Fork本仓库
                      2.新建feature_xxx分支 (单独创建一个实现你自己想法的分支)
                      3.提交代码
                      4.新建Pull Request
                      5.等待我们的Review & Merge
                       
                       #关联项目
                      服务器端由nodejs实现,地址见这里 VMServer
                       
                        #VMServer
                      是为Android开源项目VMMatch项目(中文名猿匹配)实现的服务端
                       
                        #简介
                      这个项目包含两部分
                      · 根目录:服务逻辑及API接口实现
                      · client目录:前端界面,和服务器端代码端放置在同一仓库下(暂未实现)
                       
                       #使用
                      简单介绍下运行环境及部署方法
                      1.安装nodejs开发时使用的是v10.16.0版本
                      2.需要安装mongodb并启动,开发使用版本4.0.10
                      3.下载项目到服务器,可以下载压缩包,或者用git clone命令
                      4.复制config_default.js到config.js,可根据自己需要修改配置文件
                      5.安装依赖npm install
                      6.全局安装pm2npm install pm2 -g 
                      7.运行 vmshell.sh
                       




                      扫码备注【开源项目】邀你加入环信开源社群
                       
                      转载自https://blog.melove.net/develop-open-source-im-match-and-server/ 
                        查看全部
                      #前言
                      近期,环信热心开发者-穿裤衩闯天下使用环信IM开发了一款实时聊天应用,包含简单的服务器端,现在正式开源给小伙伴们。感兴趣的同学可以一起搞一下哦,详细介绍请往下看。

                      猿匹配_logo_副本.png


                        上代码
                      服务器:VMServer
                      客户端:VMMatch
                       
                       #VMMatch
                      猿匹配 —— 国内首个程序猿非严肃婚恋交友应用,让我们一言不合就来场匹配吧
                       
                      #介绍#
                      首先说下中文名:为什么叫这个名字呢,因为这是一个程序猿(媛)之间匹配交流的应用啊其实这是一个使用环信 IM 开发的一款开源聊天项目,涵盖了时下流行的一些聊天元素,同时已将 IM 功能封装为单独库,可以直接引用,方便使用
                      项目还处在初期阶段,还有许多功能需要实现,有兴趣的可以一起来
                      项目资源均来自于互联网,如果有侵权请联系我
                       
                       #下载体验
                      猿匹配 小米商店 审核中
                      猿匹配 Google Play
                       
                        #项目截图

                      1.png

                      2.png

                      3.png

                      4.png

                      5.png

                      6.png

                        
                       #开发环境
                      项目基本属于在最新的Android开发环境下开发,使用Java8的一些新特性,比如Lambda表达式,
                      然后项目已经适配Android6.x以上的动态权限适配,以及7.x的文件选择,和8.x的通知提醒等;
                      · Mac OS 10.14.4
                      · Android Studio 3.3.2
                        #项目模块儿
                      本项目包含两部分:
                      一部分是项目主模块app,这部分主要包含了项目的业务逻辑,比如匹配、信息修改、设置等
                      另一部分是封装成library的vmim,这是为了方便大家引用到自己的项目中做的一步封装,不用再去复杂的复制代码和资源等,
                      只需要将vmim以module导入到自己的项目中就行了,具体使用方式参见项目app模块儿;
                       
                        #功能与 TODO
                      IM部分功能
                      · [x] 链接监听
                      · [x] 登录注册
                      · [x] 会话功能
                            。[x] 置顶
                            。[x] 标为未读
                            。[x] 删除与清空
                            。[x] 草稿功能
                      · [x] 消息功能
                            。[x] 下拉加载更多
                            。[x] 消息复制(仅文字类消息)
                            。[x] 消息删除
                            。[x] 文本+Emoji消息收发
                            。[x] 大表情消息收发
                            。[x] 图片消息
                              ~[x] 查看大图
                              ~[ ] 保存图片
                            。[x] 语音消息
                              ~[x] 语音录制
                              ~[x] 语音播放(可暂停,波形待优化)
                              ~[x] 听筒和扬声器播放切换
                            。[x] 语音实时通话功能
                            。[x] 视频实时通话功能
                            。[x] 通话过程中的娱乐消息收发
                              ~[x] 骰子
                              ~[x] 石头剪刀布
                              ~[x] 大表情
                            。[x] 昵称头像处理(通过回调实现)
                      App部分功能
                      · [x] 登录注册(包括业务逻辑和 IM 逻辑)
                      · [x] 匹配
                            。[x] 提交匹配信息
                            。[x] 拉取匹配信息
                      · [x] 聊天(这里直接加载 IM 模块儿)
                      · [x] 我的
                            。[x] 个人信息展示
                            。[x] 上传头像
                            。[x] 设置昵称
                            。[x] 设置签名
                      · [x] 设置
                            。[x] 个人信息设置
                            。[x] 通知提醒
                            。[x] 聊天
                            。[ ] 隐私(随业务部分一起完善)
                            。[ ] 通用(随业务部分一起完善)
                            。[ ] 帮助反馈(随业务部分一起完善)
                            。[x] 关于
                            。[x] 退出
                      · [ ] 社区
                            。[ ] 发布
                            。[ ] 评论
                            。[ ] 收藏
                            。[ ] 关注
                      发布功能
                      · [x] 多渠道打包
                      · [x] 签名配置
                      · [x] 开发与线上环境配置
                      · [x] 敏感信息保护
                       
                        #配置运行
                      1.首先复制config.default.gradle到config.gradle
                      2.配置下config.gradle环信appkey以及bugly统计Id
                      3.正式打包需要配置下签名信息,同时将签名文件放置在项目根目录
                       
                        #参与贡献
                      如果你有什么好的想法,或者好的实现,可以通过下边的步骤参与进来,让我们一起把这个项目做得更好,欢迎参与
                      1.Fork本仓库
                      2.新建feature_xxx分支 (单独创建一个实现你自己想法的分支)
                      3.提交代码
                      4.新建Pull Request
                      5.等待我们的Review & Merge
                       
                       #关联项目
                      服务器端由nodejs实现,地址见这里 VMServer
                       
                        #VMServer
                      是为Android开源项目VMMatch项目(中文名猿匹配)实现的服务端
                       
                        #简介
                      这个项目包含两部分
                      · 根目录:服务逻辑及API接口实现
                      · client目录:前端界面,和服务器端代码端放置在同一仓库下(暂未实现)
                       
                       #使用
                      简单介绍下运行环境及部署方法
                      1.安装nodejs开发时使用的是v10.16.0版本
                      2.需要安装mongodb并启动,开发使用版本4.0.10
                      3.下载项目到服务器,可以下载压缩包,或者用git clone命令
                      4.复制config_default.js到config.js,可根据自己需要修改配置文件
                      5.安装依赖
                      npm install

                      6.全局安装pm2
                      npm install pm2 -g
                       
                      7.运行 vmshell.sh
                       
                      环信冬冬_副本.jpg

                      扫码备注【开源项目】邀你加入环信开源社群
                       
                      转载自https://blog.melove.net/develop-open-source-im-match-and-server/ 
                       
                      4
                      评论

                      在微信小程序里实现聊天室 聊天室 小程序

                      Tolazy 发表了文章 • 4227 次浏览 • 2019-04-19 17:49 • 来自相关话题

                      第一次搞小程序,老板让我实现一个聊天室功能,压力山大啊。
                      花了几天时间研究比较了一下方案,最后基于环信的小程序SDK 开发了一个聊天室。
                       
                      准备工作
                      下载环信 小程序demo+sdkgit clone https://github.com/easemob/webim-weixin-xcx创建一个文件夹,将 demo 中的文件 comps、images、sdk、utils 拷贝到新的文件,文件目录说明



                      集成
                      登录环信没什么可说的,这里选择的是使用 username/password 登录,和demo中的一样,文件没有进行任何更改


                      在app.js 中注册的 WebIM.conn.listen, 然后在 登陆成功的回调 onOpened 设置的跳转页面,并将登陆的 username 赋给 myName,传到新的页面中使用


                      修改 roomlist.js 获取聊天室列表,是分页获取的,这里先偷个懒,获取了第一页 20 个聊天室


                      然后将listChatrooms() 分别在onLoad、onShow 内,更改下,将原有的 listGroups() 替换掉然后在roomlist.wxml 修改对应的 变量绑定名称





                      demo中的group.js 中,获取到的是当前登陆账号已加入的群组,咱们做的是聊天室功能,所以需要有一个加入的操作,找roomlist.js 中找到 into_room: function (event),然后填写加入聊天室的方法, 我是直接在当前这个里面加的跳转到聊天页面,并将当前登陆的IDmyName,聊天室IDgroupID,聊天室名称your 传给新页面


                      Ex:监听是否加入聊天室成功的回调是在 onPresence 中,type:memberJoinChatRoomSuccess,正常是监听这个回调跳转页面,有点麻烦就直接这样吧到会话页面后,需要修改一下对应的消息格式,在comps/chat/suit 目录下,将里面的文件对应的 js 文件根据文档给聊天室发送消息 格式进行修改,聊天室消息和群组消息不同,所以我目前是直接将getSendToParam()、isGroupChat() 注释,改成下面这样,demo 中下面还有代码的,这里就用 …… 代替了





                      就这样了,简单集成聊天室功能,demo中的UI 是开源的,可以根据自己的需求更改~下面是具体实现过程。代码也放在github 上了,有需要的兄弟自取。demo下载地址:https://github.com/lizgDonkey/room-xcx 查看全部
                      第一次搞小程序,老板让我实现一个聊天室功能,压力山大啊。
                      花了几天时间研究比较了一下方案,最后基于环信的小程序SDK 开发了一个聊天室。
                       
                      准备工作
                      1. 下载环信 小程序demo+sdk
                        git clone https://github.com/easemob/webim-weixin-xcx
                      2. 创建一个文件夹,将 demo 中的文件 comps、images、sdk、utils 拷贝到新的文件,文件目录说明
                        ml.png

                      集成
                      1. 登录环信没什么可说的,这里选择的是使用 username/password 登录,和demo中的一样,文件没有进行任何更改
                        login.png
                      2. 在app.js 中注册的 WebIM.conn.listen, 然后在 登陆成功的回调 onOpened 设置的跳转页面,并将登陆的 username 赋给 myName,传到新的页面中使用
                        tz.png
                      3. 修改 roomlist.js 获取聊天室列表,是分页获取的,这里先偷个懒,获取了第一页 20 个聊天室
                        getroom.png
                        然后将listChatrooms() 分别在onLoad、onShow 内,更改下,将原有的 listGroups() 替换掉
                      4. 然后在roomlist.wxml 修改对应的 变量绑定名称
                        listui.png
                        list.png
                      5. demo中的group.js 中,获取到的是当前登陆账号已加入的群组,咱们做的是聊天室功能,所以需要有一个加入的操作,找roomlist.js 中找到 into_room: function (event),然后填写加入聊天室的方法, 我是直接在当前这个里面加的跳转到聊天页面,并将当前登陆的IDmyName,聊天室IDgroupID,聊天室名称your 传给新页面
                        joinrom.png
                        Ex:监听是否加入聊天室成功的回调是在 onPresence 中,type:memberJoinChatRoomSuccess,正常是监听这个回调跳转页面,有点麻烦就直接这样吧
                      6. 到会话页面后,需要修改一下对应的消息格式,在comps/chat/suit 目录下,将里面的文件对应的 js 文件根据文档给聊天室发送消息 格式进行修改,聊天室消息和群组消息不同,所以我目前是直接将getSendToParam()、isGroupChat() 注释,改成下面这样,demo 中下面还有代码的,这里就用 …… 代替了
                        send.png
                        chat.png
                        就这样了,简单集成聊天室功能,demo中的UI 是开源的,可以根据自己的需求更改~下面是具体实现过程。代码也放在github 上了,有需要的兄弟自取。demo下载地址:https://github.com/lizgDonkey/room-xcx

                      4
                      评论

                      【开源项目】全国首个开源直播小程序源码

                      beyond 发表了文章 • 103563 次浏览 • 2018-07-20 17:30 • 来自相关话题

                      今天你看直播了吗?拥有10亿微信生态用户的小程序已经成为了继移动互联后的又一个现象级风口,随着微信小程序对外开放实时音视频录制及播放等更多连接能力,小程序与直播强强联合,在各行各业找到了非常多的玩法,小程序直播相比微信直播和APP直播更加简洁、流畅、低延时、多入口等众多优势迅速向商业直播领域及泛娱乐直播领域蔓延。从小游戏、内容付费、工具、大数据、社交电商创业者到传统品牌商们,都在努力搭上小程序直播这辆快车,以免错过微信生态里新的流量洼地。
                       





                      作为一名环信生态圈资深开发者,本着对技术的热衷,对环信的眷恋和对党的忠诚,基于环信即时通讯云写了“直播购物小程序”,目前项目源码已全部免费开放,希望对有需求的企业和开发者提供一个思路和参考。
                      直播购物小程序源码github地址:https://github.com/YuTongNetworkTechnology/wechat_live/tree/master 
                      git打不开可直接点下面链接下载


                      小程序直播demo_2018-06-21.zip







                      直播购物小程序运行预览图 
                       
                      小程序体验指南(仅需两步):
                       
                      1、下载微信小程序开发工具,下载地址:https://developers.weixin.qq.c ... .html 
                       




                      2、导入源码:将附件的源码解压直接导入 







                      环信小程序直播技术文档
                      一、 使用的技术
                      1、 环信IM直播室。
                      2、 微信小程序实时音视频播放组件live-player。
                      3、 推流软件(obs、易推流)等推流。
                      4、 视频流服务器(UCLOUD、七牛、腾讯)等视频流服务器。
                      二、 系统使用流程。
                      1、 视频推流软件将视频流推到流服务器。
                      2、 打开视频直播demo小程序注册环信账号。
                      3、 进入软件直播室进行测试。
                      三、 技术流程及使用的SDk
                      1、 注册环信账号
                      打开https://www.easemob.com/ 环信官网,点击右上角注册按钮,选择[注册即时通讯云]




                      填写对相关信息进行注册





                      注册成功后进行登录




                      注:新注册用户需进行账号的认证。
                      2、 直播应用创建
                      登录成功点击应用列表选择创建应用




                      输入应用名称等信息
                       





                      创建成功后点击应用进入





                      需要注意的是应用的OrgName 和AppName这两个是以后都需要用到的两个参数变量




                      3、 直播创建
                      1)在创建直播之前需要对应用进行设置首先需要设置应用的直播流地址
                      第一步获取应用管理员的Tokencurl -X POST "https://a1.easemob.com/[应用OrgName]/[应用AppName]/token" -d '{"grant_type":"client_credentials","client_id":"[应用client_id]","client_secret":"[应用] client_secret"}'返回格式{
                      "access_token":"YWMtWY779DgJEeS2h9OR7fw4QgAAAUmO4Qukwd9cfJSpkWHiOa7MCSk0MrkVIco",
                      "expires_in":5184000,
                      "application":"c03b3e30-046a-11e4-8ed1-5701cdaaa0e4"












                      第二步设置直播流地址curl -X POST -H "Authorization: Bearer [管理员Token]" " https://a1.easemob.com/[应用OrgName]/[应用AppName]/liverooms/stream_url -d '{"pc_pull":"[pc拉流地址]","pc_push":"[pc推流地址]","mobile_pull":"[手机拉流地址]","mobile_push":"[手机推流地址]"}'"成功返回格式:{
                      "action": "post",
                      "application": "e1a09de0-0e03-11e7-ad8e-a1d913615409",
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": {
                      "pc_pull": true,
                      "mobile_push": true,
                      "mobile_pull": true,
                      "pc_push": true
                      },
                      "timestamp": 1494084474885,
                      "duration": 1,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui"
                      }












                      2)创建主播
                      点击IM用户





                      点击注册IM用户





                      填写用户信息





                      创建用户的过程同样也可以通过REST API形式进行curl -X POST -i " https://a1.easemob.com/[应用OrgName]/[应用AppName]/users" -d '{"username":"[用户名]","password":"[密码]"}'
                      注:应用必须为开放注册





                      将注册的用户添加为主播curl -X POST -H "Authorization: [管理员Token]" https://a1.easemob.com/[应用OrgName]/[应用AppName]/super_admin -d'{"superadmin":"[IM用户名]"}'返回结果示例:{
                      "action": "post",
                      "application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": {
                      "result": "success"
                      },
                      "timestamp": 1496236798886,
                      "duration": 0,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui"
                      }












                      3)创建直播
                      点击直播





                      点击新建房间





                      填写房间信息




                      创建房间同时也可以使用REST API形式进行详情可以查看http://docs.easemob.com/im/live/server-integration环信官方文档。
                      4、 小程序demo集成使用
                      小程序直播购物demo集成官方WebIM SDK详情请查看https://github.com/easemob/webim-weixin-xcx
                      Demo具体配置如下
                      打开demo 下sdk配置文件





                      修改appkey为自己应用的appkey





                      打开pages/live/index.js修改房间默认拉流地址及直播间房间号





                      四、 扩展说明
                      Demo中房间为固定测试房间,实际使用中应获取环信直播的房间信息及房间列表。具体如下:
                      获取直播间列表:curl -X GET -H "Authorization: Bearer [用户Token]" https://a1.easemob.com/[应用OrgName]/[应用AppName]/liverooms?ongoing=true&limit=[获取数量]&cursor=[游标地址(不填写为充开始查询)]
                      响应:{
                      "action": "get",
                      "application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
                      "params": {
                      "cursor": [
                      "ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6MzE"
                      ],
                      "ongoing": [
                      "true"
                      ],
                      "limit": [
                      "2"
                      ]
                      },
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": [
                      {
                      "id": "1924",
                      "chatroom_id": "17177265635330",
                      "title": "具体了",
                      "desc": "就咯",
                      "startTime": 1495779917352,
                      "endTime": 1495779917352,
                      "anchor": "wuls",
                      "gift_count": 0,
                      "praise_count": 0,
                      "current_user_count": 8,
                      "max_user_count": 9,
                      "status": "ongoing",
                      "cover_picture_url": "",
                      "pc_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
                      "pc_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
                      "mobile_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
                      "mobile_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1"
                      },
                      {
                      "id": "1922",
                      "chatroom_id": "17175003856897",
                      "title": "香山",
                      "desc": "随便",
                      "startTime": 1495777760957,
                      "endTime": 1495777760957,
                      "anchor": "sx001",
                      "gift_count": 0,
                      "praise_count": 8,
                      "current_user_count": 1,
                      "max_user_count": 3,
                      "status": "ongoing",
                      "cover_picture_url": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "pc_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
                      "pc_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
                      "mobile_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
                      "mobile_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1"
                      }
                      ],
                      "timestamp": 1496303336669,
                      "duration": 0,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui",
                      "cursor": "ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6NDk",
                      "count": 2
                      }












                      获取直播间详情:curl -X GET -H "Authorization: Bearer [用户Token]" " https://a1.easemob.com/[应用OrgName]/[应用AppName]/[房间id]/status"响应:{
                      "action": "get",
                      "application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": {
                      "liveRoomID": "1946",
                      "status": "ongoing"
                      },
                      "timestamp": 1496234759930,
                      "duration": 0,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui",
                      "count": 0
                      }














                       
                      使用环信直播购物小程序遇到任何问题欢迎跟帖讨论。 查看全部
                      今天你看直播了吗?
                      拥有10亿微信生态用户的小程序已经成为了继移动互联后的又一个现象级风口,随着微信小程序对外开放实时音视频录制及播放等更多连接能力,小程序与直播强强联合,在各行各业找到了非常多的玩法,小程序直播相比微信直播和APP直播更加简洁、流畅、低延时、多入口等众多优势迅速向商业直播领域及泛娱乐直播领域蔓延。从小游戏、内容付费、工具、大数据、社交电商创业者到传统品牌商们,都在努力搭上小程序直播这辆快车,以免错过微信生态里新的流量洼地。
                       
                      微信图片_20180725162426.jpg


                      作为一名环信生态圈资深开发者,本着对技术的热衷,对环信的眷恋和对党的忠诚,基于环信即时通讯云写了“直播购物小程序”,目前项目源码已全部免费开放,希望对有需求的企业和开发者提供一个思路和参考。
                      直播购物小程序源码github地址:https://github.com/YuTongNetworkTechnology/wechat_live/tree/master 
                      git打不开可直接点下面链接下载



                      预览图.jpg

                      直播购物小程序运行预览图 
                       
                      小程序体验指南(仅需两步):
                       
                      1、下载微信小程序开发工具,下载地址:https://developers.weixin.qq.c ... .html 
                       
                      Catch9A07(07-20-17-38-30).jpg

                      2、导入源码:将附件的源码解压直接导入 


                      Catch1C69(07-20-17-38-30).jpg


                      环信小程序直播技术文档
                      一、 使用的技术
                      1、 环信IM直播室。
                      2、 微信小程序实时音视频播放组件live-player。
                      3、 推流软件(obs、易推流)等推流。
                      4、 视频流服务器(UCLOUD、七牛、腾讯)等视频流服务器。
                      二、 系统使用流程。
                      1、 视频推流软件将视频流推到流服务器。
                      2、 打开视频直播demo小程序注册环信账号。
                      3、 进入软件直播室进行测试。
                      三、 技术流程及使用的SDk
                      1、 注册环信账号
                      打开https://www.easemob.com/ 环信官网,点击右上角注册按钮,选择[注册即时通讯云]
                      1.png

                      填写对相关信息进行注册

                      2.png

                      注册成功后进行登录
                      3.png

                      注:新注册用户需进行账号的认证。
                      2、 直播应用创建
                      登录成功点击应用列表选择创建应用
                      4.png

                      输入应用名称等信息
                       

                      5.png

                      创建成功后点击应用进入

                      6.png

                      需要注意的是应用的OrgName 和AppName这两个是以后都需要用到的两个参数变量
                      7.png

                      3、 直播创建
                      1)在创建直播之前需要对应用进行设置首先需要设置应用的直播流地址
                      第一步获取应用管理员的Token
                      curl -X POST "https://a1.easemob.com/[应用OrgName]/[应用AppName]/token" -d '{"grant_type":"client_credentials","client_id":"[应用client_id]","client_secret":"[应用] client_secret"}'
                      返回格式
                      {
                      "access_token":"YWMtWY779DgJEeS2h9OR7fw4QgAAAUmO4Qukwd9cfJSpkWHiOa7MCSk0MrkVIco",
                      "expires_in":5184000,
                      "application":"c03b3e30-046a-11e4-8ed1-5701cdaaa0e4"












                      第二步设置直播流地址
                      curl -X POST -H "Authorization: Bearer [管理员Token]"  " https://a1.easemob.com/[应用OrgName]/[应用AppName]/liverooms/stream_url -d '{"pc_pull":"[pc拉流地址]","pc_push":"[pc推流地址]","mobile_pull":"[手机拉流地址]","mobile_push":"[手机推流地址]"}'"
                      成功返回格式:
                      {
                      "action": "post",
                      "application": "e1a09de0-0e03-11e7-ad8e-a1d913615409",
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": {
                      "pc_pull": true,
                      "mobile_push": true,
                      "mobile_pull": true,
                      "pc_push": true
                      },
                      "timestamp": 1494084474885,
                      "duration": 1,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui"
                      }












                      2)创建主播
                      点击IM用户

                      8.png

                      点击注册IM用户

                      9.png

                      填写用户信息

                      10.png

                      创建用户的过程同样也可以通过REST API形式进行
                      curl -X POST -i " https://a1.easemob.com/[应用OrgName]/[应用AppName]/users" -d '{"username":"[用户名]","password":"[密码]"}'

                      注:应用必须为开放注册

                      11.png

                      将注册的用户添加为主播
                      curl -X POST -H "Authorization: [管理员Token]"  https://a1.easemob.com/[应用OrgName]/[应用AppName]/super_admin -d'{"superadmin":"[IM用户名]"}'
                      返回结果示例:
                      {
                      "action": "post",
                      "application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": {
                      "result": "success"
                      },
                      "timestamp": 1496236798886,
                      "duration": 0,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui"
                      }












                      3)创建直播
                      点击直播

                      12.png

                      点击新建房间

                      13.png

                      填写房间信息
                      14.png

                      创建房间同时也可以使用REST API形式进行详情可以查看http://docs.easemob.com/im/live/server-integration环信官方文档。
                      4、 小程序demo集成使用
                      小程序直播购物demo集成官方WebIM SDK详情请查看https://github.com/easemob/webim-weixin-xcx
                      Demo具体配置如下
                      打开demo 下sdk配置文件

                      15.png

                      修改appkey为自己应用的appkey

                      16.png

                      打开pages/live/index.js修改房间默认拉流地址及直播间房间号

                      17.png

                      四、 扩展说明
                      Demo中房间为固定测试房间,实际使用中应获取环信直播的房间信息及房间列表。具体如下:
                      获取直播间列表:
                      curl -X GET -H "Authorization: Bearer  [用户Token]"  https://a1.easemob.com/[应用OrgName]/[应用AppName]/liverooms?ongoing=true&limit=[获取数量]&cursor=[游标地址(不填写为充开始查询)]

                      响应:
                      {
                      "action": "get",
                      "application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
                      "params": {
                      "cursor": [
                      "ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6MzE"
                      ],
                      "ongoing": [
                      "true"
                      ],
                      "limit": [
                      "2"
                      ]
                      },
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": [
                      {
                      "id": "1924",
                      "chatroom_id": "17177265635330",
                      "title": "具体了",
                      "desc": "就咯",
                      "startTime": 1495779917352,
                      "endTime": 1495779917352,
                      "anchor": "wuls",
                      "gift_count": 0,
                      "praise_count": 0,
                      "current_user_count": 8,
                      "max_user_count": 9,
                      "status": "ongoing",
                      "cover_picture_url": "",
                      "pc_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
                      "pc_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
                      "mobile_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
                      "mobile_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1"
                      },
                      {
                      "id": "1922",
                      "chatroom_id": "17175003856897",
                      "title": "香山",
                      "desc": "随便",
                      "startTime": 1495777760957,
                      "endTime": 1495777760957,
                      "anchor": "sx001",
                      "gift_count": 0,
                      "praise_count": 8,
                      "current_user_count": 1,
                      "max_user_count": 3,
                      "status": "ongoing",
                      "cover_picture_url": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "pc_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
                      "pc_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
                      "mobile_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
                      "mobile_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1"
                      }
                      ],
                      "timestamp": 1496303336669,
                      "duration": 0,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui",
                      "cursor": "ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6NDk",
                      "count": 2
                      }












                      获取直播间详情:
                      curl -X GET -H "Authorization: Bearer [用户Token]" " https://a1.easemob.com/[应用OrgName]/[应用AppName]/[房间id]/status"
                      响应:
                      {
                      "action": "get",
                      "application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": {
                      "liveRoomID": "1946",
                      "status": "ongoing"
                      },
                      "timestamp": 1496234759930,
                      "duration": 0,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui",
                      "count": 0
                      }














                       
                      使用环信直播购物小程序遇到任何问题欢迎跟帖讨论。
                      19
                      评论

                      【新手快速入门】集成环信常见问题+解决方案汇总

                      dujiepeng 发表了文章 • 23337 次浏览 • 2017-05-22 15:51 • 来自相关话题

                         这里整理了集成环信的常见问题和一些功能的实现思路,希望能帮助到大家。感谢热心的开发者贡献,大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
                       
                      ios篇
                      APNs证书创建和上传到环信后台头像昵称的简述和处理方案音视频离线推送Demo实现环信服务器聊天记录保存多久?离线收不到好友请求IOS中环信聊天窗口如何实现文件发送和预览的功能ios集成常见问题环信推送的一些常见问题实现名片|红包|话题聊天室等自定义cell
                       
                      Android篇
                      Android sdk 的两种导入方式环信3.0SDK集成小米推送教程EaseUI库中V4、v7包冲突解决方案Android EaseUI里的百度地图替换为高德地图android扩展消息(名片集成)关于会话列表的置顶聊天java.lang.UnsatisfiedLinkError: 的问题android 端 app 后台被杀死收不到消息的解决方案
                      昵称头像篇
                      android中如何显示开发者服务器上的昵称和头像 Android中显示头像(接上一篇文章看)环信(Android)设置头像和昵称的方法(最简单暴力的基于环信demo的集成)IOS中如何显示开发者服务器上的昵称和头像【环信公开课第12期视频回放】-所有关于环信IM昵称头像的问题听这课就够了
                       
                      直播篇
                      一言不合你就搞个直播APP
                       
                      客服集成
                      IM-SDK和客服SDK并存开发指南—Android篇IM-SDK和客服SDK并存开发指南—iOS篇
                       
                      开源项目
                      Android简版demoios简版demo凡信2.0:超仿微信的开源项目 凡信3.0:携直播和红包而来高仿微信:Github 3,515 Star方圆十里:环信编程大赛冠军项目泛聊:定一个小目标写一个QQSlack聊天机器人:一天时间做一个聊天机器人TV视频通话:在电视上视频通话视频通话:Android手机视频通话酷信:ios高仿微信公众号助手:与订阅用户聊天沟通
                       
                      持续更新ing...小伙伴们还有什么想知道欢迎跟帖提出。
                        查看全部
                         这里整理了集成环信的常见问题和一些功能的实现思路,希望能帮助到大家。感谢热心的开发者贡献,大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
                       
                      ios篇

                       
                      Android篇

                      昵称头像篇

                       
                      直播篇
                      1. 一言不合你就搞个直播APP

                       
                      客服集成
                      1. IM-SDK和客服SDK并存开发指南—Android篇
                      2. IM-SDK和客服SDK并存开发指南—iOS篇

                       
                      开源项目

                       
                      持续更新ing...小伙伴们还有什么想知道欢迎跟帖提出。
                       
                      13
                      回复

                      收集基于环信SDK开发的开源项目 开源项目

                      xiaoyan2015 回复了问题 • 13 人关注 • 17251 次浏览 • 2019-03-14 13:52 • 来自相关话题

                      6
                      评论

                      【源码下载】一款使用环信实现的开源灵魂社交APP(含服务器) 猿匹配 开源

                      beyond 发表了文章 • 2392 次浏览 • 2019-07-01 10:48 • 来自相关话题

                      #前言
                      近期,环信热心开发者-穿裤衩闯天下使用环信IM开发了一款实时聊天应用,包含简单的服务器端,现在正式开源给小伙伴们。感兴趣的同学可以一起搞一下哦,详细介绍请往下看。






                        上代码
                      服务器:VMServer
                      客户端:VMMatch
                       
                       #VMMatch
                      猿匹配 —— 国内首个程序猿非严肃婚恋交友应用,让我们一言不合就来场匹配吧
                       
                      #介绍#
                      首先说下中文名:为什么叫这个名字呢,因为这是一个程序猿(媛)之间匹配交流的应用啊其实这是一个使用环信 IM 开发的一款开源聊天项目,涵盖了时下流行的一些聊天元素,同时已将 IM 功能封装为单独库,可以直接引用,方便使用
                      项目还处在初期阶段,还有许多功能需要实现,有兴趣的可以一起来
                      项目资源均来自于互联网,如果有侵权请联系我
                       
                       #下载体验
                      猿匹配 小米商店 审核中
                      猿匹配 Google Play
                       
                        #项目截图

























                        
                       #开发环境
                      项目基本属于在最新的Android开发环境下开发,使用Java8的一些新特性,比如Lambda表达式,
                      然后项目已经适配Android6.x以上的动态权限适配,以及7.x的文件选择,和8.x的通知提醒等;
                      · Mac OS 10.14.4
                      · Android Studio 3.3.2
                        #项目模块儿
                      本项目包含两部分:
                      一部分是项目主模块app,这部分主要包含了项目的业务逻辑,比如匹配、信息修改、设置等
                      另一部分是封装成library的vmim,这是为了方便大家引用到自己的项目中做的一步封装,不用再去复杂的复制代码和资源等,
                      只需要将vmim以module导入到自己的项目中就行了,具体使用方式参见项目app模块儿;
                       
                        #功能与 TODO
                      IM部分功能
                      · [x] 链接监听
                      · [x] 登录注册
                      · [x] 会话功能
                            。[x] 置顶
                            。[x] 标为未读
                            。[x] 删除与清空
                            。[x] 草稿功能
                      · [x] 消息功能
                            。[x] 下拉加载更多
                            。[x] 消息复制(仅文字类消息)
                            。[x] 消息删除
                            。[x] 文本+Emoji消息收发
                            。[x] 大表情消息收发
                            。[x] 图片消息
                              ~[x] 查看大图
                              ~[ ] 保存图片
                            。[x] 语音消息
                              ~[x] 语音录制
                              ~[x] 语音播放(可暂停,波形待优化)
                              ~[x] 听筒和扬声器播放切换
                            。[x] 语音实时通话功能
                            。[x] 视频实时通话功能
                            。[x] 通话过程中的娱乐消息收发
                              ~[x] 骰子
                              ~[x] 石头剪刀布
                              ~[x] 大表情
                            。[x] 昵称头像处理(通过回调实现)
                      App部分功能
                      · [x] 登录注册(包括业务逻辑和 IM 逻辑)
                      · [x] 匹配
                            。[x] 提交匹配信息
                            。[x] 拉取匹配信息
                      · [x] 聊天(这里直接加载 IM 模块儿)
                      · [x] 我的
                            。[x] 个人信息展示
                            。[x] 上传头像
                            。[x] 设置昵称
                            。[x] 设置签名
                      · [x] 设置
                            。[x] 个人信息设置
                            。[x] 通知提醒
                            。[x] 聊天
                            。[ ] 隐私(随业务部分一起完善)
                            。[ ] 通用(随业务部分一起完善)
                            。[ ] 帮助反馈(随业务部分一起完善)
                            。[x] 关于
                            。[x] 退出
                      · [ ] 社区
                            。[ ] 发布
                            。[ ] 评论
                            。[ ] 收藏
                            。[ ] 关注
                      发布功能
                      · [x] 多渠道打包
                      · [x] 签名配置
                      · [x] 开发与线上环境配置
                      · [x] 敏感信息保护
                       
                        #配置运行
                      1.首先复制config.default.gradle到config.gradle
                      2.配置下config.gradle环信appkey以及bugly统计Id
                      3.正式打包需要配置下签名信息,同时将签名文件放置在项目根目录
                       
                        #参与贡献
                      如果你有什么好的想法,或者好的实现,可以通过下边的步骤参与进来,让我们一起把这个项目做得更好,欢迎参与
                      1.Fork本仓库
                      2.新建feature_xxx分支 (单独创建一个实现你自己想法的分支)
                      3.提交代码
                      4.新建Pull Request
                      5.等待我们的Review & Merge
                       
                       #关联项目
                      服务器端由nodejs实现,地址见这里 VMServer
                       
                        #VMServer
                      是为Android开源项目VMMatch项目(中文名猿匹配)实现的服务端
                       
                        #简介
                      这个项目包含两部分
                      · 根目录:服务逻辑及API接口实现
                      · client目录:前端界面,和服务器端代码端放置在同一仓库下(暂未实现)
                       
                       #使用
                      简单介绍下运行环境及部署方法
                      1.安装nodejs开发时使用的是v10.16.0版本
                      2.需要安装mongodb并启动,开发使用版本4.0.10
                      3.下载项目到服务器,可以下载压缩包,或者用git clone命令
                      4.复制config_default.js到config.js,可根据自己需要修改配置文件
                      5.安装依赖npm install
                      6.全局安装pm2npm install pm2 -g 
                      7.运行 vmshell.sh
                       




                      扫码备注【开源项目】邀你加入环信开源社群
                       
                      转载自https://blog.melove.net/develop-open-source-im-match-and-server/ 
                        查看全部
                      #前言
                      近期,环信热心开发者-穿裤衩闯天下使用环信IM开发了一款实时聊天应用,包含简单的服务器端,现在正式开源给小伙伴们。感兴趣的同学可以一起搞一下哦,详细介绍请往下看。

                      猿匹配_logo_副本.png


                        上代码
                      服务器:VMServer
                      客户端:VMMatch
                       
                       #VMMatch
                      猿匹配 —— 国内首个程序猿非严肃婚恋交友应用,让我们一言不合就来场匹配吧
                       
                      #介绍#
                      首先说下中文名:为什么叫这个名字呢,因为这是一个程序猿(媛)之间匹配交流的应用啊其实这是一个使用环信 IM 开发的一款开源聊天项目,涵盖了时下流行的一些聊天元素,同时已将 IM 功能封装为单独库,可以直接引用,方便使用
                      项目还处在初期阶段,还有许多功能需要实现,有兴趣的可以一起来
                      项目资源均来自于互联网,如果有侵权请联系我
                       
                       #下载体验
                      猿匹配 小米商店 审核中
                      猿匹配 Google Play
                       
                        #项目截图

                      1.png

                      2.png

                      3.png

                      4.png

                      5.png

                      6.png

                        
                       #开发环境
                      项目基本属于在最新的Android开发环境下开发,使用Java8的一些新特性,比如Lambda表达式,
                      然后项目已经适配Android6.x以上的动态权限适配,以及7.x的文件选择,和8.x的通知提醒等;
                      · Mac OS 10.14.4
                      · Android Studio 3.3.2
                        #项目模块儿
                      本项目包含两部分:
                      一部分是项目主模块app,这部分主要包含了项目的业务逻辑,比如匹配、信息修改、设置等
                      另一部分是封装成library的vmim,这是为了方便大家引用到自己的项目中做的一步封装,不用再去复杂的复制代码和资源等,
                      只需要将vmim以module导入到自己的项目中就行了,具体使用方式参见项目app模块儿;
                       
                        #功能与 TODO
                      IM部分功能
                      · [x] 链接监听
                      · [x] 登录注册
                      · [x] 会话功能
                            。[x] 置顶
                            。[x] 标为未读
                            。[x] 删除与清空
                            。[x] 草稿功能
                      · [x] 消息功能
                            。[x] 下拉加载更多
                            。[x] 消息复制(仅文字类消息)
                            。[x] 消息删除
                            。[x] 文本+Emoji消息收发
                            。[x] 大表情消息收发
                            。[x] 图片消息
                              ~[x] 查看大图
                              ~[ ] 保存图片
                            。[x] 语音消息
                              ~[x] 语音录制
                              ~[x] 语音播放(可暂停,波形待优化)
                              ~[x] 听筒和扬声器播放切换
                            。[x] 语音实时通话功能
                            。[x] 视频实时通话功能
                            。[x] 通话过程中的娱乐消息收发
                              ~[x] 骰子
                              ~[x] 石头剪刀布
                              ~[x] 大表情
                            。[x] 昵称头像处理(通过回调实现)
                      App部分功能
                      · [x] 登录注册(包括业务逻辑和 IM 逻辑)
                      · [x] 匹配
                            。[x] 提交匹配信息
                            。[x] 拉取匹配信息
                      · [x] 聊天(这里直接加载 IM 模块儿)
                      · [x] 我的
                            。[x] 个人信息展示
                            。[x] 上传头像
                            。[x] 设置昵称
                            。[x] 设置签名
                      · [x] 设置
                            。[x] 个人信息设置
                            。[x] 通知提醒
                            。[x] 聊天
                            。[ ] 隐私(随业务部分一起完善)
                            。[ ] 通用(随业务部分一起完善)
                            。[ ] 帮助反馈(随业务部分一起完善)
                            。[x] 关于
                            。[x] 退出
                      · [ ] 社区
                            。[ ] 发布
                            。[ ] 评论
                            。[ ] 收藏
                            。[ ] 关注
                      发布功能
                      · [x] 多渠道打包
                      · [x] 签名配置
                      · [x] 开发与线上环境配置
                      · [x] 敏感信息保护
                       
                        #配置运行
                      1.首先复制config.default.gradle到config.gradle
                      2.配置下config.gradle环信appkey以及bugly统计Id
                      3.正式打包需要配置下签名信息,同时将签名文件放置在项目根目录
                       
                        #参与贡献
                      如果你有什么好的想法,或者好的实现,可以通过下边的步骤参与进来,让我们一起把这个项目做得更好,欢迎参与
                      1.Fork本仓库
                      2.新建feature_xxx分支 (单独创建一个实现你自己想法的分支)
                      3.提交代码
                      4.新建Pull Request
                      5.等待我们的Review & Merge
                       
                       #关联项目
                      服务器端由nodejs实现,地址见这里 VMServer
                       
                        #VMServer
                      是为Android开源项目VMMatch项目(中文名猿匹配)实现的服务端
                       
                        #简介
                      这个项目包含两部分
                      · 根目录:服务逻辑及API接口实现
                      · client目录:前端界面,和服务器端代码端放置在同一仓库下(暂未实现)
                       
                       #使用
                      简单介绍下运行环境及部署方法
                      1.安装nodejs开发时使用的是v10.16.0版本
                      2.需要安装mongodb并启动,开发使用版本4.0.10
                      3.下载项目到服务器,可以下载压缩包,或者用git clone命令
                      4.复制config_default.js到config.js,可根据自己需要修改配置文件
                      5.安装依赖
                      npm install

                      6.全局安装pm2
                      npm install pm2 -g
                       
                      7.运行 vmshell.sh
                       
                      环信冬冬_副本.jpg

                      扫码备注【开源项目】邀你加入环信开源社群
                       
                      转载自https://blog.melove.net/develop-open-source-im-match-and-server/ 
                       
                      4
                      评论

                      在微信小程序里实现聊天室 聊天室 小程序

                      Tolazy 发表了文章 • 4227 次浏览 • 2019-04-19 17:49 • 来自相关话题

                      第一次搞小程序,老板让我实现一个聊天室功能,压力山大啊。
                      花了几天时间研究比较了一下方案,最后基于环信的小程序SDK 开发了一个聊天室。
                       
                      准备工作
                      下载环信 小程序demo+sdkgit clone https://github.com/easemob/webim-weixin-xcx创建一个文件夹,将 demo 中的文件 comps、images、sdk、utils 拷贝到新的文件,文件目录说明



                      集成
                      登录环信没什么可说的,这里选择的是使用 username/password 登录,和demo中的一样,文件没有进行任何更改


                      在app.js 中注册的 WebIM.conn.listen, 然后在 登陆成功的回调 onOpened 设置的跳转页面,并将登陆的 username 赋给 myName,传到新的页面中使用


                      修改 roomlist.js 获取聊天室列表,是分页获取的,这里先偷个懒,获取了第一页 20 个聊天室


                      然后将listChatrooms() 分别在onLoad、onShow 内,更改下,将原有的 listGroups() 替换掉然后在roomlist.wxml 修改对应的 变量绑定名称





                      demo中的group.js 中,获取到的是当前登陆账号已加入的群组,咱们做的是聊天室功能,所以需要有一个加入的操作,找roomlist.js 中找到 into_room: function (event),然后填写加入聊天室的方法, 我是直接在当前这个里面加的跳转到聊天页面,并将当前登陆的IDmyName,聊天室IDgroupID,聊天室名称your 传给新页面


                      Ex:监听是否加入聊天室成功的回调是在 onPresence 中,type:memberJoinChatRoomSuccess,正常是监听这个回调跳转页面,有点麻烦就直接这样吧到会话页面后,需要修改一下对应的消息格式,在comps/chat/suit 目录下,将里面的文件对应的 js 文件根据文档给聊天室发送消息 格式进行修改,聊天室消息和群组消息不同,所以我目前是直接将getSendToParam()、isGroupChat() 注释,改成下面这样,demo 中下面还有代码的,这里就用 …… 代替了





                      就这样了,简单集成聊天室功能,demo中的UI 是开源的,可以根据自己的需求更改~下面是具体实现过程。代码也放在github 上了,有需要的兄弟自取。demo下载地址:https://github.com/lizgDonkey/room-xcx 查看全部
                      第一次搞小程序,老板让我实现一个聊天室功能,压力山大啊。
                      花了几天时间研究比较了一下方案,最后基于环信的小程序SDK 开发了一个聊天室。
                       
                      准备工作
                      1. 下载环信 小程序demo+sdk
                        git clone https://github.com/easemob/webim-weixin-xcx
                      2. 创建一个文件夹,将 demo 中的文件 comps、images、sdk、utils 拷贝到新的文件,文件目录说明
                        ml.png

                      集成
                      1. 登录环信没什么可说的,这里选择的是使用 username/password 登录,和demo中的一样,文件没有进行任何更改
                        login.png
                      2. 在app.js 中注册的 WebIM.conn.listen, 然后在 登陆成功的回调 onOpened 设置的跳转页面,并将登陆的 username 赋给 myName,传到新的页面中使用
                        tz.png
                      3. 修改 roomlist.js 获取聊天室列表,是分页获取的,这里先偷个懒,获取了第一页 20 个聊天室
                        getroom.png
                        然后将listChatrooms() 分别在onLoad、onShow 内,更改下,将原有的 listGroups() 替换掉
                      4. 然后在roomlist.wxml 修改对应的 变量绑定名称
                        listui.png
                        list.png
                      5. demo中的group.js 中,获取到的是当前登陆账号已加入的群组,咱们做的是聊天室功能,所以需要有一个加入的操作,找roomlist.js 中找到 into_room: function (event),然后填写加入聊天室的方法, 我是直接在当前这个里面加的跳转到聊天页面,并将当前登陆的IDmyName,聊天室IDgroupID,聊天室名称your 传给新页面
                        joinrom.png
                        Ex:监听是否加入聊天室成功的回调是在 onPresence 中,type:memberJoinChatRoomSuccess,正常是监听这个回调跳转页面,有点麻烦就直接这样吧
                      6. 到会话页面后,需要修改一下对应的消息格式,在comps/chat/suit 目录下,将里面的文件对应的 js 文件根据文档给聊天室发送消息 格式进行修改,聊天室消息和群组消息不同,所以我目前是直接将getSendToParam()、isGroupChat() 注释,改成下面这样,demo 中下面还有代码的,这里就用 …… 代替了
                        send.png
                        chat.png
                        就这样了,简单集成聊天室功能,demo中的UI 是开源的,可以根据自己的需求更改~下面是具体实现过程。代码也放在github 上了,有需要的兄弟自取。demo下载地址:https://github.com/lizgDonkey/room-xcx

                      13
                      回复

                      收集基于环信SDK开发的开源项目 开源项目

                      回复

                      xiaoyan2015 回复了问题 • 13 人关注 • 17251 次浏览 • 2019-03-14 13:52 • 来自相关话题

                      4
                      评论

                      【开源项目】全国首个开源直播小程序源码

                      beyond 发表了文章 • 103563 次浏览 • 2018-07-20 17:30 • 来自相关话题

                      今天你看直播了吗?拥有10亿微信生态用户的小程序已经成为了继移动互联后的又一个现象级风口,随着微信小程序对外开放实时音视频录制及播放等更多连接能力,小程序与直播强强联合,在各行各业找到了非常多的玩法,小程序直播相比微信直播和APP直播更加简洁、流畅、低延时、多入口等众多优势迅速向商业直播领域及泛娱乐直播领域蔓延。从小游戏、内容付费、工具、大数据、社交电商创业者到传统品牌商们,都在努力搭上小程序直播这辆快车,以免错过微信生态里新的流量洼地。
                       





                      作为一名环信生态圈资深开发者,本着对技术的热衷,对环信的眷恋和对党的忠诚,基于环信即时通讯云写了“直播购物小程序”,目前项目源码已全部免费开放,希望对有需求的企业和开发者提供一个思路和参考。
                      直播购物小程序源码github地址:https://github.com/YuTongNetworkTechnology/wechat_live/tree/master 
                      git打不开可直接点下面链接下载


                      小程序直播demo_2018-06-21.zip







                      直播购物小程序运行预览图 
                       
                      小程序体验指南(仅需两步):
                       
                      1、下载微信小程序开发工具,下载地址:https://developers.weixin.qq.c ... .html 
                       




                      2、导入源码:将附件的源码解压直接导入 







                      环信小程序直播技术文档
                      一、 使用的技术
                      1、 环信IM直播室。
                      2、 微信小程序实时音视频播放组件live-player。
                      3、 推流软件(obs、易推流)等推流。
                      4、 视频流服务器(UCLOUD、七牛、腾讯)等视频流服务器。
                      二、 系统使用流程。
                      1、 视频推流软件将视频流推到流服务器。
                      2、 打开视频直播demo小程序注册环信账号。
                      3、 进入软件直播室进行测试。
                      三、 技术流程及使用的SDk
                      1、 注册环信账号
                      打开https://www.easemob.com/ 环信官网,点击右上角注册按钮,选择[注册即时通讯云]




                      填写对相关信息进行注册





                      注册成功后进行登录




                      注:新注册用户需进行账号的认证。
                      2、 直播应用创建
                      登录成功点击应用列表选择创建应用




                      输入应用名称等信息
                       





                      创建成功后点击应用进入





                      需要注意的是应用的OrgName 和AppName这两个是以后都需要用到的两个参数变量




                      3、 直播创建
                      1)在创建直播之前需要对应用进行设置首先需要设置应用的直播流地址
                      第一步获取应用管理员的Tokencurl -X POST "https://a1.easemob.com/[应用OrgName]/[应用AppName]/token" -d '{"grant_type":"client_credentials","client_id":"[应用client_id]","client_secret":"[应用] client_secret"}'返回格式{
                      "access_token":"YWMtWY779DgJEeS2h9OR7fw4QgAAAUmO4Qukwd9cfJSpkWHiOa7MCSk0MrkVIco",
                      "expires_in":5184000,
                      "application":"c03b3e30-046a-11e4-8ed1-5701cdaaa0e4"












                      第二步设置直播流地址curl -X POST -H "Authorization: Bearer [管理员Token]" " https://a1.easemob.com/[应用OrgName]/[应用AppName]/liverooms/stream_url -d '{"pc_pull":"[pc拉流地址]","pc_push":"[pc推流地址]","mobile_pull":"[手机拉流地址]","mobile_push":"[手机推流地址]"}'"成功返回格式:{
                      "action": "post",
                      "application": "e1a09de0-0e03-11e7-ad8e-a1d913615409",
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": {
                      "pc_pull": true,
                      "mobile_push": true,
                      "mobile_pull": true,
                      "pc_push": true
                      },
                      "timestamp": 1494084474885,
                      "duration": 1,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui"
                      }












                      2)创建主播
                      点击IM用户





                      点击注册IM用户





                      填写用户信息





                      创建用户的过程同样也可以通过REST API形式进行curl -X POST -i " https://a1.easemob.com/[应用OrgName]/[应用AppName]/users" -d '{"username":"[用户名]","password":"[密码]"}'
                      注:应用必须为开放注册





                      将注册的用户添加为主播curl -X POST -H "Authorization: [管理员Token]" https://a1.easemob.com/[应用OrgName]/[应用AppName]/super_admin -d'{"superadmin":"[IM用户名]"}'返回结果示例:{
                      "action": "post",
                      "application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": {
                      "result": "success"
                      },
                      "timestamp": 1496236798886,
                      "duration": 0,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui"
                      }












                      3)创建直播
                      点击直播





                      点击新建房间





                      填写房间信息




                      创建房间同时也可以使用REST API形式进行详情可以查看http://docs.easemob.com/im/live/server-integration环信官方文档。
                      4、 小程序demo集成使用
                      小程序直播购物demo集成官方WebIM SDK详情请查看https://github.com/easemob/webim-weixin-xcx
                      Demo具体配置如下
                      打开demo 下sdk配置文件





                      修改appkey为自己应用的appkey





                      打开pages/live/index.js修改房间默认拉流地址及直播间房间号





                      四、 扩展说明
                      Demo中房间为固定测试房间,实际使用中应获取环信直播的房间信息及房间列表。具体如下:
                      获取直播间列表:curl -X GET -H "Authorization: Bearer [用户Token]" https://a1.easemob.com/[应用OrgName]/[应用AppName]/liverooms?ongoing=true&limit=[获取数量]&cursor=[游标地址(不填写为充开始查询)]
                      响应:{
                      "action": "get",
                      "application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
                      "params": {
                      "cursor": [
                      "ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6MzE"
                      ],
                      "ongoing": [
                      "true"
                      ],
                      "limit": [
                      "2"
                      ]
                      },
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": [
                      {
                      "id": "1924",
                      "chatroom_id": "17177265635330",
                      "title": "具体了",
                      "desc": "就咯",
                      "startTime": 1495779917352,
                      "endTime": 1495779917352,
                      "anchor": "wuls",
                      "gift_count": 0,
                      "praise_count": 0,
                      "current_user_count": 8,
                      "max_user_count": 9,
                      "status": "ongoing",
                      "cover_picture_url": "",
                      "pc_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
                      "pc_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
                      "mobile_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
                      "mobile_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1"
                      },
                      {
                      "id": "1922",
                      "chatroom_id": "17175003856897",
                      "title": "香山",
                      "desc": "随便",
                      "startTime": 1495777760957,
                      "endTime": 1495777760957,
                      "anchor": "sx001",
                      "gift_count": 0,
                      "praise_count": 8,
                      "current_user_count": 1,
                      "max_user_count": 3,
                      "status": "ongoing",
                      "cover_picture_url": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "pc_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
                      "pc_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
                      "mobile_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
                      "mobile_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1"
                      }
                      ],
                      "timestamp": 1496303336669,
                      "duration": 0,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui",
                      "cursor": "ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6NDk",
                      "count": 2
                      }












                      获取直播间详情:curl -X GET -H "Authorization: Bearer [用户Token]" " https://a1.easemob.com/[应用OrgName]/[应用AppName]/[房间id]/status"响应:{
                      "action": "get",
                      "application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": {
                      "liveRoomID": "1946",
                      "status": "ongoing"
                      },
                      "timestamp": 1496234759930,
                      "duration": 0,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui",
                      "count": 0
                      }














                       
                      使用环信直播购物小程序遇到任何问题欢迎跟帖讨论。 查看全部
                      今天你看直播了吗?
                      拥有10亿微信生态用户的小程序已经成为了继移动互联后的又一个现象级风口,随着微信小程序对外开放实时音视频录制及播放等更多连接能力,小程序与直播强强联合,在各行各业找到了非常多的玩法,小程序直播相比微信直播和APP直播更加简洁、流畅、低延时、多入口等众多优势迅速向商业直播领域及泛娱乐直播领域蔓延。从小游戏、内容付费、工具、大数据、社交电商创业者到传统品牌商们,都在努力搭上小程序直播这辆快车,以免错过微信生态里新的流量洼地。
                       
                      微信图片_20180725162426.jpg


                      作为一名环信生态圈资深开发者,本着对技术的热衷,对环信的眷恋和对党的忠诚,基于环信即时通讯云写了“直播购物小程序”,目前项目源码已全部免费开放,希望对有需求的企业和开发者提供一个思路和参考。
                      直播购物小程序源码github地址:https://github.com/YuTongNetworkTechnology/wechat_live/tree/master 
                      git打不开可直接点下面链接下载



                      预览图.jpg

                      直播购物小程序运行预览图 
                       
                      小程序体验指南(仅需两步):
                       
                      1、下载微信小程序开发工具,下载地址:https://developers.weixin.qq.c ... .html 
                       
                      Catch9A07(07-20-17-38-30).jpg

                      2、导入源码:将附件的源码解压直接导入 


                      Catch1C69(07-20-17-38-30).jpg


                      环信小程序直播技术文档
                      一、 使用的技术
                      1、 环信IM直播室。
                      2、 微信小程序实时音视频播放组件live-player。
                      3、 推流软件(obs、易推流)等推流。
                      4、 视频流服务器(UCLOUD、七牛、腾讯)等视频流服务器。
                      二、 系统使用流程。
                      1、 视频推流软件将视频流推到流服务器。
                      2、 打开视频直播demo小程序注册环信账号。
                      3、 进入软件直播室进行测试。
                      三、 技术流程及使用的SDk
                      1、 注册环信账号
                      打开https://www.easemob.com/ 环信官网,点击右上角注册按钮,选择[注册即时通讯云]
                      1.png

                      填写对相关信息进行注册

                      2.png

                      注册成功后进行登录
                      3.png

                      注:新注册用户需进行账号的认证。
                      2、 直播应用创建
                      登录成功点击应用列表选择创建应用
                      4.png

                      输入应用名称等信息
                       

                      5.png

                      创建成功后点击应用进入

                      6.png

                      需要注意的是应用的OrgName 和AppName这两个是以后都需要用到的两个参数变量
                      7.png

                      3、 直播创建
                      1)在创建直播之前需要对应用进行设置首先需要设置应用的直播流地址
                      第一步获取应用管理员的Token
                      curl -X POST "https://a1.easemob.com/[应用OrgName]/[应用AppName]/token" -d '{"grant_type":"client_credentials","client_id":"[应用client_id]","client_secret":"[应用] client_secret"}'
                      返回格式
                      {
                      "access_token":"YWMtWY779DgJEeS2h9OR7fw4QgAAAUmO4Qukwd9cfJSpkWHiOa7MCSk0MrkVIco",
                      "expires_in":5184000,
                      "application":"c03b3e30-046a-11e4-8ed1-5701cdaaa0e4"












                      第二步设置直播流地址
                      curl -X POST -H "Authorization: Bearer [管理员Token]"  " https://a1.easemob.com/[应用OrgName]/[应用AppName]/liverooms/stream_url -d '{"pc_pull":"[pc拉流地址]","pc_push":"[pc推流地址]","mobile_pull":"[手机拉流地址]","mobile_push":"[手机推流地址]"}'"
                      成功返回格式:
                      {
                      "action": "post",
                      "application": "e1a09de0-0e03-11e7-ad8e-a1d913615409",
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": {
                      "pc_pull": true,
                      "mobile_push": true,
                      "mobile_pull": true,
                      "pc_push": true
                      },
                      "timestamp": 1494084474885,
                      "duration": 1,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui"
                      }












                      2)创建主播
                      点击IM用户

                      8.png

                      点击注册IM用户

                      9.png

                      填写用户信息

                      10.png

                      创建用户的过程同样也可以通过REST API形式进行
                      curl -X POST -i " https://a1.easemob.com/[应用OrgName]/[应用AppName]/users" -d '{"username":"[用户名]","password":"[密码]"}'

                      注:应用必须为开放注册

                      11.png

                      将注册的用户添加为主播
                      curl -X POST -H "Authorization: [管理员Token]"  https://a1.easemob.com/[应用OrgName]/[应用AppName]/super_admin -d'{"superadmin":"[IM用户名]"}'
                      返回结果示例:
                      {
                      "action": "post",
                      "application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": {
                      "result": "success"
                      },
                      "timestamp": 1496236798886,
                      "duration": 0,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui"
                      }












                      3)创建直播
                      点击直播

                      12.png

                      点击新建房间

                      13.png

                      填写房间信息
                      14.png

                      创建房间同时也可以使用REST API形式进行详情可以查看http://docs.easemob.com/im/live/server-integration环信官方文档。
                      4、 小程序demo集成使用
                      小程序直播购物demo集成官方WebIM SDK详情请查看https://github.com/easemob/webim-weixin-xcx
                      Demo具体配置如下
                      打开demo 下sdk配置文件

                      15.png

                      修改appkey为自己应用的appkey

                      16.png

                      打开pages/live/index.js修改房间默认拉流地址及直播间房间号

                      17.png

                      四、 扩展说明
                      Demo中房间为固定测试房间,实际使用中应获取环信直播的房间信息及房间列表。具体如下:
                      获取直播间列表:
                      curl -X GET -H "Authorization: Bearer  [用户Token]"  https://a1.easemob.com/[应用OrgName]/[应用AppName]/liverooms?ongoing=true&limit=[获取数量]&cursor=[游标地址(不填写为充开始查询)]

                      响应:
                      {
                      "action": "get",
                      "application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
                      "params": {
                      "cursor": [
                      "ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6MzE"
                      ],
                      "ongoing": [
                      "true"
                      ],
                      "limit": [
                      "2"
                      ]
                      },
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": [
                      {
                      "id": "1924",
                      "chatroom_id": "17177265635330",
                      "title": "具体了",
                      "desc": "就咯",
                      "startTime": 1495779917352,
                      "endTime": 1495779917352,
                      "anchor": "wuls",
                      "gift_count": 0,
                      "praise_count": 0,
                      "current_user_count": 8,
                      "max_user_count": 9,
                      "status": "ongoing",
                      "cover_picture_url": "",
                      "pc_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
                      "pc_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
                      "mobile_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
                      "mobile_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1"
                      },
                      {
                      "id": "1922",
                      "chatroom_id": "17175003856897",
                      "title": "香山",
                      "desc": "随便",
                      "startTime": 1495777760957,
                      "endTime": 1495777760957,
                      "anchor": "sx001",
                      "gift_count": 0,
                      "praise_count": 8,
                      "current_user_count": 1,
                      "max_user_count": 3,
                      "status": "ongoing",
                      "cover_picture_url": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "pc_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
                      "pc_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
                      "mobile_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
                      "mobile_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1"
                      }
                      ],
                      "timestamp": 1496303336669,
                      "duration": 0,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui",
                      "cursor": "ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6NDk",
                      "count": 2
                      }












                      获取直播间详情:
                      curl -X GET -H "Authorization: Bearer [用户Token]" " https://a1.easemob.com/[应用OrgName]/[应用AppName]/[房间id]/status"
                      响应:
                      {
                      "action": "get",
                      "application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": {
                      "liveRoomID": "1946",
                      "status": "ongoing"
                      },
                      "timestamp": 1496234759930,
                      "duration": 0,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui",
                      "count": 0
                      }














                       
                      使用环信直播购物小程序遇到任何问题欢迎跟帖讨论。
                      19
                      评论

                      【新手快速入门】集成环信常见问题+解决方案汇总

                      dujiepeng 发表了文章 • 23337 次浏览 • 2017-05-22 15:51 • 来自相关话题

                         这里整理了集成环信的常见问题和一些功能的实现思路,希望能帮助到大家。感谢热心的开发者贡献,大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
                       
                      ios篇
                      APNs证书创建和上传到环信后台头像昵称的简述和处理方案音视频离线推送Demo实现环信服务器聊天记录保存多久?离线收不到好友请求IOS中环信聊天窗口如何实现文件发送和预览的功能ios集成常见问题环信推送的一些常见问题实现名片|红包|话题聊天室等自定义cell
                       
                      Android篇
                      Android sdk 的两种导入方式环信3.0SDK集成小米推送教程EaseUI库中V4、v7包冲突解决方案Android EaseUI里的百度地图替换为高德地图android扩展消息(名片集成)关于会话列表的置顶聊天java.lang.UnsatisfiedLinkError: 的问题android 端 app 后台被杀死收不到消息的解决方案
                      昵称头像篇
                      android中如何显示开发者服务器上的昵称和头像 Android中显示头像(接上一篇文章看)环信(Android)设置头像和昵称的方法(最简单暴力的基于环信demo的集成)IOS中如何显示开发者服务器上的昵称和头像【环信公开课第12期视频回放】-所有关于环信IM昵称头像的问题听这课就够了
                       
                      直播篇
                      一言不合你就搞个直播APP
                       
                      客服集成
                      IM-SDK和客服SDK并存开发指南—Android篇IM-SDK和客服SDK并存开发指南—iOS篇
                       
                      开源项目
                      Android简版demoios简版demo凡信2.0:超仿微信的开源项目 凡信3.0:携直播和红包而来高仿微信:Github 3,515 Star方圆十里:环信编程大赛冠军项目泛聊:定一个小目标写一个QQSlack聊天机器人:一天时间做一个聊天机器人TV视频通话:在电视上视频通话视频通话:Android手机视频通话酷信:ios高仿微信公众号助手:与订阅用户聊天沟通
                       
                      持续更新ing...小伙伴们还有什么想知道欢迎跟帖提出。
                        查看全部
                         这里整理了集成环信的常见问题和一些功能的实现思路,希望能帮助到大家。感谢热心的开发者贡献,大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
                       
                      ios篇

                       
                      Android篇

                      昵称头像篇

                       
                      直播篇
                      1. 一言不合你就搞个直播APP

                       
                      客服集成
                      1. IM-SDK和客服SDK并存开发指南—Android篇
                      2. IM-SDK和客服SDK并存开发指南—iOS篇

                       
                      开源项目

                       
                      持续更新ing...小伙伴们还有什么想知道欢迎跟帖提出。
                       
                      1
                      回复

                      作为程序员,你在 2015 年都有哪些进步、收获与成长? 互联网

                      回复

                      二磊子 回复了问题 • 2 人关注 • 2453 次浏览 • 2015-12-31 12:26 • 来自相关话题

                      6
                      评论

                      【源码下载】一款使用环信实现的开源灵魂社交APP(含服务器) 猿匹配 开源

                      beyond 发表了文章 • 2392 次浏览 • 2019-07-01 10:48 • 来自相关话题

                      #前言
                      近期,环信热心开发者-穿裤衩闯天下使用环信IM开发了一款实时聊天应用,包含简单的服务器端,现在正式开源给小伙伴们。感兴趣的同学可以一起搞一下哦,详细介绍请往下看。






                        上代码
                      服务器:VMServer
                      客户端:VMMatch
                       
                       #VMMatch
                      猿匹配 —— 国内首个程序猿非严肃婚恋交友应用,让我们一言不合就来场匹配吧
                       
                      #介绍#
                      首先说下中文名:为什么叫这个名字呢,因为这是一个程序猿(媛)之间匹配交流的应用啊其实这是一个使用环信 IM 开发的一款开源聊天项目,涵盖了时下流行的一些聊天元素,同时已将 IM 功能封装为单独库,可以直接引用,方便使用
                      项目还处在初期阶段,还有许多功能需要实现,有兴趣的可以一起来
                      项目资源均来自于互联网,如果有侵权请联系我
                       
                       #下载体验
                      猿匹配 小米商店 审核中
                      猿匹配 Google Play
                       
                        #项目截图

























                        
                       #开发环境
                      项目基本属于在最新的Android开发环境下开发,使用Java8的一些新特性,比如Lambda表达式,
                      然后项目已经适配Android6.x以上的动态权限适配,以及7.x的文件选择,和8.x的通知提醒等;
                      · Mac OS 10.14.4
                      · Android Studio 3.3.2
                        #项目模块儿
                      本项目包含两部分:
                      一部分是项目主模块app,这部分主要包含了项目的业务逻辑,比如匹配、信息修改、设置等
                      另一部分是封装成library的vmim,这是为了方便大家引用到自己的项目中做的一步封装,不用再去复杂的复制代码和资源等,
                      只需要将vmim以module导入到自己的项目中就行了,具体使用方式参见项目app模块儿;
                       
                        #功能与 TODO
                      IM部分功能
                      · [x] 链接监听
                      · [x] 登录注册
                      · [x] 会话功能
                            。[x] 置顶
                            。[x] 标为未读
                            。[x] 删除与清空
                            。[x] 草稿功能
                      · [x] 消息功能
                            。[x] 下拉加载更多
                            。[x] 消息复制(仅文字类消息)
                            。[x] 消息删除
                            。[x] 文本+Emoji消息收发
                            。[x] 大表情消息收发
                            。[x] 图片消息
                              ~[x] 查看大图
                              ~[ ] 保存图片
                            。[x] 语音消息
                              ~[x] 语音录制
                              ~[x] 语音播放(可暂停,波形待优化)
                              ~[x] 听筒和扬声器播放切换
                            。[x] 语音实时通话功能
                            。[x] 视频实时通话功能
                            。[x] 通话过程中的娱乐消息收发
                              ~[x] 骰子
                              ~[x] 石头剪刀布
                              ~[x] 大表情
                            。[x] 昵称头像处理(通过回调实现)
                      App部分功能
                      · [x] 登录注册(包括业务逻辑和 IM 逻辑)
                      · [x] 匹配
                            。[x] 提交匹配信息
                            。[x] 拉取匹配信息
                      · [x] 聊天(这里直接加载 IM 模块儿)
                      · [x] 我的
                            。[x] 个人信息展示
                            。[x] 上传头像
                            。[x] 设置昵称
                            。[x] 设置签名
                      · [x] 设置
                            。[x] 个人信息设置
                            。[x] 通知提醒
                            。[x] 聊天
                            。[ ] 隐私(随业务部分一起完善)
                            。[ ] 通用(随业务部分一起完善)
                            。[ ] 帮助反馈(随业务部分一起完善)
                            。[x] 关于
                            。[x] 退出
                      · [ ] 社区
                            。[ ] 发布
                            。[ ] 评论
                            。[ ] 收藏
                            。[ ] 关注
                      发布功能
                      · [x] 多渠道打包
                      · [x] 签名配置
                      · [x] 开发与线上环境配置
                      · [x] 敏感信息保护
                       
                        #配置运行
                      1.首先复制config.default.gradle到config.gradle
                      2.配置下config.gradle环信appkey以及bugly统计Id
                      3.正式打包需要配置下签名信息,同时将签名文件放置在项目根目录
                       
                        #参与贡献
                      如果你有什么好的想法,或者好的实现,可以通过下边的步骤参与进来,让我们一起把这个项目做得更好,欢迎参与
                      1.Fork本仓库
                      2.新建feature_xxx分支 (单独创建一个实现你自己想法的分支)
                      3.提交代码
                      4.新建Pull Request
                      5.等待我们的Review & Merge
                       
                       #关联项目
                      服务器端由nodejs实现,地址见这里 VMServer
                       
                        #VMServer
                      是为Android开源项目VMMatch项目(中文名猿匹配)实现的服务端
                       
                        #简介
                      这个项目包含两部分
                      · 根目录:服务逻辑及API接口实现
                      · client目录:前端界面,和服务器端代码端放置在同一仓库下(暂未实现)
                       
                       #使用
                      简单介绍下运行环境及部署方法
                      1.安装nodejs开发时使用的是v10.16.0版本
                      2.需要安装mongodb并启动,开发使用版本4.0.10
                      3.下载项目到服务器,可以下载压缩包,或者用git clone命令
                      4.复制config_default.js到config.js,可根据自己需要修改配置文件
                      5.安装依赖npm install
                      6.全局安装pm2npm install pm2 -g 
                      7.运行 vmshell.sh
                       




                      扫码备注【开源项目】邀你加入环信开源社群
                       
                      转载自https://blog.melove.net/develop-open-source-im-match-and-server/ 
                        查看全部
                      #前言
                      近期,环信热心开发者-穿裤衩闯天下使用环信IM开发了一款实时聊天应用,包含简单的服务器端,现在正式开源给小伙伴们。感兴趣的同学可以一起搞一下哦,详细介绍请往下看。

                      猿匹配_logo_副本.png


                        上代码
                      服务器:VMServer
                      客户端:VMMatch
                       
                       #VMMatch
                      猿匹配 —— 国内首个程序猿非严肃婚恋交友应用,让我们一言不合就来场匹配吧
                       
                      #介绍#
                      首先说下中文名:为什么叫这个名字呢,因为这是一个程序猿(媛)之间匹配交流的应用啊其实这是一个使用环信 IM 开发的一款开源聊天项目,涵盖了时下流行的一些聊天元素,同时已将 IM 功能封装为单独库,可以直接引用,方便使用
                      项目还处在初期阶段,还有许多功能需要实现,有兴趣的可以一起来
                      项目资源均来自于互联网,如果有侵权请联系我
                       
                       #下载体验
                      猿匹配 小米商店 审核中
                      猿匹配 Google Play
                       
                        #项目截图

                      1.png

                      2.png

                      3.png

                      4.png

                      5.png

                      6.png

                        
                       #开发环境
                      项目基本属于在最新的Android开发环境下开发,使用Java8的一些新特性,比如Lambda表达式,
                      然后项目已经适配Android6.x以上的动态权限适配,以及7.x的文件选择,和8.x的通知提醒等;
                      · Mac OS 10.14.4
                      · Android Studio 3.3.2
                        #项目模块儿
                      本项目包含两部分:
                      一部分是项目主模块app,这部分主要包含了项目的业务逻辑,比如匹配、信息修改、设置等
                      另一部分是封装成library的vmim,这是为了方便大家引用到自己的项目中做的一步封装,不用再去复杂的复制代码和资源等,
                      只需要将vmim以module导入到自己的项目中就行了,具体使用方式参见项目app模块儿;
                       
                        #功能与 TODO
                      IM部分功能
                      · [x] 链接监听
                      · [x] 登录注册
                      · [x] 会话功能
                            。[x] 置顶
                            。[x] 标为未读
                            。[x] 删除与清空
                            。[x] 草稿功能
                      · [x] 消息功能
                            。[x] 下拉加载更多
                            。[x] 消息复制(仅文字类消息)
                            。[x] 消息删除
                            。[x] 文本+Emoji消息收发
                            。[x] 大表情消息收发
                            。[x] 图片消息
                              ~[x] 查看大图
                              ~[ ] 保存图片
                            。[x] 语音消息
                              ~[x] 语音录制
                              ~[x] 语音播放(可暂停,波形待优化)
                              ~[x] 听筒和扬声器播放切换
                            。[x] 语音实时通话功能
                            。[x] 视频实时通话功能
                            。[x] 通话过程中的娱乐消息收发
                              ~[x] 骰子
                              ~[x] 石头剪刀布
                              ~[x] 大表情
                            。[x] 昵称头像处理(通过回调实现)
                      App部分功能
                      · [x] 登录注册(包括业务逻辑和 IM 逻辑)
                      · [x] 匹配
                            。[x] 提交匹配信息
                            。[x] 拉取匹配信息
                      · [x] 聊天(这里直接加载 IM 模块儿)
                      · [x] 我的
                            。[x] 个人信息展示
                            。[x] 上传头像
                            。[x] 设置昵称
                            。[x] 设置签名
                      · [x] 设置
                            。[x] 个人信息设置
                            。[x] 通知提醒
                            。[x] 聊天
                            。[ ] 隐私(随业务部分一起完善)
                            。[ ] 通用(随业务部分一起完善)
                            。[ ] 帮助反馈(随业务部分一起完善)
                            。[x] 关于
                            。[x] 退出
                      · [ ] 社区
                            。[ ] 发布
                            。[ ] 评论
                            。[ ] 收藏
                            。[ ] 关注
                      发布功能
                      · [x] 多渠道打包
                      · [x] 签名配置
                      · [x] 开发与线上环境配置
                      · [x] 敏感信息保护
                       
                        #配置运行
                      1.首先复制config.default.gradle到config.gradle
                      2.配置下config.gradle环信appkey以及bugly统计Id
                      3.正式打包需要配置下签名信息,同时将签名文件放置在项目根目录
                       
                        #参与贡献
                      如果你有什么好的想法,或者好的实现,可以通过下边的步骤参与进来,让我们一起把这个项目做得更好,欢迎参与
                      1.Fork本仓库
                      2.新建feature_xxx分支 (单独创建一个实现你自己想法的分支)
                      3.提交代码
                      4.新建Pull Request
                      5.等待我们的Review & Merge
                       
                       #关联项目
                      服务器端由nodejs实现,地址见这里 VMServer
                       
                        #VMServer
                      是为Android开源项目VMMatch项目(中文名猿匹配)实现的服务端
                       
                        #简介
                      这个项目包含两部分
                      · 根目录:服务逻辑及API接口实现
                      · client目录:前端界面,和服务器端代码端放置在同一仓库下(暂未实现)
                       
                       #使用
                      简单介绍下运行环境及部署方法
                      1.安装nodejs开发时使用的是v10.16.0版本
                      2.需要安装mongodb并启动,开发使用版本4.0.10
                      3.下载项目到服务器,可以下载压缩包,或者用git clone命令
                      4.复制config_default.js到config.js,可根据自己需要修改配置文件
                      5.安装依赖
                      npm install

                      6.全局安装pm2
                      npm install pm2 -g
                       
                      7.运行 vmshell.sh
                       
                      环信冬冬_副本.jpg

                      扫码备注【开源项目】邀你加入环信开源社群
                       
                      转载自https://blog.melove.net/develop-open-source-im-match-and-server/ 
                       
                      4
                      评论

                      在微信小程序里实现聊天室 聊天室 小程序

                      Tolazy 发表了文章 • 4227 次浏览 • 2019-04-19 17:49 • 来自相关话题

                      第一次搞小程序,老板让我实现一个聊天室功能,压力山大啊。
                      花了几天时间研究比较了一下方案,最后基于环信的小程序SDK 开发了一个聊天室。
                       
                      准备工作
                      下载环信 小程序demo+sdkgit clone https://github.com/easemob/webim-weixin-xcx创建一个文件夹,将 demo 中的文件 comps、images、sdk、utils 拷贝到新的文件,文件目录说明



                      集成
                      登录环信没什么可说的,这里选择的是使用 username/password 登录,和demo中的一样,文件没有进行任何更改


                      在app.js 中注册的 WebIM.conn.listen, 然后在 登陆成功的回调 onOpened 设置的跳转页面,并将登陆的 username 赋给 myName,传到新的页面中使用


                      修改 roomlist.js 获取聊天室列表,是分页获取的,这里先偷个懒,获取了第一页 20 个聊天室


                      然后将listChatrooms() 分别在onLoad、onShow 内,更改下,将原有的 listGroups() 替换掉然后在roomlist.wxml 修改对应的 变量绑定名称





                      demo中的group.js 中,获取到的是当前登陆账号已加入的群组,咱们做的是聊天室功能,所以需要有一个加入的操作,找roomlist.js 中找到 into_room: function (event),然后填写加入聊天室的方法, 我是直接在当前这个里面加的跳转到聊天页面,并将当前登陆的IDmyName,聊天室IDgroupID,聊天室名称your 传给新页面


                      Ex:监听是否加入聊天室成功的回调是在 onPresence 中,type:memberJoinChatRoomSuccess,正常是监听这个回调跳转页面,有点麻烦就直接这样吧到会话页面后,需要修改一下对应的消息格式,在comps/chat/suit 目录下,将里面的文件对应的 js 文件根据文档给聊天室发送消息 格式进行修改,聊天室消息和群组消息不同,所以我目前是直接将getSendToParam()、isGroupChat() 注释,改成下面这样,demo 中下面还有代码的,这里就用 …… 代替了





                      就这样了,简单集成聊天室功能,demo中的UI 是开源的,可以根据自己的需求更改~下面是具体实现过程。代码也放在github 上了,有需要的兄弟自取。demo下载地址:https://github.com/lizgDonkey/room-xcx 查看全部
                      第一次搞小程序,老板让我实现一个聊天室功能,压力山大啊。
                      花了几天时间研究比较了一下方案,最后基于环信的小程序SDK 开发了一个聊天室。
                       
                      准备工作
                      1. 下载环信 小程序demo+sdk
                        git clone https://github.com/easemob/webim-weixin-xcx
                      2. 创建一个文件夹,将 demo 中的文件 comps、images、sdk、utils 拷贝到新的文件,文件目录说明
                        ml.png

                      集成
                      1. 登录环信没什么可说的,这里选择的是使用 username/password 登录,和demo中的一样,文件没有进行任何更改
                        login.png
                      2. 在app.js 中注册的 WebIM.conn.listen, 然后在 登陆成功的回调 onOpened 设置的跳转页面,并将登陆的 username 赋给 myName,传到新的页面中使用
                        tz.png
                      3. 修改 roomlist.js 获取聊天室列表,是分页获取的,这里先偷个懒,获取了第一页 20 个聊天室
                        getroom.png
                        然后将listChatrooms() 分别在onLoad、onShow 内,更改下,将原有的 listGroups() 替换掉
                      4. 然后在roomlist.wxml 修改对应的 变量绑定名称
                        listui.png
                        list.png
                      5. demo中的group.js 中,获取到的是当前登陆账号已加入的群组,咱们做的是聊天室功能,所以需要有一个加入的操作,找roomlist.js 中找到 into_room: function (event),然后填写加入聊天室的方法, 我是直接在当前这个里面加的跳转到聊天页面,并将当前登陆的IDmyName,聊天室IDgroupID,聊天室名称your 传给新页面
                        joinrom.png
                        Ex:监听是否加入聊天室成功的回调是在 onPresence 中,type:memberJoinChatRoomSuccess,正常是监听这个回调跳转页面,有点麻烦就直接这样吧
                      6. 到会话页面后,需要修改一下对应的消息格式,在comps/chat/suit 目录下,将里面的文件对应的 js 文件根据文档给聊天室发送消息 格式进行修改,聊天室消息和群组消息不同,所以我目前是直接将getSendToParam()、isGroupChat() 注释,改成下面这样,demo 中下面还有代码的,这里就用 …… 代替了
                        send.png
                        chat.png
                        就这样了,简单集成聊天室功能,demo中的UI 是开源的,可以根据自己的需求更改~下面是具体实现过程。代码也放在github 上了,有需要的兄弟自取。demo下载地址:https://github.com/lizgDonkey/room-xcx

                      13
                      回复

                      收集基于环信SDK开发的开源项目 开源项目

                      回复

                      xiaoyan2015 回复了问题 • 13 人关注 • 17251 次浏览 • 2019-03-14 13:52 • 来自相关话题

                      4
                      评论

                      【开源项目】全国首个开源直播小程序源码

                      beyond 发表了文章 • 103563 次浏览 • 2018-07-20 17:30 • 来自相关话题

                      今天你看直播了吗?拥有10亿微信生态用户的小程序已经成为了继移动互联后的又一个现象级风口,随着微信小程序对外开放实时音视频录制及播放等更多连接能力,小程序与直播强强联合,在各行各业找到了非常多的玩法,小程序直播相比微信直播和APP直播更加简洁、流畅、低延时、多入口等众多优势迅速向商业直播领域及泛娱乐直播领域蔓延。从小游戏、内容付费、工具、大数据、社交电商创业者到传统品牌商们,都在努力搭上小程序直播这辆快车,以免错过微信生态里新的流量洼地。
                       





                      作为一名环信生态圈资深开发者,本着对技术的热衷,对环信的眷恋和对党的忠诚,基于环信即时通讯云写了“直播购物小程序”,目前项目源码已全部免费开放,希望对有需求的企业和开发者提供一个思路和参考。
                      直播购物小程序源码github地址:https://github.com/YuTongNetworkTechnology/wechat_live/tree/master 
                      git打不开可直接点下面链接下载


                      小程序直播demo_2018-06-21.zip







                      直播购物小程序运行预览图 
                       
                      小程序体验指南(仅需两步):
                       
                      1、下载微信小程序开发工具,下载地址:https://developers.weixin.qq.c ... .html 
                       




                      2、导入源码:将附件的源码解压直接导入 







                      环信小程序直播技术文档
                      一、 使用的技术
                      1、 环信IM直播室。
                      2、 微信小程序实时音视频播放组件live-player。
                      3、 推流软件(obs、易推流)等推流。
                      4、 视频流服务器(UCLOUD、七牛、腾讯)等视频流服务器。
                      二、 系统使用流程。
                      1、 视频推流软件将视频流推到流服务器。
                      2、 打开视频直播demo小程序注册环信账号。
                      3、 进入软件直播室进行测试。
                      三、 技术流程及使用的SDk
                      1、 注册环信账号
                      打开https://www.easemob.com/ 环信官网,点击右上角注册按钮,选择[注册即时通讯云]




                      填写对相关信息进行注册





                      注册成功后进行登录




                      注:新注册用户需进行账号的认证。
                      2、 直播应用创建
                      登录成功点击应用列表选择创建应用




                      输入应用名称等信息
                       





                      创建成功后点击应用进入





                      需要注意的是应用的OrgName 和AppName这两个是以后都需要用到的两个参数变量




                      3、 直播创建
                      1)在创建直播之前需要对应用进行设置首先需要设置应用的直播流地址
                      第一步获取应用管理员的Tokencurl -X POST "https://a1.easemob.com/[应用OrgName]/[应用AppName]/token" -d '{"grant_type":"client_credentials","client_id":"[应用client_id]","client_secret":"[应用] client_secret"}'返回格式{
                      "access_token":"YWMtWY779DgJEeS2h9OR7fw4QgAAAUmO4Qukwd9cfJSpkWHiOa7MCSk0MrkVIco",
                      "expires_in":5184000,
                      "application":"c03b3e30-046a-11e4-8ed1-5701cdaaa0e4"












                      第二步设置直播流地址curl -X POST -H "Authorization: Bearer [管理员Token]" " https://a1.easemob.com/[应用OrgName]/[应用AppName]/liverooms/stream_url -d '{"pc_pull":"[pc拉流地址]","pc_push":"[pc推流地址]","mobile_pull":"[手机拉流地址]","mobile_push":"[手机推流地址]"}'"成功返回格式:{
                      "action": "post",
                      "application": "e1a09de0-0e03-11e7-ad8e-a1d913615409",
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": {
                      "pc_pull": true,
                      "mobile_push": true,
                      "mobile_pull": true,
                      "pc_push": true
                      },
                      "timestamp": 1494084474885,
                      "duration": 1,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui"
                      }












                      2)创建主播
                      点击IM用户





                      点击注册IM用户





                      填写用户信息





                      创建用户的过程同样也可以通过REST API形式进行curl -X POST -i " https://a1.easemob.com/[应用OrgName]/[应用AppName]/users" -d '{"username":"[用户名]","password":"[密码]"}'
                      注:应用必须为开放注册





                      将注册的用户添加为主播curl -X POST -H "Authorization: [管理员Token]" https://a1.easemob.com/[应用OrgName]/[应用AppName]/super_admin -d'{"superadmin":"[IM用户名]"}'返回结果示例:{
                      "action": "post",
                      "application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": {
                      "result": "success"
                      },
                      "timestamp": 1496236798886,
                      "duration": 0,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui"
                      }












                      3)创建直播
                      点击直播





                      点击新建房间





                      填写房间信息




                      创建房间同时也可以使用REST API形式进行详情可以查看http://docs.easemob.com/im/live/server-integration环信官方文档。
                      4、 小程序demo集成使用
                      小程序直播购物demo集成官方WebIM SDK详情请查看https://github.com/easemob/webim-weixin-xcx
                      Demo具体配置如下
                      打开demo 下sdk配置文件





                      修改appkey为自己应用的appkey





                      打开pages/live/index.js修改房间默认拉流地址及直播间房间号





                      四、 扩展说明
                      Demo中房间为固定测试房间,实际使用中应获取环信直播的房间信息及房间列表。具体如下:
                      获取直播间列表:curl -X GET -H "Authorization: Bearer [用户Token]" https://a1.easemob.com/[应用OrgName]/[应用AppName]/liverooms?ongoing=true&limit=[获取数量]&cursor=[游标地址(不填写为充开始查询)]
                      响应:{
                      "action": "get",
                      "application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
                      "params": {
                      "cursor": [
                      "ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6MzE"
                      ],
                      "ongoing": [
                      "true"
                      ],
                      "limit": [
                      "2"
                      ]
                      },
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": [
                      {
                      "id": "1924",
                      "chatroom_id": "17177265635330",
                      "title": "具体了",
                      "desc": "就咯",
                      "startTime": 1495779917352,
                      "endTime": 1495779917352,
                      "anchor": "wuls",
                      "gift_count": 0,
                      "praise_count": 0,
                      "current_user_count": 8,
                      "max_user_count": 9,
                      "status": "ongoing",
                      "cover_picture_url": "",
                      "pc_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
                      "pc_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
                      "mobile_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
                      "mobile_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1"
                      },
                      {
                      "id": "1922",
                      "chatroom_id": "17175003856897",
                      "title": "香山",
                      "desc": "随便",
                      "startTime": 1495777760957,
                      "endTime": 1495777760957,
                      "anchor": "sx001",
                      "gift_count": 0,
                      "praise_count": 8,
                      "current_user_count": 1,
                      "max_user_count": 3,
                      "status": "ongoing",
                      "cover_picture_url": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "pc_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
                      "pc_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
                      "mobile_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
                      "mobile_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1"
                      }
                      ],
                      "timestamp": 1496303336669,
                      "duration": 0,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui",
                      "cursor": "ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6NDk",
                      "count": 2
                      }












                      获取直播间详情:curl -X GET -H "Authorization: Bearer [用户Token]" " https://a1.easemob.com/[应用OrgName]/[应用AppName]/[房间id]/status"响应:{
                      "action": "get",
                      "application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": {
                      "liveRoomID": "1946",
                      "status": "ongoing"
                      },
                      "timestamp": 1496234759930,
                      "duration": 0,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui",
                      "count": 0
                      }














                       
                      使用环信直播购物小程序遇到任何问题欢迎跟帖讨论。 查看全部
                      今天你看直播了吗?
                      拥有10亿微信生态用户的小程序已经成为了继移动互联后的又一个现象级风口,随着微信小程序对外开放实时音视频录制及播放等更多连接能力,小程序与直播强强联合,在各行各业找到了非常多的玩法,小程序直播相比微信直播和APP直播更加简洁、流畅、低延时、多入口等众多优势迅速向商业直播领域及泛娱乐直播领域蔓延。从小游戏、内容付费、工具、大数据、社交电商创业者到传统品牌商们,都在努力搭上小程序直播这辆快车,以免错过微信生态里新的流量洼地。
                       
                      微信图片_20180725162426.jpg


                      作为一名环信生态圈资深开发者,本着对技术的热衷,对环信的眷恋和对党的忠诚,基于环信即时通讯云写了“直播购物小程序”,目前项目源码已全部免费开放,希望对有需求的企业和开发者提供一个思路和参考。
                      直播购物小程序源码github地址:https://github.com/YuTongNetworkTechnology/wechat_live/tree/master 
                      git打不开可直接点下面链接下载



                      预览图.jpg

                      直播购物小程序运行预览图 
                       
                      小程序体验指南(仅需两步):
                       
                      1、下载微信小程序开发工具,下载地址:https://developers.weixin.qq.c ... .html 
                       
                      Catch9A07(07-20-17-38-30).jpg

                      2、导入源码:将附件的源码解压直接导入 


                      Catch1C69(07-20-17-38-30).jpg


                      环信小程序直播技术文档
                      一、 使用的技术
                      1、 环信IM直播室。
                      2、 微信小程序实时音视频播放组件live-player。
                      3、 推流软件(obs、易推流)等推流。
                      4、 视频流服务器(UCLOUD、七牛、腾讯)等视频流服务器。
                      二、 系统使用流程。
                      1、 视频推流软件将视频流推到流服务器。
                      2、 打开视频直播demo小程序注册环信账号。
                      3、 进入软件直播室进行测试。
                      三、 技术流程及使用的SDk
                      1、 注册环信账号
                      打开https://www.easemob.com/ 环信官网,点击右上角注册按钮,选择[注册即时通讯云]
                      1.png

                      填写对相关信息进行注册

                      2.png

                      注册成功后进行登录
                      3.png

                      注:新注册用户需进行账号的认证。
                      2、 直播应用创建
                      登录成功点击应用列表选择创建应用
                      4.png

                      输入应用名称等信息
                       

                      5.png

                      创建成功后点击应用进入

                      6.png

                      需要注意的是应用的OrgName 和AppName这两个是以后都需要用到的两个参数变量
                      7.png

                      3、 直播创建
                      1)在创建直播之前需要对应用进行设置首先需要设置应用的直播流地址
                      第一步获取应用管理员的Token
                      curl -X POST "https://a1.easemob.com/[应用OrgName]/[应用AppName]/token" -d '{"grant_type":"client_credentials","client_id":"[应用client_id]","client_secret":"[应用] client_secret"}'
                      返回格式
                      {
                      "access_token":"YWMtWY779DgJEeS2h9OR7fw4QgAAAUmO4Qukwd9cfJSpkWHiOa7MCSk0MrkVIco",
                      "expires_in":5184000,
                      "application":"c03b3e30-046a-11e4-8ed1-5701cdaaa0e4"












                      第二步设置直播流地址
                      curl -X POST -H "Authorization: Bearer [管理员Token]"  " https://a1.easemob.com/[应用OrgName]/[应用AppName]/liverooms/stream_url -d '{"pc_pull":"[pc拉流地址]","pc_push":"[pc推流地址]","mobile_pull":"[手机拉流地址]","mobile_push":"[手机推流地址]"}'"
                      成功返回格式:
                      {
                      "action": "post",
                      "application": "e1a09de0-0e03-11e7-ad8e-a1d913615409",
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": {
                      "pc_pull": true,
                      "mobile_push": true,
                      "mobile_pull": true,
                      "pc_push": true
                      },
                      "timestamp": 1494084474885,
                      "duration": 1,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui"
                      }












                      2)创建主播
                      点击IM用户

                      8.png

                      点击注册IM用户

                      9.png

                      填写用户信息

                      10.png

                      创建用户的过程同样也可以通过REST API形式进行
                      curl -X POST -i " https://a1.easemob.com/[应用OrgName]/[应用AppName]/users" -d '{"username":"[用户名]","password":"[密码]"}'

                      注:应用必须为开放注册

                      11.png

                      将注册的用户添加为主播
                      curl -X POST -H "Authorization: [管理员Token]"  https://a1.easemob.com/[应用OrgName]/[应用AppName]/super_admin -d'{"superadmin":"[IM用户名]"}'
                      返回结果示例:
                      {
                      "action": "post",
                      "application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": {
                      "result": "success"
                      },
                      "timestamp": 1496236798886,
                      "duration": 0,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui"
                      }












                      3)创建直播
                      点击直播

                      12.png

                      点击新建房间

                      13.png

                      填写房间信息
                      14.png

                      创建房间同时也可以使用REST API形式进行详情可以查看http://docs.easemob.com/im/live/server-integration环信官方文档。
                      4、 小程序demo集成使用
                      小程序直播购物demo集成官方WebIM SDK详情请查看https://github.com/easemob/webim-weixin-xcx
                      Demo具体配置如下
                      打开demo 下sdk配置文件

                      15.png

                      修改appkey为自己应用的appkey

                      16.png

                      打开pages/live/index.js修改房间默认拉流地址及直播间房间号

                      17.png

                      四、 扩展说明
                      Demo中房间为固定测试房间,实际使用中应获取环信直播的房间信息及房间列表。具体如下:
                      获取直播间列表:
                      curl -X GET -H "Authorization: Bearer  [用户Token]"  https://a1.easemob.com/[应用OrgName]/[应用AppName]/liverooms?ongoing=true&limit=[获取数量]&cursor=[游标地址(不填写为充开始查询)]

                      响应:
                      {
                      "action": "get",
                      "application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
                      "params": {
                      "cursor": [
                      "ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6MzE"
                      ],
                      "ongoing": [
                      "true"
                      ],
                      "limit": [
                      "2"
                      ]
                      },
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": [
                      {
                      "id": "1924",
                      "chatroom_id": "17177265635330",
                      "title": "具体了",
                      "desc": "就咯",
                      "startTime": 1495779917352,
                      "endTime": 1495779917352,
                      "anchor": "wuls",
                      "gift_count": 0,
                      "praise_count": 0,
                      "current_user_count": 8,
                      "max_user_count": 9,
                      "status": "ongoing",
                      "cover_picture_url": "",
                      "pc_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
                      "pc_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
                      "mobile_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1",
                      "mobile_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1"
                      },
                      {
                      "id": "1922",
                      "chatroom_id": "17175003856897",
                      "title": "香山",
                      "desc": "随便",
                      "startTime": 1495777760957,
                      "endTime": 1495777760957,
                      "anchor": "sx001",
                      "gift_count": 0,
                      "praise_count": 8,
                      "current_user_count": 1,
                      "max_user_count": 3,
                      "status": "ongoing",
                      "cover_picture_url": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "pc_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
                      "pc_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
                      "mobile_pull_url": "rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1",
                      "mobile_push_url": "rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1"
                      }
                      ],
                      "timestamp": 1496303336669,
                      "duration": 0,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui",
                      "cursor": "ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6NDk",
                      "count": 2
                      }












                      获取直播间详情:
                      curl -X GET -H "Authorization: Bearer [用户Token]" " https://a1.easemob.com/[应用OrgName]/[应用AppName]/[房间id]/status"
                      响应:
                      {
                      "action": "get",
                      "application": "4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5",
                      "uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
                      "entities": [ ],
                      "data": {
                      "liveRoomID": "1946",
                      "status": "ongoing"
                      },
                      "timestamp": 1496234759930,
                      "duration": 0,
                      "organization": "easemob-demo",
                      "applicationName": "chatdemoui",
                      "count": 0
                      }














                       
                      使用环信直播购物小程序遇到任何问题欢迎跟帖讨论。
                      19
                      评论

                      【新手快速入门】集成环信常见问题+解决方案汇总

                      dujiepeng 发表了文章 • 23337 次浏览 • 2017-05-22 15:51 • 来自相关话题

                         这里整理了集成环信的常见问题和一些功能的实现思路,希望能帮助到大家。感谢热心的开发者贡献,大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
                       
                      ios篇
                      APNs证书创建和上传到环信后台头像昵称的简述和处理方案音视频离线推送Demo实现环信服务器聊天记录保存多久?离线收不到好友请求IOS中环信聊天窗口如何实现文件发送和预览的功能ios集成常见问题环信推送的一些常见问题实现名片|红包|话题聊天室等自定义cell
                       
                      Android篇
                      Android sdk 的两种导入方式环信3.0SDK集成小米推送教程EaseUI库中V4、v7包冲突解决方案Android EaseUI里的百度地图替换为高德地图android扩展消息(名片集成)关于会话列表的置顶聊天java.lang.UnsatisfiedLinkError: 的问题android 端 app 后台被杀死收不到消息的解决方案
                      昵称头像篇
                      android中如何显示开发者服务器上的昵称和头像 Android中显示头像(接上一篇文章看)环信(Android)设置头像和昵称的方法(最简单暴力的基于环信demo的集成)IOS中如何显示开发者服务器上的昵称和头像【环信公开课第12期视频回放】-所有关于环信IM昵称头像的问题听这课就够了
                       
                      直播篇
                      一言不合你就搞个直播APP
                       
                      客服集成
                      IM-SDK和客服SDK并存开发指南—Android篇IM-SDK和客服SDK并存开发指南—iOS篇
                       
                      开源项目
                      Android简版demoios简版demo凡信2.0:超仿微信的开源项目 凡信3.0:携直播和红包而来高仿微信:Github 3,515 Star方圆十里:环信编程大赛冠军项目泛聊:定一个小目标写一个QQSlack聊天机器人:一天时间做一个聊天机器人TV视频通话:在电视上视频通话视频通话:Android手机视频通话酷信:ios高仿微信公众号助手:与订阅用户聊天沟通
                       
                      持续更新ing...小伙伴们还有什么想知道欢迎跟帖提出。
                        查看全部
                         这里整理了集成环信的常见问题和一些功能的实现思路,希望能帮助到大家。感谢热心的开发者贡献,大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
                       
                      ios篇

                       
                      Android篇

                      昵称头像篇

                       
                      直播篇
                      1. 一言不合你就搞个直播APP

                       
                      客服集成
                      1. IM-SDK和客服SDK并存开发指南—Android篇
                      2. IM-SDK和客服SDK并存开发指南—iOS篇

                       
                      开源项目

                       
                      持续更新ing...小伙伴们还有什么想知道欢迎跟帖提出。
                       
                      0
                      评论

                      创业关闭大潮,它潜伏修炼 互联网 创业 互联网+

                      evelyn酱 发表了文章 • 1217 次浏览 • 2016-05-13 16:45 • 来自相关话题

                      创业关闭大潮,它潜伏修炼 
                       
                      在去年通过朋友圈的推荐,下载了一款产品摘客,一开始被他们的独特的分类阅读所吸引,虽然产品当时还有很多的问题,但是对于用户来说,其独特的细分个性化阅读有别于其他APP,当时的体验还是不错的。还有其搜索功能,当时发现搜索时,很多时候都能意外的发现很多好文章,因此建立了该产品的第一映像。 
                       
                      后来机缘巧合,认识到这款产品的团队负责人,因此也特地对摘客与其进行了相关的交流和探讨。 
                       
                      惊讶的是整个团队不过10+人,就包括了后台、前端、测试、运营等人员,原本以为主打个性化推荐算法的产品,相对而言对产品的复杂度和门槛会高一点点,应该有几十人的团队在维护,如今日头条,虽然人家已经上千人的团队,但起步的时候也远远不止10人的团队。不过所有创业团队在起步的时候一定是精简的,一人能敌好几个人用。光这一点,对摘客又多了几分好感。 
                       
                      当然,我也从我的角度指出了很多产品存在的问题,比如界面相较于其他和产品定位而言,UI风格的混乱和不统一;用户评论机制的鸡肋和打造UGC社区氛围问题;产品人群定位等问题都进行了探讨;
                       
                      就个性化推荐而言,摘客切入的是互联网资讯垂直行业,相较于目前已经做得较好的科技媒体,像36氪、虎嗅、极客公园,以及同样主打个性推荐的今日头像,摘客还是有明显的差异性,找到了细分领域。而就阅读而言,用户是否真的需要这么细分的需求呢?这是产品值得思考的问题。 
                       
                      摘客负责人告诉我们,已将上线的2.0.0版本会对目前的产品有一个较大的改进和提高,尤其是目前被人诟病的界面,因此当下就去下载更新了,大改版的白蓝为主色的界面,真实小清晰一脸啊,侧拉导航改为底部导航,也大大比旧版提高了用户的交互体验; 
                       











                      通过深入的了解后,整个团队给人的感觉相较一般的创业团队,更耐得住性子,沉下心来打磨一件他们认为有价值的产品。相比那些为了拿钱融资,冲业务指标而放弃初心的很多创业团队,更欣赏现在还可以静心做产品的团队。 
                       
                      值得恭喜的是,他们告诉我摘客已经在融资阶段,并且有了明确性的资金意向,具体的消息相信在不久的将来可以听到。 查看全部
                      创业关闭大潮,它潜伏修炼 
                       
                      在去年通过朋友圈的推荐,下载了一款产品摘客,一开始被他们的独特的分类阅读所吸引,虽然产品当时还有很多的问题,但是对于用户来说,其独特的细分个性化阅读有别于其他APP,当时的体验还是不错的。还有其搜索功能,当时发现搜索时,很多时候都能意外的发现很多好文章,因此建立了该产品的第一映像。 
                       
                      后来机缘巧合,认识到这款产品的团队负责人,因此也特地对摘客与其进行了相关的交流和探讨。 
                       
                      惊讶的是整个团队不过10+人,就包括了后台、前端、测试、运营等人员,原本以为主打个性化推荐算法的产品,相对而言对产品的复杂度和门槛会高一点点,应该有几十人的团队在维护,如今日头条,虽然人家已经上千人的团队,但起步的时候也远远不止10人的团队。不过所有创业团队在起步的时候一定是精简的,一人能敌好几个人用。光这一点,对摘客又多了几分好感。 
                       
                      当然,我也从我的角度指出了很多产品存在的问题,比如界面相较于其他和产品定位而言,UI风格的混乱和不统一;用户评论机制的鸡肋和打造UGC社区氛围问题;产品人群定位等问题都进行了探讨;
                       
                      就个性化推荐而言,摘客切入的是互联网资讯垂直行业,相较于目前已经做得较好的科技媒体,像36氪、虎嗅、极客公园,以及同样主打个性推荐的今日头像,摘客还是有明显的差异性,找到了细分领域。而就阅读而言,用户是否真的需要这么细分的需求呢?这是产品值得思考的问题。 
                       
                      摘客负责人告诉我们,已将上线的2.0.0版本会对目前的产品有一个较大的改进和提高,尤其是目前被人诟病的界面,因此当下就去下载更新了,大改版的白蓝为主色的界面,真实小清晰一脸啊,侧拉导航改为底部导航,也大大比旧版提高了用户的交互体验; 
                       

                      图片1.png


                      图片2.png


                      通过深入的了解后,整个团队给人的感觉相较一般的创业团队,更耐得住性子,沉下心来打磨一件他们认为有价值的产品。相比那些为了拿钱融资,冲业务指标而放弃初心的很多创业团队,更欣赏现在还可以静心做产品的团队。 
                       
                      值得恭喜的是,他们告诉我摘客已经在融资阶段,并且有了明确性的资金意向,具体的消息相信在不久的将来可以听到。
                      0
                      评论

                      小众公众号的简单运营 运营 互联网

                      evelyn酱 发表了文章 • 1895 次浏览 • 2015-12-14 11:35 • 来自相关话题

                      我们从4月初开始运营一个新的公众号。目前一直在持续运营中,粉丝数量和粉丝关注度也保持稳步上升,每天分享的文章也有很多的好评,得到转发。同时也收到过很多的吐槽,但我们一直很关注粉丝的反馈和吐槽,毕竟这才能让我们做的更好。

                      但是公众号运营的痛点太多了。粉丝增长不够快,用户粘性不够大,文章阅读数量不够多,传播力度不够广。对于一个公众号来说,不论粉丝多还是少,热情还是不热情,都需要运营人员精心的照料。今天我不说怎么推广这个公众号,只从自己经营这个公众号以来得到的一点经验来分项怎么做一个公众号。
                       
                      公众号建设首先公众号要有一个自己的形态,现在分订阅号、服务号、企业号三种,最常见的,也是我正在做的就是订阅号,我的号也是提供了公众号最基础的服务,信息推送。
                      1.不可忽视的自动回复内容:
                      自动回复有下面几种情况:被添加的内容、自动回复内容、特定关键词回复内容

                      被添加的自动回复是一个用户对你的公众号的第一次接触,如果写的过长或者过短都会影响用户对公众号的认知。如果是“你好,欢迎关注***”,那么用户只会觉得,你没有用心在经营这个号,如果长篇大论得说你的产品特色,也容易让人厌倦。所以建议是,先打招呼,再简单一句话介绍公众号的功能。

                      自动回复,根据微信公众号的规则,在1小时内自动回复只会被出发一次,所以这块建议就是写上,已收到,会尽快回复之类的字眼就可以。

                      关键词自动回复,这块就比较灵活。我的公众号在做信息查询的时候会常用到这个。一般也不需要设置关键词回复。特别的可以提示的是,比方说有活动这类的内容,那么关键词可以设置一个“活动”,方便用户找到想要的信息。

                      2.让信息更有条理的菜单栏设置
                       
                      很多小微公众号会忽视菜单栏的设置,但是其实菜单栏是必不可少的。公众号的特点是每天只能建立一条群发,这就容易导致,万一添加的用户是在你群发之后,或者今天用户不巧没有收到你的信息(这个情况还是很少见),那就会造成进入后,没有直接沟通交流的机会,很尴尬,所以如果你的公众号设置一个简单的菜单,让新用户,或者是想了解更多的用户有查看的平台。






                      每日推送内容每日推送也是公众号最重要的内容。我们的公众号是做IT资讯推荐的,所以,我们每天有基本的模式。

                      如果文章分2、1,其中2为引流文章,让用户看了愿意分享的,1为增强用户知识体系,看了愿意不停关注来提升自己的能力。选文章的前提是精和新。
                      每天的基本模式:精选2+技术干货1+大数据1+互联网金融1+o2o1+电商1+产品经理1

                      其实在固定模式下推送新闻,不用多久就能发现用户比较关注的焦点。而且推送内容的走向也和时间有一定联系。由一周的统计可以看出秋季招聘期间面试经验、干货内容是比较受关注的,双十一期间电商和创业的关注度也比较高。
                      169  【面试经验】腾讯、百度、网易游戏、华为Offer及笔经面经
                      151  【技术干货】Google开源最新机器学习系统TensorFlow
                      146  【面试经验】产品经理面经:3个产品Offer是如何拿到的
                      153  【面试经验】零产品经验斩获校招产品Offer经历
                      146  【面试经验】给Android程序员的一些面试建议
                      190  【技术干货】分类算法总结
                      153  【创业】2015年的互联网创业趋势可能不是你想象的那么回事
                      147  【电商】双11这天,90%程序员都在干什么
                      143  【产品】别老想着脱单,今年流行“性冷淡”产品
                      145  【创业】曾穷到被女友抛弃的他投奔马云后身价102亿
                      177  【创业】那家将融10亿美元的AR公司Magic Leap到底有多拽
                      162  【社会】人与人之间变得更冷漠,和手机一毛关系都没有
                      以上是根据一周的统计内容得到最关注的焦点内容编辑标题:无所谓标题党,但标题请简洁。太长的标题,在碎片化信息时代,容易令人厌倦。
                      摘要:你可能会觉得摘要没有用,编辑内容的时候我们总是会忽视摘要的部分,而在转发的时候摘要是必须会出现的,这时候如果摘要不编辑好,内容就会很乱,也影响转发的效果。转发的时候也别空转发,稍微写点内容,自己的看法,会更吸引其他用户的注意。






                           摘要写好了:





                           摘要没写好:





                      文字:分段,分段,分段!文字必须分段,不分段的手机效果就是挤在一起,令人不想看。字号的大小,新闻类的文章建议16px,这样看起来最舒服;文艺小清新类的文章建议14px,文艺范儿的小一点反而轻巧。
                      图片:文章最好能够图文并茂,图片居中看起来会舒服很多。
                      段落:用编辑器加一些看起来更简洁的小图标,对整篇文章的帮助是很大的。







                      找对人群公众号相当于一个产品,所以找准定位对于找对一群适合的人群很重要。对的人群指的应该不是一次突然骤增的人数,而是长期用户的保留。





                           我们找准定位为正在找工作的大学生之后在做推广,效果就出现了非常显著的高峰。
                      最重要的小事推送时间:
                      推送时间真的非常重要,甚至是一篇相同的文章,不同的时间推送,阅读量和转发量也会大不相同。之前一直在探索最佳的推送时间,得到一个基本觉得很靠谱的结论。
                      最忌:中午推送
                      一般:早晨
                      最佳:晚上8点-9点之间 查看全部
                      我们从4月初开始运营一个新的公众号。目前一直在持续运营中,粉丝数量和粉丝关注度也保持稳步上升,每天分享的文章也有很多的好评,得到转发。同时也收到过很多的吐槽,但我们一直很关注粉丝的反馈和吐槽,毕竟这才能让我们做的更好。

                      但是公众号运营的痛点太多了。粉丝增长不够快,用户粘性不够大,文章阅读数量不够多,传播力度不够广。对于一个公众号来说,不论粉丝多还是少,热情还是不热情,都需要运营人员精心的照料。今天我不说怎么推广这个公众号,只从自己经营这个公众号以来得到的一点经验来分项怎么做一个公众号。
                       
                      • 公众号建设
                      • 首先公众号要有一个自己的形态,现在分订阅号、服务号、企业号三种,最常见的,也是我正在做的就是订阅号,我的号也是提供了公众号最基础的服务,信息推送。

                      • 1.不可忽视的自动回复内容:

                      • 自动回复有下面几种情况:被添加的内容、自动回复内容、特定关键词回复内容


                        • 被添加的自动回复是一个用户对你的公众号的第一次接触,如果写的过长或者过短都会影响用户对公众号的认知。如果是“你好,欢迎关注***”,那么用户只会觉得,你没有用心在经营这个号,如果长篇大论得说你的产品特色,也容易让人厌倦。所以建议是,先打招呼,再简单一句话介绍公众号的功能。


                          • 自动回复,根据微信公众号的规则,在1小时内自动回复只会被出发一次,所以这块建议就是写上,已收到,会尽快回复之类的字眼就可以。


                            • 关键词自动回复,这块就比较灵活。我的公众号在做信息查询的时候会常用到这个。一般也不需要设置关键词回复。特别的可以提示的是,比方说有活动这类的内容,那么关键词可以设置一个“活动”,方便用户找到想要的信息。


                              • 2.让信息更有条理的菜单栏设置

                               
                              • 很多小微公众号会忽视菜单栏的设置,但是其实菜单栏是必不可少的。公众号的特点是每天只能建立一条群发,这就容易导致,万一添加的用户是在你群发之后,或者今天用户不巧没有收到你的信息(这个情况还是很少见),那就会造成进入后,没有直接沟通交流的机会,很尴尬,所以如果你的公众号设置一个简单的菜单,让新用户,或者是想了解更多的用户有查看的平台。



                                菜单栏的作用.png

                                • 每日推送内容
                                • 每日推送也是公众号最重要的内容。我们的公众号是做IT资讯推荐的,所以,我们每天有基本的模式。


                                  • 如果文章分2、1,其中2为引流文章,让用户看了愿意分享的,1为增强用户知识体系,看了愿意不停关注来提升自己的能力。选文章的前提是精和新。

                                  • 每天的基本模式:精选2+技术干货1+大数据1+互联网金融1+o2o1+电商1+产品经理1


                                    • 其实在固定模式下推送新闻,不用多久就能发现用户比较关注的焦点。而且推送内容的走向也和时间有一定联系。由一周的统计可以看出秋季招聘期间面试经验、干货内容是比较受关注的,双十一期间电商和创业的关注度也比较高。

                                    • 169  【面试经验】腾讯、百度、网易游戏、华为Offer及笔经面经

                                    • 151  【技术干货】Google开源最新机器学习系统TensorFlow

                                    • 146  【面试经验】产品经理面经:3个产品Offer是如何拿到的

                                    • 153  【面试经验】零产品经验斩获校招产品Offer经历

                                    • 146  【面试经验】给Android程序员的一些面试建议

                                    • 190  【技术干货】分类算法总结

                                    • 153  【创业】2015年的互联网创业趋势可能不是你想象的那么回事

                                    • 147  【电商】双11这天,90%程序员都在干什么

                                    • 143  【产品】别老想着脱单,今年流行“性冷淡”产品

                                    • 145  【创业】曾穷到被女友抛弃的他投奔马云后身价102亿

                                    • 177  【创业】那家将融10亿美元的AR公司Magic Leap到底有多拽

                                    • 162  【社会】人与人之间变得更冷漠,和手机一毛关系都没有

                                    • 以上是根据一周的统计内容得到最关注的焦点
                                    • 内容编辑
                                    • 标题:无所谓标题党,但标题请简洁。太长的标题,在碎片化信息时代,容易令人厌倦。

                                    • 摘要:你可能会觉得摘要没有用,编辑内容的时候我们总是会忽视摘要的部分,而在转发的时候摘要是必须会出现的,这时候如果摘要不编辑好,内容就会很乱,也影响转发的效果。转发的时候也别空转发,稍微写点内容,自己的看法,会更吸引其他用户的注意。



                                      让转发更好看.png

                                           摘要写好了:

                                      摘要写好了.png

                                           摘要没写好:

                                      摘要没写好.png

                                      • 文字:分段,分段,分段!文字必须分段,不分段的手机效果就是挤在一起,令人不想看。字号的大小,新闻类的文章建议16px,这样看起来最舒服;文艺小清新类的文章建议14px,文艺范儿的小一点反而轻巧。

                                      • 图片:文章最好能够图文并茂,图片居中看起来会舒服很多。

                                      • 段落:用编辑器加一些看起来更简洁的小图标,对整篇文章的帮助是很大的。



                                        分段小图标.png


                                          • 找对人群
                                          • 公众号相当于一个产品,所以找准定位对于找对一群适合的人群很重要。对的人群指的应该不是一次突然骤增的人数,而是长期用户的保留。


                                          做一次校园IT推广的强度.png

                                               我们找准定位为正在找工作的大学生之后在做推广,效果就出现了非常显著的高峰。
                                          • 最重要的小事
                                          • 推送时间:

                                          • 推送时间真的非常重要,甚至是一篇相同的文章,不同的时间推送,阅读量和转发量也会大不相同。之前一直在探索最佳的推送时间,得到一个基本觉得很靠谱的结论。

                                          • 最忌:中午推送

                                          • 一般:早晨

                                          • 最佳:晚上8点-9点之间

                                          0
                                          评论

                                          互联网时代的用户阅读习惯是什么样的 互联网

                                          evelyn酱 发表了文章 • 1675 次浏览 • 2015-12-10 13:22 • 来自相关话题

                                           

                                          大图.jpg