什么是环信即时通讯 CallKit？
CallKit 是环信即时通讯 IM SDK 的一个开源 UI 组件，提供应用内聊天中音视频通话的页面和 UI 组件，帮助开发者快速构建应用的 UI。
标签归档：环信
什么是环信即时通讯 IM SDK？
什么是环信即时通讯 IM SDK？
环信即时通讯 IM SDK 是环信提供的用于实现即时通讯，比如：单聊、群聊、聊天室的 SDK。
chat 聊天 APP开发接入 环信 IM即时通讯SDK教程
| 用做网页的技术做APP！ 一门提供标准化的jsbridge-mini.js库，您只需要在页面引用并执行JS即可实现各种原生APP、原生PC的功能能力。 ==================APP端================== 【APP端】（安卓版&苹果版）目前提供200+原生功能，2000+JS映射接口，用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程： ♦ JS-SDK 引用方式： ♦ 普通网页 script 方式加载：下载最新版，请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库； ♦ js module 方式引用：npm install ym-jsbridge 具体请参考 npm package |
chat 聊天 APP开发接入 环信 IM即时通讯SDK教程
核心代码示例，详情参阅demo
jsBridge.easeIm.chat({
//字符串，标题栏文字，一般用对方昵称或备注
title: $("#chat_title").val(),
//字符串，会话ID，单聊时指对方ID，群聊和聊天室时指群和聊天室ID
conversationId: $("#chat_conversationId").val(),
//字符串，聊天类型
//single 单聊
//group 群聊
//room 聊天室
chatType: $("#chat_chatType").val(),
//字符串，消息ID，用于查询历史记录时的定位消息ID
historyMsgId: $("#chat_historyMsgId").val(),
//布尔，是否开启漫游，用于标记是否优先从服务器拉取消息
isRoam: JSON.parse($("#chat_isRoam").val()),
//字符串，输入区菜单样式
//all 完整模式
//disableVoice 不可用语音
//disableEmojIcon 不可用表情
//disableVoiceEmojIcon 不可用语音和表情
//onlyText 仅文本输入
inputMenuStyle: $("#chat_inputMenuStyle").val(),
//字符串数组，点 + 号打开的扩展功能
//留空则全部显示
inputExtItems: [
"camera", //相机
"album", //相册
"video", //视频
"file" //文件
]
}, function(succ, data) {
if (!succ) {
alert("开启聊天失败\n" + JSON.stringify(data));
}
});A标签执行JS示例代码
<a href="javascript:void(0)" onclick="zhixing()">执行</a>
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {
<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.easeIm.chat({
//字符串，标题栏文字，一般用对方昵称或备注
title: $("#chat_title").val(),
//字符串，会话ID，单聊时指对方ID，群聊和聊天室时指群和聊天室ID
conversationId: $("#chat_conversationId").val(),
//字符串，聊天类型
//single 单聊
//group 群聊
//room 聊天室
chatType: $("#chat_chatType").val(),
//字符串，消息ID，用于查询历史记录时的定位消息ID
historyMsgId: $("#chat_historyMsgId").val(),
//布尔，是否开启漫游，用于标记是否优先从服务器拉取消息
isRoam: JSON.parse($("#chat_isRoam").val()),
//字符串，输入区菜单样式
//all 完整模式
//disableVoice 不可用语音
//disableEmojIcon 不可用表情
//disableVoiceEmojIcon 不可用语音和表情
//onlyText 仅文本输入
inputMenuStyle: $("#chat_inputMenuStyle").val(),
//字符串数组，点 + 号打开的扩展功能
//留空则全部显示
inputExtItems: [
"camera", //相机
"album", //相册
"video", //视频
"file" //文件
]
}, function(succ, data) {
if (!succ) {
alert("开启聊天失败\n" + JSON.stringify(data));
}
});
}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->按钮执行JS示例代码
<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {
<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.easeIm.chat({
//字符串，标题栏文字，一般用对方昵称或备注
title: $("#chat_title").val(),
//字符串，会话ID，单聊时指对方ID，群聊和聊天室时指群和聊天室ID
conversationId: $("#chat_conversationId").val(),
//字符串，聊天类型
//single 单聊
//group 群聊
//room 聊天室
chatType: $("#chat_chatType").val(),
//字符串，消息ID，用于查询历史记录时的定位消息ID
historyMsgId: $("#chat_historyMsgId").val(),
//布尔，是否开启漫游，用于标记是否优先从服务器拉取消息
isRoam: JSON.parse($("#chat_isRoam").val()),
//字符串，输入区菜单样式
//all 完整模式
//disableVoice 不可用语音
//disableEmojIcon 不可用表情
//disableVoiceEmojIcon 不可用语音和表情
//onlyText 仅文本输入
inputMenuStyle: $("#chat_inputMenuStyle").val(),
//字符串数组，点 + 号打开的扩展功能
//留空则全部显示
inputExtItems: [
"camera", //相机
"album", //相册
"video", //视频
"file" //文件
]
}, function(succ, data) {
if (!succ) {
alert("开启聊天失败\n" + JSON.stringify(data));
}
});
}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->userInfo 设置用户信息 APP开发接入环信 IM即时通讯SDK教程
| 用做网页的技术做APP！ 一门提供标准化的jsbridge-mini.js库，您只需要在页面引用并执行JS即可实现各种原生APP、原生PC的功能能力。 ==================APP端================== 【APP端】（安卓版&苹果版）目前提供200+原生功能，2000+JS映射接口，用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程： ♦ JS-SDK 引用方式： ♦ 普通网页 script 方式加载：下载最新版，请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库； ♦ js module 方式引用：npm install ym-jsbridge 具体请参考 npm package |
userInfo 设置用户信息 APP开发接入环信 IM即时通讯SDK教程
核心代码示例，详情参阅demo
jsBridge.easeIm.userInfo({
//可选，默认头像图片链接
avatar: "https://www.yimenapp.com/assets/trtc/a.png",
//可选，设置一组用户信息
//以 username 为唯一标识增加或覆盖已有的用户信息
users: [
{
//字符串，用户ID
username: "user1",
//字符串，昵称
nickname: "张三",
//字符串，头像图片链接
avatar : "https://www.yimenapp.com/assets/trtc/a1.png"
},
{
username: "user2",
nickname: "李四",
avatar : "https://www.yimenapp.com/assets/trtc/a2.png"
}
]
}, function(succ, data) {
alert(succ ? "设置成功" : "设置失败\n" + JSON.stringify(data));
});A标签执行JS示例代码
<a href="javascript:void(0)" onclick="zhixing()">执行</a>
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {
<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.easeIm.userInfo({
//可选，默认头像图片链接
avatar: "https://www.yimenapp.com/assets/trtc/a.png",
//可选，设置一组用户信息
//以 username 为唯一标识增加或覆盖已有的用户信息
users: [
{
//字符串，用户ID
username: "user1",
//字符串，昵称
nickname: "张三",
//字符串，头像图片链接
avatar : "https://www.yimenapp.com/assets/trtc/a1.png"
},
{
username: "user2",
nickname: "李四",
avatar : "https://www.yimenapp.com/assets/trtc/a2.png"
}
]
}, function(succ, data) {
alert(succ ? "设置成功" : "设置失败\n" + JSON.stringify(data));
});
}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->按钮执行JS示例代码
<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {
<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.easeIm.userInfo({
//可选，默认头像图片链接
avatar: "https://www.yimenapp.com/assets/trtc/a.png",
//可选，设置一组用户信息
//以 username 为唯一标识增加或覆盖已有的用户信息
users: [
{
//字符串，用户ID
username: "user1",
//字符串，昵称
nickname: "张三",
//字符串，头像图片链接
avatar : "https://www.yimenapp.com/assets/trtc/a1.png"
},
{
username: "user2",
nickname: "李四",
avatar : "https://www.yimenapp.com/assets/trtc/a2.png"
}
]
}, function(succ, data) {
alert(succ ? "设置成功" : "设置失败\n" + JSON.stringify(data));
});
}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->logout 退出 APP开发接入环信 IM即时通讯SDK
| 用做网页的技术做APP！ 一门提供标准化的jsbridge-mini.js库，您只需要在页面引用并执行JS即可实现各种原生APP、原生PC的功能能力。 ==================APP端================== 【APP端】（安卓版&苹果版）目前提供200+原生功能，2000+JS映射接口，用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程： ♦ JS-SDK 引用方式： ♦ 普通网页 script 方式加载：下载最新版，请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库； ♦ js module 方式引用：npm install ym-jsbridge 具体请参考 npm package |
logout 退出 APP开发接入环信 IM即时通讯SDK
核心代码示例，详情参阅demo
jsBridge.easeIm.logout(function(succ, data) {
alert(succ ? "退出成功" : "退出失败\n" + JSON.stringify(data));
});A标签执行JS示例代码
<a href="javascript:void(0)" onclick="zhixing()">执行</a>
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {
<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.easeIm.logout(function(succ, data) {
alert(succ ? "退出成功" : "退出失败\n" + JSON.stringify(data));
});
}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->按钮执行JS示例代码
<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {
<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.easeIm.logout(function(succ, data) {
alert(succ ? "退出成功" : "退出失败\n" + JSON.stringify(data));
});
}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->login 登录 APP开发接入 环信 IM即时通讯SDK
| 用做网页的技术做APP！ 一门提供标准化的jsbridge-mini.js库，您只需要在页面引用并执行JS即可实现各种原生APP、原生PC的功能能力。 ==================APP端================== 【APP端】（安卓版&苹果版）目前提供200+原生功能，2000+JS映射接口，用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程： ♦ JS-SDK 引用方式： ♦ 普通网页 script 方式加载：下载最新版，请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库； ♦ js module 方式引用：npm install ym-jsbridge 具体请参考 npm package |
login 登录 APP开发接入 环信 IM即时通讯SDK
核心代码示例，详情参阅demo
//token 和 password 任选其一，优先使用 token
jsBridge.easeIm.login({
//字符串，用户ID
//请使用 用户体系集成 RESTful API 管理用户
//或环信控制台 用户管理
username: $("#login_username").val(),
//字符串，用户鉴权token
token: $("#login_token").val(),
//字符串，密码
password: $("#login_password").val()
}, function(succ, data) {
alert(succ ? "登录成功" : "登录失败\n" + JSON.stringify(data));
});A标签执行JS示例代码
<a href="javascript:void(0)" onclick="zhixing()">执行</a>
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {
<!--这里可以直接复制JS核心代码到此{}括号内-->
//token 和 password 任选其一，优先使用 token
jsBridge.easeIm.login({
//字符串，用户ID
//请使用 用户体系集成 RESTful API 管理用户
//或环信控制台 用户管理
username: $("#login_username").val(),
//字符串，用户鉴权token
token: $("#login_token").val(),
//字符串，密码
password: $("#login_password").val()
}, function(succ, data) {
alert(succ ? "登录成功" : "登录失败\n" + JSON.stringify(data));
});
}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->按钮执行JS示例代码
<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {
<!--这里可以直接复制JS核心代码到此{}括号内-->
//token 和 password 任选其一，优先使用 token
jsBridge.easeIm.login({
//字符串，用户ID
//请使用 用户体系集成 RESTful API 管理用户
//或环信控制台 用户管理
username: $("#login_username").val(),
//字符串，用户鉴权token
token: $("#login_token").val(),
//字符串，密码
password: $("#login_password").val()
}, function(succ, data) {
alert(succ ? "登录成功" : "登录失败\n" + JSON.stringify(data));
});
}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->init 初始化 APP开发接入环信 IM即时通讯SDK教程
| 用做网页的技术做APP！ 一门提供标准化的jsbridge-mini.js库，您只需要在页面引用并执行JS即可实现各种原生APP、原生PC的功能能力。 ==================APP端================== 【APP端】（安卓版&苹果版）目前提供200+原生功能，2000+JS映射接口，用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程： ♦ JS-SDK 引用方式： ♦ 普通网页 script 方式加载：下载最新版，请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库； ♦ js module 方式引用：npm install ym-jsbridge 具体请参考 npm package |
环信 IM即时通讯
核心代码示例，详情参阅demo
jsBridge.easeIm.init({
//字符串，环信平台上创建的应用 AppKey
appKey: $("#init_appKey").val(),
//布尔，如果之前处于登录状态，初始化成功后是否自动登录
autoLogin: JSON.parse($("#init_autoLogin").val()),
//布尔，是否对发送消息进行加密
useEncryption: JSON.parse($("#init_useEncryption").val()),
//布尔，是否发送消息已读回执
requireReadAck: JSON.parse($("#init_requireReadAck").val()),
//布尔，是否发送消息已送达回执
requireDeliveryAck: JSON.parse($("#init_requireDeliveryAck").val()),
//布尔，是否开启调试模式
//调试模式能输出更多的日志信息，但会影响运行性能
debug: JSON.parse($("#init_debug").val())
}, function(succ, data) {
alert(succ ? "成功" : "失败\n" + JSON.stringify(data));
});A标签执行JS示例代码
<a href="javascript:void(0)" onclick="zhixing()">执行</a>
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {
<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.easeIm.init({
//字符串，环信平台上创建的应用 AppKey
appKey: $("#init_appKey").val(),
//布尔，如果之前处于登录状态，初始化成功后是否自动登录
autoLogin: JSON.parse($("#init_autoLogin").val()),
//布尔，是否对发送消息进行加密
useEncryption: JSON.parse($("#init_useEncryption").val()),
//布尔，是否发送消息已读回执
requireReadAck: JSON.parse($("#init_requireReadAck").val()),
//布尔，是否发送消息已送达回执
requireDeliveryAck: JSON.parse($("#init_requireDeliveryAck").val()),
//布尔，是否开启调试模式
//调试模式能输出更多的日志信息，但会影响运行性能
debug: JSON.parse($("#init_debug").val())
}, function(succ, data) {
alert(succ ? "成功" : "失败\n" + JSON.stringify(data));
});
}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->按钮执行JS示例代码
<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {
<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.easeIm.init({
//字符串，环信平台上创建的应用 AppKey
appKey: $("#init_appKey").val(),
//布尔，如果之前处于登录状态，初始化成功后是否自动登录
autoLogin: JSON.parse($("#init_autoLogin").val()),
//布尔，是否对发送消息进行加密
useEncryption: JSON.parse($("#init_useEncryption").val()),
//布尔，是否发送消息已读回执
requireReadAck: JSON.parse($("#init_requireReadAck").val()),
//布尔，是否发送消息已送达回执
requireDeliveryAck: JSON.parse($("#init_requireDeliveryAck").val()),
//布尔，是否开启调试模式
//调试模式能输出更多的日志信息，但会影响运行性能
debug: JSON.parse($("#init_debug").val())
}, function(succ, data) {
alert(succ ? "成功" : "失败\n" + JSON.stringify(data));
});
}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->