php实现即时聊天(基于融云通讯)

今天看到了一个挺有意思的项目,即时聊天工具。虽然有QQ这样很普及的聊天工具了,但是自己搞一个还是挺有意思的。
本案例是基于融云通讯的,官网地址http://www.rongcloud.cn/,功能很多,我由于没有很好看的页面,直接用他们的插件,据我观察,插件只有最近联系人这个功能。那就先按照简单的案例先实现吧,喜欢的可以自己继续研究!
首先需要注册一个融云账号---然后自己去创建一个实例----查看各种KEY,具体的自己按照官网的指引去看吧。我给的例子是我的一个测试key,可以 直接去用。依旧是tp5框架,自己不会配置tp5框架的,我就不说什么了。没有用数据库去实现用户信息,简单的实现功能,主要是给大家演示一下功能,勿喷 啊。
配置各种key的config.php

1 <?php
2 //配置文件
3 return [
4    'APP_KEY' => 'e0x9wycfxxx5q',
5    'APP_SECRET' => 'F7sI8rkLtv'
6 ];

他们给的key好短啊有没有,继续吧。我下载了官方给的SDK,已经引入到extend文件下了。可以直接调用了。开始主要的部分吧,聊天页面的主方法:
Index.php

 1 <?php
 2 namespace app\index\controller;
 3 
 4 use rongyun\ServerAPI;
 5 use think\Controller;
 6 
 7 class Index extends Controller
 8 {
 9     public function _initialize()
10     {
11         if( empty( cookie('uid') ) ){
12             $this->redirect( url('login/index') );
13         }
14     }
15 
16     //聊天主方法
17     public function index()
18     {
19         $appKey = config('APP_KEY');
20         $appSecret = config('APP_SECRET');
21 
22         $rongYun = new ServerAPI( $appKey, $appSecret );
23 
24         $tx = "http://www.tk.com/static/images/1.jpg";
25         if( 2 == cookie('uid') ){
26             $tx = "http://www.tk.com/static/images/2.jpg";
27         }
28         $token = $rongYun->getToken( cookie('uid'), cookie('uname'), $tx );
29 
30         $token = json_decode( $token, true )['token'];
31         $this->assign([
32             'token' => $token
33         ]);
34         return $this->fetch();
35     }
36 
37     //所有的用户信息
38     public function userInfo()
39     {
40         $return['userlist'] = [
41             ['id' => 1, 'name' => '张三', 'portraitUri' => 'http://www.tk.com/static/images/1.jpg'],
42             ['id' => 2, 'name' => '李四', 'portraitUri' => 'http://www.tk.com/static/images/2.jpg']
43         ];
44         return json( $return );
45     }
46 
47     //登录用户信息
48     public function onLine()
49     {
50         $return['data'] = [
51             ['id' => '1', 'status' => true],
52             ['id' => '2', 'status' => true]
53         ];
54         return json( $return );
55     }
56 }

各种代码我都写死了,主要是演示效果的。好了,其余的代码,可以去我的github上去下载自己去官网对照这个看吧。我主要演示一下具体怎么跑起来。看一下login.php吧:

 1 <?php
 2 namespace app\index\controller;
 3 
 4 use think\Controller;
 5 
 6 class Login extends Controller
 7 {
 8     public function index()
 9     {
10         return $this->fetch();
11     }
12 
13     public function doLogin()
14     {
15         $param = input('param.');
16 
17         if( '张三' == $param['uname'] ){
18             cookie('uid', 1);
19             cookie('uname', '张三');
20         }else if( '李四' == $param['uname'] ){
21 
22             cookie('uid', 2);
23             cookie('uname', '李四');
24         }
25 
26         $this->redirect( url('index/index') );
27     }
28 }

哈哈,我的登录只是为了区分用户(真的做项目可不是这样!)。可以看到吧,一个用户是张三,一个用户是李四。密码乱输就行。看一下演示效果吧:
首先访问首页,没登录的话会跳转登录:

如果你用的是张三登录的话,记住:张三的id是1,很重要!用户名正确进行,密码乱输就行。登录之后,页面如下:

输入会话的ID,也就是用户ID,我们向李四说话,李四就是2,然后点击设置会话,会弹出如下页面:

开始聊天吧:

然后重新打开一个浏览器,一定是另外一个浏览器!登录,用李四去登录,你会看到:

看到张三给你发信息了,打开看看吧:

也可以回复:

哈哈是不是很有意思。当然我现在只实现了最最简单的功能,有兴趣的可以继续研究!
项目下载地址:https://github.com/nick-bai/talking,如果没看到的话,项目正在上传,稍后在看就可以看到了。对你有帮助的话,给我打个星。

posted @ 2016-08-24 17:55  NickBai  阅读(6763)  评论(0编辑  收藏  举报