php集成腾讯云im

it2026-03-19 1

官网文档

https://cloud.tencent.com/document/product/269/37413

由于我是用的laravel，所以用的web方式

1、后端签名

https://cloud.tencent.com/document/product/269/32688

https://github.com/tencentyun/tls-sig-api-v2-php/blob/master/src/TLSSigAPIv2.php

拷贝一下就可以了

class TimUserSig { private $key = false; private $sdkappid = 0; public function __construct() { $this->key = env('TIM_KEY'); $this->sdkappid = env('TIM_SDKAPPID'); } public function getSdkAppId() { return $this->sdkappid; } public function genUserSig( $userid, $expire = 86400*180 ) { try { return $this->__genSig( $userid, $expire, '', false ); } catch(\Exception $e) { return ''; } } private function __genSig( $identifier, $expire, $userbuf, $userbuf_enabled ) { $curr_time = time(); $sig_array = Array( 'TLS.ver' => '2.0', 'TLS.identifier' => strval( $identifier ), 'TLS.sdkappid' => intval( $this->sdkappid ), 'TLS.expire' => intval( $expire ), 'TLS.time' => intval( $curr_time ) ); $base64_userbuf = ''; if ( true == $userbuf_enabled ) { $base64_userbuf = base64_encode( $userbuf ); $sig_array['TLS.userbuf'] = strval( $base64_userbuf ); } $sig_array['TLS.sig'] = $this->hmacsha256( $identifier, $curr_time, $expire, $base64_userbuf, $userbuf_enabled ); if ( $sig_array['TLS.sig'] === false ) { throw new \Exception( 'base64_encode error' ); } $json_str_sig = json_encode( $sig_array ); if ( $json_str_sig === false ) { throw new \Exception( 'json_encode error' ); } $compressed = gzcompress( $json_str_sig ); if ( $compressed === false ) { throw new \Exception( 'gzcompress error' ); } return $this->base64_url_encode( $compressed ); } private function base64_url_encode( $string ) { static $replace = Array( '+' => '*', '/' => '-', '=' => '_' ); $base64 = base64_encode( $string ); if ( $base64 === false ) { throw new \Exception( 'base64_encode error' ); } return str_replace( array_keys( $replace ), array_values( $replace ), $base64 ); } private function hmacsha256( $identifier, $curr_time, $expire, $base64_userbuf, $userbuf_enabled ) { $content_to_be_signed = 'TLS.identifier:' . $identifier . "\n" . 'TLS.sdkappid:' . $this->sdkappid . "\n" . 'TLS.time:' . $curr_time . "\n" . 'TLS.expire:' . $expire . "\n"; if ( true == $userbuf_enabled ) { $content_to_be_signed .= 'TLS.userbuf:' . $base64_userbuf . "\n"; } return base64_encode( hash_hmac( 'sha256', $content_to_be_signed, $this->key, true ) ); } }

前端页面可以参考demo

https://cloud.tencent.com/document/product/269/36852

我这里把一些东西抽离了下

tim.js

登录及消息发送

