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,如果没看到的话,项目正在上传,稍后在看就可以看到了。对你有帮助的话,给我打个星。