搜索
系统检测到您的用户名不符合规范:

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

浏览:6429 发布日期:2016年06月27日 分类:用法示例
thinkphp整合系列之融云即时通讯在线聊天
随着技术的发展;现代的网站;越来越趋于应用形式了;

不再是像以前那样需要用户刷新页面;获取数据了;

服务器端可以主动向用户推送数据;更加及时性了;

比较突出的就是即时通讯在线聊天;

今个;我们要打造的就是类似于网页版微信的功能;

示例项目:http://git.oschina.net/shuaibai123/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

最终的效果是这样的:



当然;样式可以自己改;

测试项目示例的时候;切记使用两个不同的浏览器分别打开代表两个用户的链接;

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

本文为白俊遥原创文章,转载无需和我联系,但请注明来自白俊遥博客http://baijunyao.com
收藏
帅白123
积分:5765 等级:LV4
热点推荐
(追記) (追記ここまで)
最新更新

我们

合作

网站

信息

ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。

AltStyle によって変換されたページ (->オリジナル) /