你的浏览器禁用了JavaScript, 请开启后刷新浏览器获得更好的体验!
发表了文章 o 58 次浏览 o
o 来自相关话题
今天你看直播了吗？小程序日益普及，用户习惯已经养成，商业直播也从以前的公众号直播升级为小程序直播，小程序直播以公众号微信直播和APP直播更加简洁、流畅、低延时、多入口的众多优势迅速向商业直播领域及泛娱乐直播领域蔓延。
作为一名环信生态圈资深开发者，本着对技术的热衷，对环信的眷恋和对党的忠诚，基于环信即时通讯云写了“直播购物小程序”，目前项目源码已全部免费开放，希望对有需求的企业和开发者提供一个思路和参考。
直播购物小程序源码：
小程序直播demo_(加入推流地址).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-a1d&,
&uri&: &http://127.0.0.1:8080/easemob- ... ot%3B,
&entities&: [ ],
&pc_pull&: true,
&mobile_push&: true,
&mobile_pull&: true,
&pc_push&: true
&timestamp&: 5,
&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&: [ ],
&result&: &success&
&timestamp&: 6,
&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&: [
&limit&: [
&uri&: &http://127.0.0.1:8080/easemob- ... ot%3B,
&entities&: [ ],
&id&: &1924&,
&chatroom_id&: &30&,
&title&: &具体了&,
&desc&: &就咯&,
&startTime&: 2,
&endTime&: 2,
&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&: &97&,
&title&: &香山&,
&desc&: &随便&,
&startTime&: 7,
&endTime&: 7,
&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&: 9,
&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&: [ ],
&liveRoomID&: &1946&,
&status&: &ongoing&
&timestamp&: 0,
&duration&: 0,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&,
&count&: 0
使用环信直播购物小程序遇到任何问题欢迎跟帖讨论。
今天你看直播了吗？小程序日益普及，用户习惯已经养成，商业直播也从以前的公众号直播升级为小程序直播，小程序直播以公众号微信直播和APP直播更加简洁、流畅、低延时、多入口的众多优势迅速向商业直播领域及泛娱乐直播领域蔓延。
作为一名环信生态圈资深开发者，本着对技术的热衷，对环信的眷恋和对党的忠诚，基于环信即时通讯云写了“直播购物小程序”，目前项目源码已全部免费开放，希望对有需求的企业和开发者提供一个思路和参考。
直播购物小程序源码：
直播购物小程序运行预览图
小程序体验指南（仅需两步）：
1、下载微信小程序开发工具，下载地址：
2、导入源码：将附件的源码解压直接导入
环信小程序直播技术文档
一、 使用的技术
1、 环信IM直播室。
2、 微信小程序实时音视频播放组件live-player。
3、 推流软件（obs、易推流）等推流。
4、 视频流服务器（UCLOUD、七牛、腾讯）等视频流服务器。
二、 系统使用流程。
1、 视频推流软件将视频流推到流服务器。
2、 打开视频直播demo小程序注册环信账号。
3、 进入软件直播室进行测试。
三、 技术流程及使用的SDk
1、 注册环信账号
打开 环信官网，点击右上角注册按钮，选择[注册即时通讯云]
填写对相关信息进行注册
注册成功后进行登录
注：新注册用户需进行账号的认证。
2、 直播应用创建
登录成功点击应用列表选择创建应用
输入应用名称等信息
创建成功后点击应用进入
需要注意的是应用的OrgName 和AppName这两个是以后都需要用到的两个参数变量
3、 直播创建
1）在创建直播之前需要对应用进行设置首先需要设置应用的直播流地址
第一步获取应用管理员的Tokencurl -X POST &[应用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]&
& [应用OrgName]/[应用AppName]/liverooms/stream_url -d '{&pc_pull&:&[pc拉流地址]&,&pc_push&:&[pc推流地址]&,&mobile_pull&:&[手机拉流地址]&,&mobile_push&:&[手机推流地址]&}'&成功返回格式：{
&action&: &post&,
&application&: &e1a09de0-0e03-11e7-ad8e-a1d&,
&entities&: [ ],
&pc_pull&: true,
&mobile_push&: true,
&mobile_pull&: true,
&pc_push&: true
&timestamp&: 5,
&duration&: 1,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&
2)创建主播
点击IM用户
点击注册IM用户
填写用户信息
创建用户的过程同样也可以通过REST API形式进行curl -X POST -i & [应用OrgName]/[应用AppName]/users& -d '{&username&:&[用户名]&,&password&:&[密码]&}'
注：应用必须为开放注册
将注册的用户添加为主播curl -X POST -H &Authorization: [管理员Token]&
[应用OrgName]/[应用AppName]/super_admin -d'{&superadmin&:&[IM用户名]&}'返回结果示例：{
&action&: &post&,
&application&: &4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5&,
&entities&: [ ],
&result&: &success&
&timestamp&: 6,
&duration&: 0,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&
3）创建直播
点击新建房间
填写房间信息
创建房间同时也可以使用REST API形式进行详情可以查看环信官方文档。
4、 小程序demo集成使用
小程序直播购物demo集成官方WebIM SDK详情请查看
Demo具体配置如下
打开demo 下sdk配置文件
修改appkey为自己应用的appkey
打开pages/live/index.js修改房间默认拉流地址及直播间房间号
四、 扩展说明
Demo中房间为固定测试房间,实际使用中应获取环信直播的房间信息及房间列表。具体如下：
获取直播间列表：curl -X GET -H &Authorization: Bearer
[用户Token]&
[应用OrgName]/[应用AppName]/liverooms?ongoing=true&limit=[获取数量]&cursor=[游标地址（不填写为充开始查询）]
&action&: &get&,
&application&: &4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5&,
&params&: {
&cursor&: [
&ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6MzE&
&ongoing&: [
&limit&: [
&entities&: [ ],
&id&: &1924&,
&chatroom_id&: &30&,
&title&: &具体了&,
&desc&: &就咯&,
&startTime&: 2,
&endTime&: 2,
&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&: &97&,
&title&: &香山&,
&desc&: &随便&,
&startTime&: 7,
&endTime&: 7,
&anchor&: &sx001&,
&gift_count&: 0,
&praise_count&: 8,
&current_user_count&: 1,
&max_user_count&: 3,
&status&: &ongoing&,
&cover_picture_url&: &,
&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&: 9,
&duration&: 0,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&,
&cursor&: &ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6NDk&,
&count&: 2
获取直播间详情：curl -X GET -H &Authorization: Bearer [用户Token]& & [应用OrgName]/[应用AppName]/[房间id]/status&响应：{
&action&: &get&,
&application&: &4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5&,
&entities&: [ ],
&liveRoomID&: &1946&,
&status&: &ongoing&
&timestamp&: 0,
&duration&: 0,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&,
&count&: 0
使用环信直播购物小程序遇到任何问题欢迎跟帖讨论。
发表了文章 o 2478 次浏览 o
o 来自相关话题
5分钟，是一个从提问到解答的总时长，有温度有态度有速度！
-IMGeek社区“鲁迅”
IMGeek循着极客们开放、分享、协作、创新的精神，努力构建一个具有服务质量保障（Service Level Assurance , SLA）的社区。
在IMGeek社区里征集到一批热心的技术专家，得到他们的承诺自愿回复IMGeek社区问题。只要你在IMGeek社区发布问题，专家们将会收到消息提醒，并及时回复。
当然，如果你在提交一个问题之前，可以先搜索一下，说不定你要提的问题已经有人提过并且得到解答。这样可以省却不少你的时间。
最后提醒一下提问的小伙伴，如果您的问题被解决，占用您一秒钟时间将回复设置为最佳回复，方便后面遇到相同问题的同学快速找到答案！
现在，从一个提问开始你的IMGeek社区之旅。
5分钟，是一个从提问到解答的总时长，有温度有态度有速度！
-IMGeek社区“鲁迅”
IMGeek循着极客们开放、分享、协作、创新的精神，努力构建一个具有服务质量保障（Service Level Assurance , SLA）的社区。
在IMGeek社区里征集到一批热心的技术专家，得到他们的承诺自愿回复IMGeek社区问题。只要你在IMGeek社区发布问题，专家们将会收到消息提醒，并及时回复。
当然，如果你在提交一个问题之前，可以先搜索一下，说不定你要提的问题已经有人提过并且得到解答。这样可以省却不少你的时间。
最后提醒一下提问的小伙伴，如果您的问题被解决，占用您一秒钟时间将回复设置为最佳回复，方便后面遇到相同问题的同学快速找到答案！
现在，从一个提问开始你的IMGeek社区之旅。
回复了问题 o 10 人关注 o 8687 次浏览 o
o 来自相关话题
发表了文章 o 14318 次浏览 o
o 来自相关话题
这里整理了集成环信的常见问题和一些功能的实现思路，希望能帮助到大家。感谢热心的开发者贡献，大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
APNs证书创建和上传到环信后台头像昵称的简述和处理方案音视频离线推送Demo实现环信服务器聊天记录保存多久？离线收不到好友请求IOS中环信聊天窗口如何实现文件发送和预览的功能ios集成常见问题环信推送的一些常见问题实现名片|红包|话题聊天室等自定义cell
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...小伙伴们还有什么想知道欢迎跟帖提出。
这里整理了集成环信的常见问题和一些功能的实现思路，希望能帮助到大家。感谢热心的开发者贡献，大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
昵称头像篇
持续更新ing...小伙伴们还有什么想知道欢迎跟帖提出。
回复了问题 o 3 人关注 o 832 次浏览 o
o 来自相关话题
发起了问题 o 1 人关注 o 32 次浏览 o
o 来自相关话题
回复了问题 o 2 人关注 o 397 次浏览 o
o 来自相关话题
发起了问题 o 1 人关注 o 52 次浏览 o
o 来自相关话题
回复了问题 o 3 人关注 o 124 次浏览 o
o 来自相关话题
回复了问题 o 2 人关注 o 793 次浏览 o
o 来自相关话题
回复了问题 o 1 人关注 o 40 次浏览 o
o 来自相关话题
回复了问题 o 2 人关注 o 45 次浏览 o
o 来自相关话题
回复了问题 o 2 人关注 o 47 次浏览 o
o 来自相关话题
发起了问题 o 1 人关注 o 56 次浏览 o
o 来自相关话题
发起了问题 o 1 人关注 o 48 次浏览 o
o 来自相关话题
回复了问题 o 2 人关注 o 70 次浏览 o
o 来自相关话题
回复了问题 o 2 人关注 o 52 次浏览 o
o 来自相关话题
回复了问题 o 2 人关注 o 65 次浏览 o
o 来自相关话题
发起了问题 o 1 人关注 o 53 次浏览 o
o 来自相关话题
回复了问题 o 2 人关注 o 75 次浏览 o
o 来自相关话题
回复了问题 o 2 人关注 o 64 次浏览 o
o 来自相关话题
回复了问题 o 2 人关注 o 63 次浏览 o
o 来自相关话题
发起了问题 o 1 人关注 o 60 次浏览 o
o 来自相关话题
回复了问题 o 2 人关注 o 80 次浏览 o
o 来自相关话题
回复了问题 o 2 人关注 o 62 次浏览 o
o 来自相关话题
回复了问题 o 3 人关注 o 51 次浏览 o
o 来自相关话题
回复了问题 o 2 人关注 o 66 次浏览 o
o 来自相关话题
回复了问题 o 2 人关注 o 76 次浏览 o
o 来自相关话题
回复了问题 o 2 人关注 o 75 次浏览 o
o 来自相关话题
本周头条：
2617 个问题, 96 人关注
2495 个问题, 126 人关注
429 个问题, 16 人关注
546 个问题, 31 人关注
353 个问题, 19 人关注
已收到赏金 ￥160.01元
已收到赏金 ￥145.01元
已收到赏金 ￥128元
已收到赏金 ￥102.01元
已收到赏金 ￥100元
已收到赏金 ￥96元
已收到赏金 ￥90元
已收到赏金 ￥82元
已收到赏金 ￥76元
已收到赏金 ￥75元
一个开放、互助、协作、创意的社区
一个开放、互助、协作、创意的社区
京ICP备号-3你的浏览器禁用了JavaScript, 请开启后刷新浏览器获得更好的体验!
失败回调为{&type&:17,&data&:&{\&error\&:\&illegal_argument\&,\&timestamp\&:7,\&duration\&:0,\&exception\&:\&java.lang.IllegalArgumentException\&,\&error_description\&:\&username [null] is not legal\&}&},
h5里面只导入了三个js文件
&script type='text/javascript' src='js/webim.config.js'&&/script&
&script type='text/javascript' src='js/strophe-1.2.8.min.js'&&/script&
&script type='text/javascript' src='js/websdk-1.4.10.js'&&/script&,不清楚是哪里错了, 求解
network中的user 的response截图，看下
要回复问题请先或
关注: 2 人
知识价值的认可，源自您的赞赏
扫描二维码，你的支付将由imGeek代收后转给对方
感谢您的赞赏
一个开放、互助、协作、创意的社区
一个开放、互助、协作、创意的社区
京ICP备号-3onError: function (message) {
console.log('Error');
console.log(message);
console.log(JSON.stringify(message));
if (message && message.type == 1) {
console.warn('连接建立失败！请确认您的登录账号是否和appKey匹配。')
等于8是啥意思啊。。 一直失败。。求助啊
q826qq1878
这个是链接后的那个回调。。。求助啊。。我快疯了
睡姿决定发型
你好 解决了吗
申请试用 提交后工作人员会尽快与您联系进行功能演示
提交 不了，谢谢
技术咨询已转移到管理后台，请先登录 即时通讯云使用者请在应用详情页面咨询客户互动云使用者请进入管理员模式咨询
提示：技术咨询已转移到管理后台，请先登录 即时通讯云用户请在应用详情页提交工单，同时提供论坛互助支持服务。客户互动云用户请进入管理员模式在线咨询。客服热线：400-995-7855
当前位置：&&&
用环信移动客服在Slack上集成开店就是这么简单
& 17:06&&来源：&
　　环信移动客服作为一款全媒体智能SaaS客服标杆产品，目前已经服务了近6万家客户，为了满足差异化的客服业务需求，基于开放的理念，环信移动客服支持：1，可与CRM、知识库、第三方订单系统等进行集成，延展第三方系统的价值。2，提供API接口、iFrame、页面插件、后台插件等多种形式的开放接口。3，全插件式设计，所有模块均可插拔，通过自由组合实现个性化的客服业务需求。基于以上很好的扩展性，目前环信移动客服已经实现了包括SLACK、百度推广、麦客表单等完美接入。
　　以下是Slack与环信移动客服详细集成方案，原来使用环信移动客服在Slack上开店卖杯咖啡就是这么简单。
　　什么是Slack
　　Slack是一个团队沟通的平台，在这里你可以群聊、单聊、甚至打电话。还可以通过简单的拖动，进行文件分享。甚至可以跟Github、Travis、Twitter等等工具和网站进行集成。如果这还不能满足需求，也可以定制自己的APP。Slack也支持强大的搜索功能，所有的消息、通知、文件都可以搜索。
　　Slack App & Slack Bot
　　Slack Apps是能提高工作效率的工具，这里已经有很多很好的工具，比如To-do bot，跟他聊天便可以轻松的定制计划任务，在指定的时间做你要求他做的事情。
　　当你添加To-do bot这个APP之后，你就可与To-do bot的机器人todobot聊天了，在左侧的DIRECT MESSAGES中找到todobot，如果没找到，点击加号，添加todobot，如下图
　　DIRECT MESSAGES
　　什么是环信移动客服
　　环信移动客服是一款国内领先的全媒体智能SaaS客服产品，支持全媒体接入，包括网页在线客服、社交媒体客服(微博、微信)、APP内置客服和呼叫中心等多种渠道均可一键接入。
　　初始化你的Slack
　　什时候需要把Slack和客服集成?
　　星巴克想在Slack上卖咖啡，而Slack的用户都是Team内部的，不可能在每个Team内都安插一个星巴克的服务员。这样就需要把Slack上用户发的消息转到一个集中地方处理，于是我就想到了环信移动客服，消息传递到移动客服，Slack用户可以跟某个客服聊天，并且通过一些定制开发能够看见Slack用户的基本信息(比如：昵称、电话、团队名称等)，并且可以二维码支付。
　　创建你的APP
　　打开 https://api.slack.com/apps 页面，点击 Create New App 按钮
　　填写你的 App Name 并选择开发者的Team，你就可以点击Create App按钮了，出现下面界面的时候，你的App就创建好啦
　　Basic Information
　　初始化设置你的App
　　点击OAuth & Permissions页面，在下面会有Permission Scope，这里我们搜索bot，然后选择并 Save Changes
　　在上面的Redirect URLS中填写OAuth认证成功之后的回调地址，比如https://xxx.xxx/oauth/callback，当然这会儿你可能也不知道你的地址是什么呢，记得之后会用得上
　　点击Event Subscriptions，这是设置Slack 事件订阅的，有了它，我们就可以接收到用户在Slack上发的消息了。
　　进入页面后打开开关，在下面的Subscribe to Team Events中，我们搜索并添加message.channel和message.im，分别是群聊和单聊的消息事件订阅
　　当然，光订阅是不行的，我们还要设置订阅的地址，在上面的Request Url中设置好你的订阅地址就可以李，比如 https://xxx.xxx/events/callback
　　创建Bot User，在BotUsers页面，创建一个BotUser
　　然后你就可以在OAuth & Permissions页面，点击Install App to Team按钮，把App安装到你的Team了
　　Hello World
　　Step 1：事件订阅初始化
　　在设置事件订阅地址的时候，Slack会尝试进行一次检查，需要你他们的请求中携带的challenge原封不动的返回给服务器
　　Step 2: 处理消息的事件
　　当我们想处理用户发来的消息的时候，我们需要处理消息的事件订阅。
　　最外层的type为event_callback，event为事件内容，根据event中的type能区分event的类型，channel为消息投递的channel id，user为发送人的id，text为消息的内容
　　要小心：如果是机器人发送的消息，event中会有bot_id，如果处理不当会导致消息循环发送(不要问我怎么知道的&&)
　　Step 3: 把消息发送到移动客服
　　Step 3.1: 获取发消息的Token
　　Step 3.2:发送文本消息
　　from为发送消息的人，目前以slackTeamId_slackUserId_slackChannelId为格式
　　Step 4: 让Slack App接收移动客服消息
　　如果你想使用移动客服回调的方式接收消息，你需要跟你的移动客服客户经理申请开通;当然你也可以使用环信即时通讯云的SDK开发，使用长连接接收消息。
　　以下以回调模式举例，简单的集成只需要关心如下几个字段
　　eventType应该为chat
　　from 消息的发送人，应该就是imServiceNumber，要跟集成移动客服的保持一致
　　payload是消息的内容，简单的可以先支持txt类型的
　　to是接收消息的人，目前以slackTeamId_slackUserId_slackChannelId为格式
　　Step 5: 处理OAuth回调
　　OAuth回调的时候，slack会传给我们一个code，这个code相当于一个临时令牌，来换取accessToken等信息，下面的API就是如何使用code来获取这些信息
　　Step 6: 把收到的消息发给Slack 用户
　　发消息需要以SlackBot的身份发送，需要根据teamId获取到SlackBot，获取bot的accessToken。什么时候能获取到SlackBot信息呢?在Slack用户安装App的时候，进行完OAuth认证，Slack Bot信息就会通过 OAuth 回调传给我们了
　　至此你就可以在移动客服中和Slack中的用户聊天啦
　　如果还需要获取User、Team的信息，可以使用Slack Api获取
　　如果需要的Api权限不够，则需要用户在授权的时候给予更多的权限
　　一定要注意消息收发，一不小心会导致消息循环发送，形成死循环
　　Slack的中Channel可以分为3中：Public Channel、Direct Message Channel、Private Channel，可以根据channel的第一个字母进行区分，C开头的是Public Channel，D开头的是Direct MessageChannel、G开头的是Private Channel
扫一扫关注A5创业网公众号
责任编辑：初浅
腾渊达(Tenyda)管家是腾渊达集团在信息化时代推出、开发的一个重要业务单元。它以物联网系统为平台，采用无线网络相结合的方式，把所有设备通过信息传感设备与网络连接
A5创业网(公众号:iadmin5)7月21日讯，7月20日晚，爱钱帮发布一则良性退出的公告。爱钱帮表示，即日起，平台停止相关业务运营，保留网站及APP正常维护，不再发行新产品，不再新增业务增量。
如果是新能源更多是一种观念层面的跃升，特斯拉的登陆可以发挥“鲶鱼效应”，那么涉及数据，技术，合作伙伴，法律法规，乃至伦理等一系列必备要素的自动驾驶，则要复杂的多，量产的难度，也更为严苛。
PDF作为时下常用的电子文档格式，一般情况下，小伙伴们想要编辑、修改PDF文档的内容，需要借助第三方软件完成。然鹅，下载了各式各样的编辑软件，要么难用，要么收费!
在幼教领域Azure的面部和情绪认知服务帮助我们识别每个儿童的身份和情绪，结合我们对课程内容及教学方法的数据分析，开创了幼教领域第一个对教学效果和学生兴趣进行分析的全新算法。
当前，网贷行业频频“洗牌”，深深地触动了投资人的情绪。而在监管趋严的大背景下，云回通宝选择紧绕国家合规政策进行战略布局，信息披露、ICP经营许可证、银行存管、客户面对面交流
作为一家全球化的农业与食品上市公司，湖南大康国际农业食品股份有限公司(简称“大康农业”)业务范围分布在全球各地。为给海内外的庞大业务数据搭建起有效管理和高效协同平台，近日，大康农业正式签约亿方云
如果用“滚滚天雷”、“雷潮不断”这个字眼，估计这个庸俗的开头已经无法让读者再看下去了。实际上，这是整个网贷行业的信任危机，不但是小平台，还有好几家头部平台都出现了无法兑付的问题
近日，央行官网发布消息，央行同互联网金融风险专项整治工作领导小组有关成员单位召开互联网金融风险专项整治下一阶段工作部署动员会。央行副行长指出，要用一到两年时间完成互联网金融风险专项整治，化解存量风险，消除风险隐患，同时初步建立适应互联网金融特点的监管体系。
近期，P2P平台爆雷的情况集中爆发，引起了央行、中国互联网金融协会、各地互联网金融协会等密集发声回应。在这样一个敏感阶段，各大权威机构以及媒体的联合发声，无疑为行业注入了一针强心剂。
创业好项目
网络文学二十年： 意气江湖载酒行
扫描二维码关注A5创业网了解最新创业资讯服务
&徐州八方网络科技有限公司&版权所有&
举报投诉邮箱：
扫一扫关注最新创业资讯