//var emojis = emojis(); var emojis = wiboEmojis(); var emojiNames = wiboEmojiNames(); var emojisList = ''; /*for(var i = 0; i < emojis.length; i++) { emojisList += '<li data-index="'+i+'" data-emoji="https://imgcache.qq.com/open/qcloud/tim/assets/emoji/'+emojis[i]+'"><img src="https://imgcache.qq.com/open/qcloud/tim/assets/emoji/'+emojis[i]+'" width="30" height="30" /></li>'; }*/ for(var i = 0; i < emojiNames.length; i++) { emojisList += '<li data-index="'+i+'" data-emoji="'+emojis[emojiNames[i]]+'"><img src="https://imgcache.qq.com/open/qcloud/tim/assets/emoji/'+emojis[emojiNames[i]]+'" width="30" height="30" /></li>'; } $('#emojis').html(emojisList); var scrollContent = document.getElementById('imcontent'); var userSig = '{{$userSig}}'; if (userSig == '') { layer.msg('验证失败'); } else { var options = { SDKAppID: '{{$sdkAppId}}' // 接入时需要将0替换为您的即时通信 IM 应用的 SDKAppID }; // 创建 SDK 实例，`TIM.create()`方法对于同一个 `SDKAppID` 只会返回同一份实例 var tim = TIM.create(options); // 设置 SDK 日志输出级别，详细分级请参见 setLogLevel 接口的说明 tim.setLogLevel(0); // 普通级别，日志量较多，接入时建议使用 // tim.setLogLevel(1); // release 级别，SDK 输出关键信息，生产环境时建议使用 // 注册 COS SDK 插件 tim.registerPlugin({'cos-js-sdk': COS}); // 接下来可以通过 tim 进行事件绑定和构建 IM 应用 let promiseLogin = tim.login({userID: '{{$userId}}', userSig: '{{$userSig}}'}); if (promiseLogin != undefined) { promiseLogin.then(function(imResponse) { layer.msg('登录成功，点击刷新列表按钮获取最新信息'); }).catch(function(imError) { layer.msg('登录失败，请检查网络或重新发送'); }); } // 表情框显示与隐藏 $('#emojiPicker').click(function() { $('#emojis').toggle(); }) $('#refushConversationList').click(function() { $('#conversationList').html(''); $('#imcontent').html(''); $('#fromUser').html(''); // 获取会话列表 mgetConversationList(tim); }) $('#conversationList').on('click', '.im-conversation-container', function() { $('.im-conversation-container').removeClass('choose'); $(this).addClass('choose'); var dataUser = $(this).attr('data-user'); var dataConversationID = $(this).attr('data-id'); $('#imcontent').html(''); if (dataUser != '') { var toUser = dataUser; $('#fromUser').html(toUser); // 获取消息 mgetMessageList(tim, dataConversationID); // 发送文本 $('#send').click(function() { var message = $('#message').val(); sendTextMessage(tim, message, toUser); }) // 发送图片 $('#imagePicker').change(function(e) { var file = e.currentTarget.files[0] sendImageMessage(tim, file, toUser); }) // 发送视频 $('#videoPicker').change(function(e) { var file = e.currentTarget.files[0] sendVideoMessage(tim, file, toUser); }) // 发送文件 $('#filePicker').change(function(e) { var file = e.currentTarget.files[0] sendFileMessage(tim, file, toUser); }) // 发送表情 $('#emojis').on('click', 'li', function() { var dataIndex = parseInt($(this).attr('data-index')); var dataEmoji = $(this).attr('data-emoji') sendFaceMessage(tim, dataIndex, dataEmoji, toUser); $('#emojis').hide(); }) } }) $('#conversationList').on('click', '.im-conversation-container .im-close-btn', function() { $(this).parent().remove(); }) $('#conversationList').on('mouseover', '.im-conversation-container', function() { console.log(1111) $(this).find('.im-close-btn').css('right', '0px'); }) $('#conversationList').on('mouseout', '.im-conversation-container', function() { console.log(1111) $(this).find('.im-close-btn').css('right', '-50px'); }) let onMessageReceived = function(event) { // event.data - 存储 Message 对象的数组 - [Message] var messages = event.data; for(var i = 0; i< messages.length; i++) { var resData = messages[i]; parseFriendResponse(resData) } }; tim.on(TIM.EVENT.MESSAGE_RECEIVED, onMessageReceived); // 监听状态 let onSdkNotReady = function(event) { // 如果想使用发送消息等功能，接入侧需驱动 SDK 进入 ready 状态，重新调用 login 接口即可，如下所示： tim.login({userID: '{{$userId}}', userSig: '{{$userSig}}'}); }; tim.on(TIM.EVENT.SDK_NOT_READY, onSdkNotReady); }

最新回复(0)