項目接入即時聊天客服系統(tǒng)（環(huán)信系統(tǒng)）PHP后端操作

環(huán)信工作原理：

一、由于環(huán)信沒有直接的接口來主動調(diào)取本項目中的用戶數(shù)據(jù)，所有用戶信息必須在環(huán)信服務(wù)器上注冊對應(yīng)信息成為環(huán)信的用戶；（這樣才能當(dāng)用戶進入聊天時顯示其基本信息，如：名稱、昵稱、電話、郵箱等）；

二、客服工作臺登錄可以顯示用戶信息，可以查看用戶訪問軌跡，可以主動接入訪客咨詢等諸多功能（這些基本都不需要后端程序員編寫）

下面開始后端程序員（app程序員請自行查看環(huán)信開發(fā)文檔）需要接入的代碼編寫：

一、用戶信息傳遞

1、先下載環(huán)信開發(fā)demo文件，提取statics、easemob.js等文件放置到項目指定目錄下便于調(diào)用

如圖：圖片

2、編寫用戶信息提供接口，將本站用戶基本信息return出，如下：

class GetUser { public function get() { //給予狀態(tài)初始值 $res = [ 'status' =>0 ]; //判斷本站用戶是否登錄 $user_id = Yii::$app->user->id; if ($user_id >0) { $user_one = User::Redis_getOne($user_id); //easemob_id為用戶數(shù)據(jù)中是否有注冊環(huán)信的賬號id if (empty($user_one['easemob_id'])) { //配置文件中寫入的環(huán)信參數(shù)（是公司在環(huán)信官網(wǎng)注冊得到的信息，詳情見環(huán)信文檔） $option = [ 'client_id' => yii::$app->params['easemob']['client_id'], 'client_secret' => yii::$app->params['easemob']['client_secret'], 'org_name' => yii::$app->params['easemob']['org_name'], 'app_name' => yii::$app->params['easemob']['app_name'], 'base_url'=> "https://a1.easemob.com/".yii::$app->params['easemob']['org_name']."/".yii::$app->params['easemob']['app_name']."/" ]; //實例化環(huán)信類 $h = new Easemob($option); //在環(huán)信端注冊用戶信息 $re = $h->createUser($user_one['phone'], yii::$app->params['easemob']['default_password']); //獲取環(huán)信上用戶的信息到本站上 $easemob_id = $h->getUser($user_one['phone']); //添加用戶相關(guān)字段值（將用戶在環(huán)信上注冊好的id再存入用戶數(shù)據(jù)） User::updateOne_NoRedis(['id'=>$user_one['id'], 'easemob_id'=>$easemob_id['entities'][0]['username']]); //判斷注冊信息是否有，如果有則注冊成功，狀態(tài)改為1，信息存入結(jié)果集；反之則已被注冊，將用戶信息直接存入結(jié)果集即可； if ($re) { $res['status'] = 1; $res['msg'] = '環(huán)信用戶生成'; $res['data'] = [ 'username'=>$user_one['phone'], 'password'=>yii::$app->params['easemob']['default_password'], 'nickname'=>$user_one['nickname'], 'realname'=>$user_one['realname'], 'qq'=>$user_one['qq'], 'head'=>File::getFileUrl($user_one['portrait'],100,100), 'phone'=>$user_one['phone'], 'wx'=>$user_one['wx_openid'], ]; } }else{ $res['status'] = 1; $res['msg'] = '環(huán)信用戶找到'; $res['data'] = [ 'username'=>$user_one['phone'], 'password'=>yii::$app->params['easemob']['default_password'], 'nickname'=>$user_one['nickname'], 'realname'=>$user_one['realname'], 'qq'=>$user_one['qq'], 'head'=>File::getFileUrl($user_one['portrait'],100,100), 'phone'=>$user_one['phone'], 'wx'=>$user_one['wx_openid'], ]; } } return $res; } }

2、在用戶點擊聯(lián)系客服按鈕事件時，調(diào)用上述接口，獲取用戶信息傳到客服工作臺

h5頁面代碼：

< a href=" " οnclick="easemobim.bind({tenantId:‘注冊的租戶id’'})">在線客服

其中onclick為自定義按鈕事件，點擊啟用傳值動作

//打開環(huán)信客服窗口 var easemob =function(){ $.ajax({ type:'POST', url:ajax_url_config.my.easemob+'?access-token='+token, success:function (User) { var jsondata = eval("("+User+")"); } return jsondata; } ; var easemobUser = easemob (); window.easemobim = window.easemobim || {}; easemobim.config = { //是否隱藏小的懸浮按鈕 hide: true, //自動連接 autoConnect: true, //環(huán)信移動客服域，固定值，請按照示例配置 domain: '//kefu.easemob.com', //您網(wǎng)站上im.html文件的完整路徑 path: '//你項目的域名地址/huanxin', //訪客插件static的路徑 staticPath: '//你項目的域名地址/huanxin/static', //orgName#appName appKey: ' ', //手機App綁定的IM號 to: ' ', //集成用戶體系，驗證的方式二選一，必填，另一項為空即可 user: { //指定用戶名，集成時必填 username: easemobUser['username'], //password驗證方式 password: easemobUser['password'], //token驗證方式 token: '' }, visitor:{ trueName: easemobUser['realname'], qq: easemobUser['qq'], phone: easemobUser['phone'], companyName: '', userNickname: easemobUser['nickname'], description: '' } };

在這之前，請記得要引入之前放置在指定目錄下的環(huán)信js文件：