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

白俊遥
2016-06-14 23:22:02
PHP
ThinkPHP

随着技术的发展；现代的网站；越来越趋于应用形式了；
不再是像以前那样需要用户刷新页面；获取数据了；
服务器端可以主动向用户推送数据；更加及时性了；
比较突出的就是即时通讯在线聊天；
今个；我们要打造的就是类似于网页版微信的功能；
示例项目：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

将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;
    }
}

写一个控制器用来获取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);
    }

四：集成前端部分
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>

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

本文为白俊遥原创文章,转载无需和我联系,但请注明来自白俊遥博客https://baijunyao.com 欢迎捐赠赞赏加入组织创建QQ群及捐赠渠道

上一篇： thinkphp整合系列之phpqrcode生成二维码
下一篇： thinkphp整合系列之tcpdf类生成pdf文件

请先登录后发表评论

latest comments
总共53条评论

So what ：白哥，有没有全量消息路由的示例代码啊，同步聊天记录到服务端

2021-04-29 06:35:48 回复

halweg ：你好，

2018-09-12 17:16:12 回复

闪、耀：能加下我QQ号不？有个关于融云的问题想咨询下347558228

2018-07-04 15:09:05 回复

闪、耀：楼主还在不？

2018-07-04 15:06:10 回复

三寸灰：请先登录后回复评论

2018-12-21 21:19:03 回复

tingting1222 ：请问一下，这个融云在react里面怎么初始化，我一些初始化他就报错，但是我能打印到

2018-03-15 17:54:31 回复

安氏~ ：您好，我在数据库新增了一个用户，并渲染了一个新模板user3，在对话列表每次点击对话都在变化是什么问题？能解惑吗？

2018-01-30 16:37:07 回复

水沐年华：碰到和 eric 相似的问题，加您QQ咨询一下

2018-01-15 10:39:27 回复

云淡风晴：f12看报什么错不？

2018-01-22 05:33:54 回复

练夏三丶：白哥作品被素材火的一个人给盗用了，应该不是你本人。http://www.sucaihuo.com/php/2597.html

2017-09-18 23:21:19 回复

云淡风晴：多谢提醒；已和他们交涉；这网站的管理者压根就不懂什么叫尊重；还狡辩；被深深的恶心到了；

2017-09-20 23:44:25 回复

练夏三丶：恩恩，一定要维权啊！！不能让那些小人得逞。

2017-10-25 22:55:34 回复

小时光。：6666

2017-09-18 15:59:29 回复

麦进斗--curry ：大神历史消息怎么获取的？为什么第一次收到的消息都看不见

2017-08-25 11:08:06 回复

xue ：白哥, 前端页面只引入你简化的main.js后就不需要再引入融云js的SDK了吗?

2017-08-15 15:04:04 回复

云淡风晴：需要引；我简化的主要是为了方便使用；

2017-09-20 23:45:16 回复

五儿：白俊瑶，我喜欢你很久了，我要给你生猴子

2017-08-09 16:17:47 回复

云淡风晴：小孟童鞋别调皮；别想着掰弯我了；名字都打错了；

2017-08-21 00:24:11 回复

xy0120 ：白哥我想问下你在indexController里定义两个user 也就是这两个user是从用户表读出来的可以相互通信的但是他是怎么知道通信的对象的？？就是user1 怎么知道他聊天的对象是user2 ？？

2017-07-16 08:41:55 回复

云淡风晴：融云那边对这两个user又分别生成了id；然后就知道了；

2017-07-16 23:03:15 回复

isu5 ：请先登录后回复评论

2017-08-17 15:35:15 回复

xff ：白哥 getToken 是哪来的方法

2017-06-08 15:24:56 回复

xy0120 ：api/Controller/RongController定义的呀

2017-07-16 08:44:15 回复

何林：你好在测试融云聊天的时候 **********************************其他设置********************************** 'GEETEST_ID' => '034b9cc862456adf05398821cefc94eb',//极验id 仅供测试使用 'GEETEST_KEY' => 'b7f064b9ae813699de794303f0b0e76f',//极验key 仅供测试使用这两个值怎么获取啊 GEETEST_ID 和 GEETEST_KEY

2017-05-15 17:49:26 回复