php 做后端开发微信小程序实时语音代码片段

最新推荐文章于 2024-08-03 16:23:44 发布

落叶随风不尽你

最新推荐文章于 2024-08-03 16:23:44 发布

阅读量1.8k

点赞数

文章标签：小程序 php javascript

本文链接：https://blog.csdn.net/weixin_43395604/article/details/107253612

版权

确认小程序后台已经开通实时语音视频聊天功能
小程序端代码

//向后台请求签名
wx.login({
      complete: (res) => {
        if(res.code){
            wx.request({
              method:"GET",
              data:{code:res.code},
              url: 'xxxxxxx.com',//后端接口
              success:(re)=>{
                var data = re.data
                  t.setData({
                    data:data,
                    selfOpenId:data.openid
                  })
              }
            })
        }
      },
    })

//加入实时语音代码块
var t = this
    wx.getSetting({ 
        success:function(r){
          console.log(r)
           if(r.authSetting['scope.record']===true){
           // 是否有录音权限   roomType:video 是实测不生效 不能通过小程序原生组件获取到视频画面，官方可能在维护中.. 目前可能只支持实时语音  不支持 实时视频画面（个人理解 因为一直测试不通过  如有实现的欢迎吐槽  谢谢）
            var data = t.data.data
            wx.joinVoIPChat({
              signature:data.sign,
              nonceStr:data.nonceStr,
              timeStamp:parseInt(data.timeStamp),
              groupId:data.groupId,
              //roomType:'video',
              complete:(re)=>{
                
                console.log(re)
                if(re.errMsg == 'joinVoIPChat:ok'){
                  var openIdList = re.openIdList
                  console.log(openIdList)
                  // 加入成功  返回openIdList  当前房间里所有在线的  用户openid在这里插入代码片
                  t.setData({
                    openIdList:openIdList
                  })
                  return
                }
              }
            })
           }else{
           //  之前用户拒绝授权语音  无法直接弹出  需使用  wx.openSetting 方法打开设置  引导用户主动打开  
             if(r.authSetting['scope.record']===false){
                wx.openSetting({
					// 相关逻辑
				})
             }else{
             //这一层 可直接弹出获取录音授权
                wx.authorize({
                  scope: 'scope.record',
                  complete:(r)=>{
                    console.log(r)
                  }
                })
              }
           }
        }
    })

后台获取签名逻辑（php tp5.1 框架）

public function getVideoSign(){
		$appid = config('app.minappid');
   		$appsecret = config('app.minappecret');
		$code = $this->request->param('code');

		
		if(empty($code))
			jsonReturn(0,'错误code');

		$getInfoUrl = "https://api.weixin.qq.com/sns/jscode2session?appid={$appid}&secret={$appsecret}&js_code={$code}&grant_type=authorization_code";
   		$info = curl_get($getInfoUrl);
   		$info = json_decode($info,true);
   		if(!$info['session_key'])
   			jsonReturn(0,'session_key  errors');

		$data[] = $appid;
		$data[] = $groupId = 'grop_ooo00_tests';//测试房间  这个groupId  需要生成唯一的  使用这个id 签名的人员进入都会进入一个实时语音房间
		$data[] = $nonceStr = createNoncestr();
		$data[] = $timeStamp = time();

		sort($data,5); //这里是个坑  php sort 的默认参数不会把数字进行字典排序  相关参数请自行查看php文档
		$st = implode('',$data); //拼接成一个字符串

			$hash = hash_hmac('sha256', $st,$info['session_key']); //通过 sha256 加密
			
			return json_encode(['openid'=>$info['openid'],'sign'=>$hash,'nonceStr'=>$nonceStr,'timeStamp'=>$timeStamp,'groupId'=>$groupId]); //返回小程序加入实时语音的相关参数给前端 

	}