thinkphp整合系列之融云即时通讯在线聊天

来源:互联网 发布:知乎折叠是什么意思 编辑:程序博客网 时间:2024/05/19 19:30

随着技术的发展;现代的网站;越来越趋于应用形式了;
不再是像以前那样需要用户刷新页面;获取数据了;
服务器端可以主动向用户推送数据;更加及时性了;
比较突出的就是即时通讯在线聊天;
今个;我们要打造的就是类似于网页版微信的功能;
示例项目:https://github.com/baijunyao/thinkphp-bjyadmin
一:注册融云账号
如果我们不是以即时通讯为主营业务;那么建议使用第三方的服务;这里以融云为例;
官网:http://www.rongcloud.cn
注册融云;创建应用;获得App Key和App Secret;
白俊遥博客
二:设置配置项
/Application/Common/Conf/config.php

    'RONG_IS_DEV'            => true,//是否是在开发中    'RONG_DEV_APP_KEY'       => '8luwapkvu3xwl', //融云开发环境下的key    仅供测试使用    'RONG_DEV_APP_SECRET'    => '1Aw1D7F6Td25', //融云开发环境下的SECRET  仅供测试使用    'RONG_PRO_APP_KEY'       => '', //融云生产环境下的key    'RONG_PRO_APP_SECRET'    => '', //融云生产环境下的SECRET
PHP
Copy

将key和sercet替换为自己应用;
三:集成php部分sdk
引入融云sdk:/ThinkPHP/Library/Org/Xb/RongCloud.class.php
公共函数:/Application/Common/Common/function.php

/** * 根据配置项获取对应的key和secret * @return array key和secret */function get_rong_key_secret(){    // 判断是需要开发环境还是生产环境的key    if (C('RONG_IS_DEV')) {        $key=C('RONG_DEV_APP_KEY');        $secret=C('RONG_DEV_APP_SECRET');    }else{        $key=C('RONG_PRO_APP_KEY');        $secret=C('RONG_PRO_APP_SECRET');    }    $data=array(        'key'=>$key,        'secret'=>$secret        );    return $data;}/** * 获取融云token * @param  integer $uid 用户id * @return integer      token */function get_rongcloud_token($uid){    // 从数据库中获取token    $token=D('OauthUser')->getToken($uid,1);    // 如果有token就返回    if ($token) {        return $token;    }    // 获取用户昵称和头像    $user_data=M('Users')->field('username,avatar')->getById($uid);    // 用户不存在    if (empty($user_data)) {        return false;    }    // 获取头像url格式    $avatar=get_url($user_data['avatar']);    // 获取key和secret    $key_secret=get_rong_key_secret();    // 实例化融云    $rong_cloud=new \\Org\\Xb\\RongCloud($key_secret['key'],$key_secret['secret']);    // 获取token    $token_json=$rong_cloud->getToken($uid,$user_data['username'],$avatar);    $token_array=json_decode($token_json,true);    // 获取token失败    if ($token_array['code']!=200) {        return false;    }    $token=$token_array['token'];    $data=array(        'uid'=>$uid,        'type'=>1,        'nickname'=>$user_data['username'],        'head_img'=>$avatar,        'access_token'=>$token        );    // 插入数据库    $result=D('OauthUser')->addData($data);    if ($result) {        return $token;    }else{        return false;    }}/** * 更新融云头像 * @param  integer $uid 用户id * @return boolear      操作是否成功 */function refresh_rongcloud_token($uid){    // 获取用户昵称和头像    $user_data=M('Users')->field('username,avatar')->getById($uid);    // 用户不存在    if (empty($user_data)) {        return false;    }    $avatar=get_url($user_data['avatar']);    // 获取key和secret    $key_secret=get_rong_key_secret();    // 实例化融云    $rong_cloud=new \\Org\\Xb\\RongCloud($key_secret['key'],$key_secret['secret']);    // 更新融云用户头像    $result_json=$rong_cloud->userRefresh($uid,$user_data['username'],$avatar);    $result_array=json_decode($result_json,true);    if ($result_array['code']==200) {        return true;    }else{        return false;    }}
PHP
Copy

写一个控制器用来获取token、好友列表的头像和用户名:/Application/Api/Controller/RongController.class.php

    /**     * 获取token     */    public function get_token(){        // 获取用户id        $uid=get_uid();        // 获取token        $token=get_rongcloud_token($uid);        $data=array(            'token'=>$token            );        ajax_return($data,'获取成功',0);    }    /**     * 传递一个、或者多个用户id     * 获取用户头像用户名;用来组合成好友列表     */    public function get_user_info(){        $uids=I('post.uids');        // 组合where数组条件        $map=array(            'id'=>array('in',$uids)            );        $data=M('Users')            ->field('id,username,avatar')            ->where($map)            ->select();        ajax_return($data,'获取用户数据成功',0);    }
PHP
Copy

四:集成前端部分
html要引入融云js的sdk;

<script src="http://cdn.ronghub.com/RongIMLib-2.0.6.beta.min.js"></script><script src="http://cdn.ronghub.com/RongEmoji-2.0.2.beta.min.js"></script>
HTML
Copy

然后下面是我痛苦的研究了融云的sdk后简化了的使用方法;
/Public/statics/rongcloud/js/main.js
然后配置html即可;
/tpl/Home/Index/user1.html
/tpl/Home/Index/user2.html
最终的效果是这样的:
白俊遥博客
当然;样式可以自己改;
测试项目示例的时候;切记使用两个不同的浏览器分别打开代表两个用户的链接;

用来模拟是两个用户在聊天;

转载自:http://baijunyao.com

阅读全文
0 0