用做网页的技术做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>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->
编辑:yimen,如若转载,请注明出处:https://www.yimenapp.com/kb-yimen/14903/
部分内容来自网络投稿,如有侵权联系立删