easeChat 模块封装了环信即时通讯云的开放SDK,封装的接口都是纯功能类接口,
主要分三大类:
1,注册、登录、退出、监听
2,创建群组、添加/删除好友、获取好友列表
3,消息、会话、聊天 功能详情参考模块接口。
完整模块源码和资源文件:https://**.**/apicloudcom/APICloud-Module-Examples/tree/master/easeChat-Example
描述:本DEMO演示了环信easeChat模块各命令函数的使用方法,并提供了命令调用界面供开发者参考测试。 注意: 1.在使用本模块前,需在调用的APP控制台添加对应的easeChat模块; 2.开发者在使用本Demo前,需自行在环信官网注册获取对应的appKey,并复制写入原config.xml文件中的对应位置,否则DEMO将无法正确运行;
index.html - <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
- <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
- <title>Hello APP</title>
- <link rel="stylesheet" type="text/css" href="./css/api.css" />
- <style type="text/css">
- html, body {
- height: 100%;
- }
- #wrap {
- height: 100%;
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-flex-flow: column;
- flex-flow: column;
- }
- #header {
- text-align: center;
- background-color: #81a9c3;
- color: #fff;
- width: 100%;
- }
- #header h1 {
- font-size: 20px;
- height: 44px;
- line-height: 44px;
- margin: 0em;
- color: #fff;
- }
- #main {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- flex: 1;
- }
- #footer {
- height: 30px;
- line-height: 30px;
- background-color: #81a9c3;
- width: 100%;
- text-align: center;
- }
- #footer h5 {
- color: white;
- }
- .con {
- font-size: 28px;
- text-align: center;
- }
- </style>
- </head>
- <body>
- <div id="wrap">
- <div id="header">
- <h1>APICloud easeChat DEMO</h1>
- </div>
- <div id="main"></div>
- <div id="footer">
- <h5>Copyright ©<span id="year"></span></h5>
- </div>
- </div>
- </body>
- <script type="text/javascript" src="./script/api.js"></script>
- <script type="text/javascript">
- apiready = function() {
- console.log("Hello APICloud");
- // api.setScreenOrientation({
- // orientation:'landscape_left'
- // });
- var header = $api.byId('header');
- //适配iOS 7+,Android 4.4+状态栏
- $api.fixStatusBar(header);
- var headerPos = $api.offset(header);
- var main = $api.byId('main');
- var mainPos = $api.offset(main);
- api.openFrame({
- name : 'main',
- url : 'html/easeChat.html',
- bounces : false,
- rect : {
- x : 0,
- y : headerPos.h,
- w : 'auto',
- h : mainPos.h
- }
- });
- };
- </script>
- </html>
复制代码
|