├── README.md
├── index.php
├── src
    └── wechat.php
├── static
    ├── chat.css
    ├── images
    │   ├── bg.jpg
    │   └── nango.jpg
    └── jquery-1.7.2.js
└── tpl
    ├── chat.php
    └── qrcode.php


/README.md:
--------------------------------------------------------------------------------
 1 | # webchat-robot
 2 | 通过分析网页版微信通讯过程，开发出的微信网页版机器人
 3 | /**
 4 | * 参考文章http://www.tanhao.me/talk/1466.html/
 5 | * 通讯步骤
 6 | *  1，微信服务器返回一个会话ID
 7 | *  2.通过会话ID获得二维码
 8 | *  3.轮询手机端是否已经扫描二维码并确认在Web端登录
 9 | *  4.访问登录地址，获得uin和sid
10 | *  5.初使化微信信息
11 | *  6.获得所有的好友列表
12 | *  7.保持与服务器的信息同步
13 | *  8.获得别人发来的消息
14 | *  9.向用户发送消息
15 | **/
16 | 
17 | 首先简单介绍下使用：
18 | clone项目目录到你的www目录，然后浏览器地址栏输入localhost/webchat-robot/index.php
19 | 扫码，手机端确认登陆，此时你会进入主面板，点击某个好友即可和他聊天。好友回复后机器人将会根据消息进行自动回复。
20 | 
21 | 该项目目前只实现了纯文本的消息回复，后续可能会持续开发，另外也会增加机器人的功能，比如添加成语接龙（让你的微信成语接龙所向披靡）、天气查询、快递查询等
22 | 
23 | 上边文章提到的通讯过程对于目前的网页版微信的通讯有些出入，有些步骤无法走通，所以还需要自己分析，如果你有兴趣也可以通过firfox、chrome浏览器，F12后，进行分析，那将会更直观，让你也会认识更加清晰。
24 | 
25 | 该机器人目前可能会有些bug，但整体是可以使用的，略微有些瑕疵，比如无法获取好友头像（后续会进行开发）
26 | 
27 | 另外，抽空我也会专门写篇文章进行简单介绍该项目和网页版微信的通信过程，有兴趣的同学可以关注 www.5none.com
28 | 
29 | 
30 | 
31 | 


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | require_once ('src/wechat.php');
 3 | $wechat = new wechat();
 4 | $act = isset($_GET['act'])?$_GET['act']:'index';
 5 | session_start();
 6 | /*$res = $wechat->getLoginStatus();
 7 | print_r($res);die;*/
 8 | switch ($act) {
 9 |   case 'index':
10 |     //登录页
11 |     $uuid = $wechat->getUuid();
12 |     $qrcode = "https://login.weixin.qq.com/qrcode/{$uuid}?t=webwx";
13 |     include_once('tpl/qrcode.php');
14 |     break;
15 |   case 'status':
16 |     //获取登录状态
17 |     $uuid = $_GET['uuid'];
18 |     $res = $wechat->getLoginStatus($uuid);
19 |     if($res == 201){
20 |       //已扫描，待确认
21 |       $data = array('status' => 1);
22 |     }elseif (substr_count($res, 'http')) {
23 |       //确认成功
24 |       $data = array('status' => 2);
25 |     }else{
26 |       //待扫描
27 |       $data = array('status' => 0);
28 |     }
29 |     $data['msg'] = $res;
30 |     exit(json_encode($data));
31 |     break;
32 |   case 'cookies':
33 |     //获取用户uin 和 sid
34 |     $url = $_POST['url'];
35 |     $wxinfo = $wechat->getCookies($url);
36 |     $wxinfo['status'] = 1;
37 |     
38 |     exit(json_encode($wxinfo));
39 |     break;
40 |   case 'chat':
41 |     //主聊天框页面
42 |     include_once('tpl/chat.php');
43 |     break;
44 |   case 'init':
45 |     //初使化微信信息
46 |     $json_info = $wechat->initWebchat();
47 |     exit($json_info);
48 |     break;
49 |   case 'users':
50 |   //获取所有好友列表
51 |     $users = $wechat->getContact();
52 |     echo $users;
53 |     break;
54 |   case 'sync':
55 |   //服务器同步
56 |     $synckey = $_POST['synckey'];
57 |     $message = $wechat->wxsync($synckey);
58 |     
59 |     exit($message);
60 |     break;
61 |   case 'send':
62 |     $toUsername = $_POST['toUsername'];
63 |     $content = $_POST['content'];
64 | 
65 |     $res = $wechat->sendMessage($toUsername, $content);
66 |     exit($res);
67 |     break;
68 |   case 'avatar':
69 |     $uri = $_GET['uri'];
70 |     $res = $wechat->getAvatar($uri);
71 |     header('Content-Type: image/jpeg');
72 |     imagejpeg($res);
73 |     break;
74 |   case 'tuling':
75 |     //图灵机器人接管消息
76 |     $toUsername = $_POST['toUsername'];
77 |     $content = $_POST['content'];
78 |     if($toUsername != $_SESSION['username']){
79 |       $mes = $wechat->sendMessageToTuling($content);
80 |       $res = $wechat->sendMessage($toUsername, $mes);
81 |       //拼接上机器人的回话
82 |       $tlCon = json_decode($res,true);
83 |       $tlCon['tlc'] = $mes;
84 |       $tlCon['status'] = 1;
85 |       exit(json_encode($tlCon));
86 |     }
87 |     exit(json_encode(array('status' => 0)));
88 |     break;
89 |   default:
90 |     # code...
91 |     break;
92 | }
93 | 
94 | ?>


--------------------------------------------------------------------------------
/src/wechat.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 | *Author @nango
  4 | *
  5 | *  封装的网页版微信通讯类
  6 | * 参考文章http://www.tanhao.me/talk/1466.html/
  7 | * 通讯步骤
  8 | *  1，微信服务器返回一个会话ID
  9 | *  2.通过会话ID获得二维码
 10 | *  3.轮询手机端是否已经扫描二维码并确认在Web端登录
 11 | *  4.访问登录地址，获得uin和sid
 12 | *  5.初使化微信信息
 13 | *  6.获得所有的好友列表
 14 | *  7.保持与服务器的信息同步
 15 | *  8.获得别人发来的消息
 16 | *  9.向用户发送消息
 17 | **/
 18 | 
 19 | class wechat {
 20 | 
 21 | 	/**
 22 | 	* uuid 微信服务器返回的会话id
 23 | 	**/
 24 | 	private $uuid = '';
 25 | 
 26 | 	/**
 27 | 	* loginUrl 扫描二维码并确认后返回的登录url
 28 | 	**/
 29 | 	private $loginUrl = '';
 30 | 
 31 | 	/**
 32 | 	* toLingUrl 图灵机器人api
 33 | 	**/
 34 | 	private $tlApi = 'http://www.tuling123.com/openapi/api';
 35 | 	private $tlAppkey = '820176b52352471a943d73a8c304ad32';
 36 | 	
 37 | 	/**
 38 | 	 * 发起GET请求
 39 | 	 *
 40 | 	 * @access public
 41 | 	 * @param string $url
 42 | 	 * @return string
 43 | 	 */
 44 | 	function get($url = '', $cookie = '')
 45 | 	{
 46 | 	  $ch = curl_init(); 
 47 | 	  curl_setopt($ch, CURLOPT_URL, $url);
 48 | 	  curl_setopt($ch, CURLOPT_HEADER, 0);
 49 | 	  curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); // 对认证证书来源的检查  
 50 |       curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false); // 从证书中检查SSL加密算法是否存在 
 51 | 	  if($cookie){
 52 | 	    	curl_setopt($ch, CURLOPT_COOKIEFILE, $cookie);
 53 | 	    	curl_setopt ($ch, CURLOPT_REFERER,'https://wx.qq.com');
 54 | 	    }
 55 | 	  curl_setopt($ch, CURLOPT_USERAGENT, $_SERVER['HTTP_USER_AGENT']);
 56 | 	  curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); //将curl_exec()获取的信息以文件流的形式返回，而不是直接输出。
 57 | 	  curl_setopt($ch, CURLOPT_FOLLOWLOCATION, 1);
 58 | 	  $output = curl_exec($ch);
 59 | 	  curl_close($ch);
 60 | 	  return $output;
 61 | 	 }
 62 | 	 
 63 | 	/**
 64 | 	 * 发起POST请求
 65 | 	 *
 66 | 	 * @access public
 67 | 	 * @param string $url
 68 | 	 * @param array $data
 69 | 	 * @return string
 70 | 	 */
 71 | 	public function post($url, $data = '', $cookie = '', $type = 0)
 72 | 	{
 73 | 	    $ch = curl_init();
 74 | 	    curl_setopt($ch, CURLOPT_URL, $url);
 75 | 	    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); // 对认证证书来源的检查  
 76 |         curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false); // 从证书中检查SSL加密算法是否存在
 77 | 	    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
 78 | 	    curl_setopt($ch, CURLOPT_HEADER, 0);
 79 | 	    if($cookie){
 80 | 	    	curl_setopt($ch, CURLOPT_COOKIEFILE, $cookie);
 81 | 	    	curl_setopt ($ch, CURLOPT_REFERER,'https://wx.qq.com');
 82 | 	    }
 83 | 	    if($type){
 84 | 	    	$header = array(
 85 |             'Content-Type: application/json',
 86 |         	);
 87 | 	    curl_setopt($ch, CURLOPT_HTTPHEADER, $header);
 88 | 	    }
 89 | 	    
 90 | 	    curl_setopt($ch, CURLOPT_POST, 1);
 91 | 	    curl_setopt($ch, CURLOPT_USERAGENT, $_SERVER['HTTP_USER_AGENT']);
 92 | 	    curl_setopt($ch, CURLOPT_SAFE_UPLOAD, 0);
 93 | 	    curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
 94 | 	    curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 10);
 95 | 	    $output = curl_exec($ch);
 96 | 	    curl_close($ch);
 97 | 	    return $output;
 98 | 	}
 99 | 	 /**
100 | 	 * 获取当前时间戳精确到毫秒级
101 | 	 *
102 | 	 * @access private
103 | 	 * @return string
104 | 	 * 
105 | 	 **/
106 | 	 private function getMillisecond()
107 | 	{
108 | 	    list($usec, $sec) = explode(" ", microtime());
109 | 	    return (float)sprintf('%.0f',(floatval($usec)+floatval($sec))*1000);
110 | 	}
111 | 
112 | 	/**
113 | 	* 获取微信服务器返回的一个会话ID
114 | 	* 
115 | 	* @access public
116 | 	* @return string
117 | 	**/
118 | 	public function getUuid(){
119 | 		$url = 'https://login.weixin.qq.com/jslogin?appid=wx782c26e4c19acffb&redirect_uri=https%3A%2F%2Fwx.qq.com%2Fcgi-bin%2Fmmwebwx-bin%2Fwebwxnewloginpage&fun=new&lang=zh_CN&_='.$this->getMillisecond();
120 | 		$str = $this->get($url);
121 | 		preg_match('/"(.*?)"/',$str,$match);
122 | 		$_SESSION['uuid'] = $match[1];
123 | 		return $match[1]; 
124 | 	}
125 | 
126 | 	/**
127 | 	* 通过会话ID获得二维码
128 | 	* @access public
129 | 	* @return string
130 | 	**/
131 | 	public function getQrcode($uuid){
132 | 		$url = 'https://login.weixin.qq.com/qrcode/'.$uuid.'?t=webwx';
133 | 		return "<img src='$url' />";
134 | 	}
135 | 	
136 | 	/**
137 | 	* 轮询手机端是否已经扫描二维码并确认在Web端登录
138 | 	* @access public
139 | 	* @param $uuid string 用户会话id
140 | 	* @return mixed
141 | 	**/
142 | 	public function getLoginStatus($uuid = ''){
143 | 		$url = sprintf("https://login.wx2.qq.com/cgi-bin/mmwebwx-bin/login?uuid=%s&tip=1&_=%s", $uuid, $this->getMillisecond());
144 | 		$res = $this->get($url);
145 | 		preg_match('/=(.*?);/',$res,$match);
146 | 		if($match[1] == 200){
147 | 			//登陆成功
148 | 			preg_match('/redirect_uri="(.*?)";/',$res,$match2);
149 | 			return $match2[1];
150 | 		}
151 | 		return $match[1];
152 | 	}
153 | 
154 | 	/**
155 | 	* 访问登录地址，获得uin和sid,并且保存cookies
156 | 	* @access public
157 | 	* @param $url string 登录地址
158 | 	* @return array
159 | 	**/
160 | 	public function getCookies($url){
161 |        	$cookie_jar = dirname(__FILE__)."/".$_SESSION['uuid'].".cookie";
162 |        
163 |         $ch = curl_init($url);
164 |         curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); // 对认证证书来源的检查  
165 |         curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false); // 从证书中检查SSL加密算法是否存在
166 |         curl_setopt($ch, CURLOPT_HEADER,1);//如果你想把一个头包含在输出中，
167 |         curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);//将 curl_exec()获取的信息以文件流的形式返回，而不是直接输出。设置为0是直接输出
168 |         curl_setopt($ch, CURLOPT_FOLLOWLOCATION, 1);
169 |         curl_setopt($ch, CURLOPT_USERAGENT, $_SERVER['HTTP_USER_AGENT']);
170 |         curl_setopt($ch, CURLOPT_COOKIEJAR, $cookie_jar);//获取的cookie 保存到指定的 文件路径
171 |         $content=curl_exec($ch);     
172 |         if(curl_errno($ch)){
173 |         	$info = array('status' => 0, 'msg' => 'Curl error: '.curl_error($ch));
174 |         	return $info;//这里是设置个错误信息的反馈
175 |          }    
176 | 
177 |         if($content==false){
178 |             $info = array('status' => 0, 'msg' => '无法获取cookies');
179 |         	return $info;//这里是设置个错误信息的反馈
180 |         }
181 |          
182 |         //正则匹配出wxuin、wxsid
183 |         preg_match('/wxuin=;/iU',$content,$uin); 
184 |         preg_match('/wxsid=(.*);/iU',$content,$sid);
185 |         preg_match('/webwx_data_ticket=(.*);/iU',$content,$webwx);
186 |         //@TODO将wxuin、wxsid、webwx_data_ticket存入cookies，以便获取微信头像----暂无效 
187 |         /*if(preg_match_all('/Set-Cookie:[\s]+([^=]+)=([^;]+)/i', $content,$match)) {
188 | 		  foreach ($match[1] as $key => $cookieKey ) {
189 | 		    setcookie($cookieKey,$match[2][$key],'36000','','.wx.qq.com');
190 | 		  }
191 | 		}*/
192 |         //将wxuin、wxsid、webwx_data_ticket存入session
193 |         $_SESSION['uin'] = @$uin[1];
194 |         $_SESSION['sid'] = @$sid[1];
195 |         $wxinfo = array(
196 |         	'uin' => @$uin[1],
197 |         	'sid' => @$sid[1]
198 |         	);
199 |         curl_close($ch);
200 |         return $wxinfo;
201 | 	}
202 | 
203 | 	/**
204 | 	* 登录成功，初始化微信信息
205 | 	* @access public
206 | 	* @param $uin string 用户uin
207 | 	* @param $sid string 用户sid
208 | 	* @return mixed
209 | 	**/
210 | 	public function initWebchat($uin = '', $sid = ''){
211 | 		$cookie_jar = dirname(__FILE__)."/".$_SESSION['uuid'].".cookie";
212 | 		$url = sprintf("https://wx.qq.com/cgi-bin/mmwebwx-bin/webwxinit?r=%s", $this->getMillisecond());
213 | 		
214 | 		if(!$uin || !$sid){
215 | 			  $uin = $_SESSION['uin'];
216 |         	  $sid = $_SESSION['sid'];
217 | 		}
218 | 		$data['BaseRequest'] = array(
219 | 			'Uin' => $uin,
220 | 			'Sid' => $sid,
221 | 			'Skey' => '',
222 | 			'DeviceID' => 'e189320295398756'
223 | 			);
224 | 		$res = $this->post($url, json_encode($data),$cookie_jar);
225 | 		//将登陆用户username、nickname存入session中
226 | 		$user = json_decode($res, true);
227 | 		$_SESSION['username'] = $user['User']['UserName'];
228 | 		$_SESSION['nickname'] = $user['User']['NickName'];
229 | 
230 | 		return $res;
231 | 	}
232 | 
233 | 	/**
234 | 	* 获取全部联系人
235 | 	* @access public
236 | 	* @param $uin string 用户uin
237 | 	* @param $sid string 用户sid
238 | 	* @return mixed
239 | 	**/
240 | 	public function getContact($uin = '', $sid = ''){
241 | 		$cookie_jar = dirname(__FILE__)."/".$_SESSION['uuid'].".cookie";
242 | 		$url = sprintf("https://wx.qq.com/cgi-bin/mmwebwx-bin/webwxgetcontact?lang=zh_CN&r=%s&seq=0", $this->getMillisecond());
243 | 		if(!$uin || !$sid){
244 | 			 
245 | 			  $uin = $_SESSION['uin'];
246 |         	  $sid = $_SESSION['sid'];
247 | 		}
248 | 		
249 | 		$res = $this->post($url, '{}',$cookie_jar);
250 | 		return $res;
251 | 	}
252 | 
253 | 
254 | 	/**
255 | 	* 登录成功，保持与服务器的信息同步，获取是否有推送消息等
256 | 	* @access public
257 | 	* @param $synckey string 
258 | 	* @return mixed
259 | 	**/
260 | 	public function wxsync($synckey){
261 | 		
262 | 	    $uin = $_SESSION['uin'];
263 | 	    $sid = $_SESSION['sid'];
264 | 		$cookie_jar = dirname(__FILE__)."/".$_SESSION['uuid'].".cookie";
265 | 		$url = sprintf("https://wx.qq.com/cgi-bin/mmwebwx-bin/webwxsync?sid=%s", $sid);
266 | 		
267 | 		$data['BaseRequest'] = array(
268 | 			'Uin' => $uin,
269 | 			'Sid' => $sid,
270 | 			'Skey' => '',
271 | 			'DeviceID' => 'e189320295398756'
272 | 			);
273 | 		$data['SyncKey'] = json_decode($synckey);
274 | 		$data['rr'] = time();
275 | 		$res = $this->post($url, json_encode($data),$cookie_jar);
276 | 		return $res;
277 | 	}
278 | 
279 | 	/**
280 | 	* 发送消息
281 | 	* @access public
282 | 	* @param $toUsername string 
283 | 	* @return mixed
284 | 	**/
285 | 	public function sendMessage($toUsername = '', $content = ''){		
286 | 	    $uin = $_SESSION['uin'];
287 | 	    $sid = $_SESSION['sid'];
288 | 		$cookie = dirname(__FILE__)."/".$_SESSION['uuid'].".cookie";
289 | 		$url = sprintf("https://wx.qq.com/cgi-bin/mmwebwx-bin/webwxsendmsg?sid=%s&r=%s",$sid,$this->getMillisecond());
290 | 		
291 | 		$data['BaseRequest'] = array(
292 | 			'Uin' => $uin,
293 | 			'Sid' => $sid,
294 | 			'Skey' => "",
295 | 			'DeviceID' => "e287276317582836"
296 | 			);
297 | 		$data['Msg'] = array(
298 | 			'ClientMsgId' => $this->getMillisecond(),
299 | 			'Content' => $content,
300 | 			'FromUserName' => $_SESSION['username'],
301 | 			'LocalID' => $this->getMillisecond(),
302 | 			'ToUserName' => $toUsername,
303 | 			'Type' => 1
304 | 			);
305 | 		$data['Scene'] = 0;
306 | 		//json_encode   JSON_UNESCAPED_UNICODE防止将汉字转义为unicode字符
307 | 		$res = $this->post($url, json_encode($data,JSON_UNESCAPED_UNICODE),$cookie);
308 | 		return $res;
309 | 	}
310 | 
311 | 	/**
312 | 	* 获取头像
313 | 	* @access public
314 | 	* @param $uri string 头像地址
315 | 	* @return mixed
316 | 	**/
317 | 	public function  getAvatar($uri = ''){
318 | 	    $cookie = dirname(__FILE__)."/".$_SESSION['uuid'].".cookie";
319 | 		$url = "https://wx.qq.com".$uri;
320 | 		$res = $this->get($url, $cookie);
321 | 		echo $res;
322 | 		}
323 | 
324 | 	/**
325 | 	* 图灵机器人 =》文本
326 | 	* @access public
327 | 	* @param $toUsername string 
328 | 	* @return mixed
329 | 	**/
330 | 	public function sendMessageToTuling($content = ''){
331 | 		$data = array(
332 | 			'key' => $this->tlAppkey,
333 | 			'info' => $content,
334 | 			'userid' => '123456789'
335 | 			);
336 | 		$res = $this->post($this->tlApi,json_encode($data,JSON_UNESCAPED_UNICODE),'',1);
337 | 		$r = json_decode($res,true);
338 | 		//文本类
339 | 		if(isset($r['url'])){
340 | 			//存在链接则发送链接
341 | 			return $r['url'];
342 | 		}
343 | 		return $r['text'];
344 | 
345 | 		
346 | 	}
347 | 
348 | 	//转换为UTF-8
349 | 	public function characet($data){
350 | 	  if( !empty($data) ){
351 | 	    $fileType = mb_detect_encoding($data , array('UTF-8','GBK','LATIN1','BIG5')) ;
352 | 	    if( $fileType != 'UTF-8'){
353 | 	      $data = mb_convert_encoding($data ,'utf-8' , $fileType);
354 | 	    }
355 | 	  }
356 | 	  return $data;
357 | 	}
358 | }


--------------------------------------------------------------------------------
/static/chat.css:
--------------------------------------------------------------------------------
  1 | *, *:before, *:after {
  2 |     box-sizing: border-box;
  3 | }
  4 | body, html {
  5 |     height: 100%;
  6 |     overflow: hidden;
  7 | }
  8 | body, ul {
  9 |     margin: 0;
 10 |     padding: 0;
 11 | }
 12 | body {
 13 |     color: #4d4d4d;
 14 |     font: 14px/1.4em 'Helvetica Neue', Helvetica, 'Microsoft Yahei', Arial, sans-serif;
 15 |     background: #f5f5f5 url('images/bg.jpg') no-repeat center;
 16 |     background-size: cover;
 17 |     font-smoothing: antialiased;
 18 | }
 19 | ul {
 20 |     list-style: none;
 21 | }
 22 | #chat {
 23 |     margin: 20px auto;
 24 |     width: 800px;
 25 |     height: 600px;
 26 | }
 27 | #chat {
 28 |     overflow:hidden;
 29 |     border-radius:3px
 30 | }
 31 | #chat .main, #chat .sidebar {
 32 |     height:100%
 33 | }
 34 | #chat .sidebar {
 35 |     float:left;
 36 |     width:200px;
 37 |     color:#f4f4f4;
 38 |     background-color:#2e3238
 39 | }
 40 | #chat .main {
 41 |     position:relative;
 42 |     overflow:hidden;
 43 |     background-color:#eee
 44 | }
 45 | #chat .m-text {
 46 |     position:absolute;
 47 |     width:100%;
 48 |     bottom:-30px;
 49 |     left:0
 50 | }
 51 | #chat .m-message {
 52 |     height:calc(100% - 10pc)
 53 | }
 54 | .m-card {
 55 |     padding:9pt;
 56 |     border-bottom:1px solid #24272c
 57 | }
 58 | .m-card footer {
 59 |     margin-top:10px
 60 | }
 61 | .m-card .avatar, .m-card .name {
 62 |     vertical-align:middle
 63 | }
 64 | .m-card .avatar {
 65 |     border-radius:2px
 66 | }
 67 | .m-card .name {
 68 |     display:inline-block;
 69 |     margin:0 0 0 15px;
 70 |     font-size:1pc;
 71 |     overflow: hidden;
 72 | }
 73 | .m-card .search {
 74 |     padding:0 10px;
 75 |     width:100%;
 76 |     font-size:9pt;
 77 |     color:#fff;
 78 |     height:30px;
 79 |     line-height:30px;
 80 |     border:1px solid #3a3a3a;
 81 |     border-radius:4px;
 82 |     outline:0;
 83 |     background-color:#26292e
 84 | }
 85 | .m-list li {
 86 |     padding:9pt 15px;
 87 |     border-bottom:1px solid #292c33;
 88 |     cursor:pointer;
 89 |     -webkit-transition:background-color .1s;
 90 |     transition:background-color .1s
 91 | }
 92 | .m-list li:hover {
 93 |     background-color:hsla(0, 0%, 100%, .03)
 94 | }
 95 | .m-list li.active {
 96 |     background-color:hsla(0, 0%, 100%, .1)
 97 | }
 98 | .m-list .avatar, .m-list .name {
 99 |     vertical-align:middle
100 | }
101 | .m-list .avatar {
102 |     border-radius:2px
103 | }
104 | .m-list .name {
105 |     display:inline-block;
106 |     margin:0 0 0 15px;
107 |     overflow: hidden;
108 | }
109 | .m-text {
110 |     height:10pc;
111 |     border-top:1px solid #ddd
112 | }
113 | .m-text textarea {
114 |     padding:10px;
115 |     height:100%;
116 |     width:100%;
117 |     border:none;
118 |     outline:0;
119 |     font-family:Micrsofot Yahei;
120 |     resize:none
121 | }
122 | .m-message {
123 |     padding:10px 15px;
124 |     overflow-y:scroll
125 | }
126 | .m-message li {
127 |     margin-bottom:15px
128 | }
129 | .m-message .time {
130 |     margin:7px 0;
131 |     text-align:center
132 | }
133 | .m-message .time>span {
134 |     display:inline-block;
135 |     padding:0 18px;
136 |     font-size:9pt;
137 |     color:#fff;
138 |     border-radius:2px;
139 |     background-color:#dcdcdc
140 | }
141 | .m-message .avatar {
142 |     float:left;
143 |     margin:10px 10px 0 0;
144 |     border-radius:3px
145 | }
146 | .m-message .text {
147 |     display:inline-block;
148 |     position:relative;
149 |     padding:0 10px;
150 |     max-width:calc(100% - 40px);
151 |     min-height:30px;
152 |     line-height:2.5;
153 |     font-size:9pt;
154 |     text-align:left;
155 |     word-break:break-all;
156 |     background-color:#fafafa;
157 |     border-radius:4px
158 | }
159 | .m-message .text:before {
160 |     content:" ";
161 |     position:absolute;
162 |     top:4px;
163 |     right:100%;
164 |     border:6px solid transparent;
165 |     border-right-color:#fafafa
166 | }
167 | .m-message .self {
168 |     text-align:right
169 | }
170 | .m-message .self .avatar {
171 |     float:right;
172 |     margin:10px 0 0 10px
173 | }
174 | .m-message .self .text {
175 |     background-color:#b2e281
176 | }
177 | .m-message .self .text:before {
178 |     right:inherit;
179 |     left:100%;
180 |     border-right-color:transparent;
181 |     border-left-color:#b2e281
182 | }
183 | .m-message .nick{
184 |     font-size:12px;
185 |     color:#C5C5AD;
186 | }
187 | .users{
188 |     height: 30px;
189 |     width: 100%;
190 |     position: absolute;
191 |     z-index: 9;
192 |     background: #fff;
193 |     padding: 5px;
194 | }
195 | 


--------------------------------------------------------------------------------
/static/images/bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nangge/webchat-robot/80b7eb64f195ad151bc10edd0168b9db19e264ff/static/images/bg.jpg


--------------------------------------------------------------------------------
/static/images/nango.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nangge/webchat-robot/80b7eb64f195ad151bc10edd0168b9db19e264ff/static/images/nango.jpg


--------------------------------------------------------------------------------
/tpl/chat.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | 	<meta charset="UTF-8">
  4 | 	<title>web chat</title>
  5 | 	<link href="static/chat.css" rel='stylesheet' type='text/css' />
  6 | 	<script src="static/jquery-1.7.2.js"></script>
  7 | </head>
  8 | <body>
  9 | 
 10 | <div id="chat">
 11 |     <div class="sidebar">
 12 |         <div class="m-card">
 13 |             <footer>
 14 |                 <input class="search" placeholder="查找好友">
 15 |             </footer>
 16 |         </div>
 17 |         <div class="m-list" style="overflow-y: scroll;height: calc(100% - 10pc);">
 18 |         	<ul>
 19 |         	</ul>
 20 |         </div>
 21 |     </div>
 22 |     <div class="main">
 23 |     <h3 align='center' class="to-user" username=""></h3>
 24 |         <div class="m-message">
 25 |             <ul>
 26 |                 
 27 |             </ul>
 28 |         </div>
 29 |         <!--send-->
 30 |         <div class="m-text">
 31 |             <textarea placeholder="按 Ctrl + Enter 发送" class="input"></textarea>
 32 |         </div>
 33 |     </div>
 34 | </div>
 35 | </body>
 36 | <script type="text/javascript">
 37 | $(function(){
 38 | 	if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
 39 | 		alert('暂不支持移动端访问，请移步PC端！');
 40 | 		return false;
 41 | 	}
 42 | 	var synckey = '';
 43 | 	var mname = '';
 44 | 	var mnickname = '';
 45 | 	var myheadimg = '';
 46 | 	//微信初始化
 47 | 	$.ajax({
 48 | 			url : "index.php?act=init",
 49 | 			datatype : 'json',
 50 | 			type : 'post',
 51 | 			async : false,
 52 | 			data : {},
 53 | 			success : function(data){
 54 | 				var res = JSON.parse(data);
 55 | 
 56 | 				//将synckey存入本地缓存，后续步骤需要
 57 | 				synckey =  JSON.stringify(res.SyncKey);//json 串形式存入
 58 | 				sessionStorage.synckey = synckey;
 59 | 				muname = res.User.UserName;
 60 | 				sessionStorage.username = muname;
 61 | 				mnickname = res.User.NickName;
 62 | 				sessionStorage.nickname = mnickname;
 63 | 				myheadimg = 'index.php?act=avatar&uri=' + escape(res.User.HeadImgUrl);
 64 | 				//登陆用户信息
 65 | 				var ustr = '<header>'
 66 |                 +'<img class="avatar" width="40" height="40" alt="Coffce" src="'+ myheadimg +'">'
 67 |                 +'<p class="name">'+ res.User.NickName +'</p>'
 68 | 	            +'</header>';
 69 | 	            $(".m-card").prepend(ustr);
 70 | 				//遍历初始化返回的好友和公众号
 71 | 				var userlist = res.ContactList;	
 72 | 				var str = '';
 73 | 				for (var key in userlist) {
 74 | 					var img = 'index.php?act=avatar&uri=' + escape(userlist[key].HeadImgUrl);
 75 | 					str += '<li class="active" username="'+ userlist[key].UserName +'">'
 76 | 	            		+'<img class="avatar" width="30" height="30"  src="'+ img +'" />'
 77 | 	            		+'<p class="name">'+ userlist[key].NickName +'</p>'
 78 | 	        			+'</li>';
 79 | 				}
 80 | 				$(".m-list ul").append(str);
 81 | 			    //滚动到底部
 82 | 			    $(".m-message").scrollTop($('.m-message ul')[0].scrollHeight);
 83 | 			},
 84 | 			error : function(data){
 85 | 				console.log(data);
 86 | 			}
 87 | 		});
 88 | 	//初始化 结束
 89 | 
 90 | 	//获取所有好友列表
 91 | 	$.ajax({
 92 | 		url : "index.php?act=users",
 93 | 		datatype : 'json',
 94 | 		type : 'post',
 95 | 		data : {},
 96 | 		success : function(data){
 97 | 			var res = JSON.parse(data);
 98 | 			console.log(res);
 99 | 			var users = {};//存储username =》 nickname
100 | 			//遍历初始化返回的好友和公众号
101 | 			var userlist = res.MemberList;	
102 | 			var str = '';
103 | 			for (var key in userlist) {
104 | 				var img = 'index.php?act=avatar&uri=' + escape(userlist[key].HeadImgUrl);
105 | 				var uname = userlist[key].UserName;
106 | 				var nickname = userlist[key].NickName;
107 | 				str += '<li class="active" username="'+ uname +'">'
108 |             		+'<img class="avatar" width="30" height="30"  src="'+img+'" />'
109 |             		+'<p class="name">'+ nickname +'</p>'
110 |         			+'</li>';
111 |         		users[uname] = nickname;
112 | 			}
113 | 			//把登陆用户的信息也附加上
114 | 			users[muname] = mnickname;
115 | 
116 | 			sessionStorage.users = JSON.stringify(users);
117 | 			$(".m-list ul").append(str);
118 | 		    //滚动到底部
119 | 		    //$(".m-message").scrollTop($('.m-message ul')[0].scrollHeight);
120 | 		},
121 | 		error : function(data){
122 | 			console.log(data);
123 | 		}
124 | 		});
125 | 	//获取好友列表结束
126 | 
127 | 
128 | 	//var sync = setInterval("syncWx()",1000);
129 | 	sync();
130 | 	function sync(){
131 | 		//syncWx = function (){
132 | 		//同步服务器信息，轮训查询是否有新消息等
133 | 		if(!synckey){
134 | 			synckey = sessionStorage.synckey;
135 | 		}
136 | 
137 | 		$.ajax({
138 | 			url : "index.php?act=sync",
139 | 			datatype : 'json',
140 | 			type : 'post',
141 | 			data : {synckey: synckey},
142 | 			success : function(data){
143 | 				var res = JSON.parse(data);
144 | 				//与服务器同步一次synckey就可能 不相同一次，所以每次同步完都将更新key
145 | 				//将synckey存入本地缓存，后续步骤需要
146 | 				synckey =  JSON.stringify(res.SyncKey);//json 串形式存入
147 | 				//sessionStorage.synckey = synckey;
148 | 				if(res.BaseResponse.Ret != 0){
149 | 					alert('与微信服务器通讯出错，请重新扫码登陆！');
150 | 					window.location.href='index.php';
151 | 				}else if (res.AddMsgCount) {
152 | 					console.log(res);
153 | 				
154 | 					var str = '';
155 | 					var messagelist = res.AddMsgList;
156 | 					var users = JSON.parse(sessionStorage.users);
157 | 					for (var key in messagelist) {
158 | 						//StatusNotifyCode=2 为通知消息
159 | 						if (messagelist[key].StatusNotifyCode == 0){
160 | 							var fname = messagelist[key].FromUserName;
161 | 							var uri = "/cgi-bin/mmwebwx-bin/webwxgeticon?seq=620940058&username="+ fname +"&skey=";
162 | 							var userHeadimg = 'index.php?act=avatar&uri=' + escape(uri);
163 | 							str += '<li>'
164 | 		                    	+'<p class="time"><span></span></p>'
165 | 		                    	+'<div class="main">'
166 | 		                        +'<img class="avatar" width="30" height="30" src="'+ userHeadimg +'">'
167 | 		                        +'<div class="nick">'+ users[fname] +'</div>'
168 | 		                        +'<div class="text">'+ messagelist[key].Content +'</div>'
169 | 		                    	+'</div>'
170 | 		                	+'</li>';
171 | 
172 | 		                	//机器人自动回复，不需要注释掉即可
173 | 		                	$.post('index.php?act=tuling',{content:messagelist[key].Content,toUsername:messagelist[key].FromUserName},function(data){
174 | 		                		if(data.status == 0){return ;}
175 | 								if(data.BaseResponse.Ret == 0){
176 | 									var str = '<li>'
177 | 			                    	+'<p class="time"><span></span></p>'
178 | 			                    	+'<div class="main self">'
179 | 			                        +'<img class="avatar" width="30" height="30" src="http://lorempixel.com/30/30/">'
180 | 			                        +'<div class="nick">机器人</div>'
181 | 			                        +'<div class="text">'+ data.tlc +'</div>'
182 | 			                    	+'</div>'
183 | 				                	+'</li>';
184 | 									$(".m-message ul").append(str);
185 | 								    //滚动到底部
186 | 								    $(".m-message").scrollTop($('.m-message ul')[0].scrollHeight);
187 | 									}
188 | 						  			},'json')
189 | 		                	//机器人回复结束
190 | 						}
191 | 					}
192 | 					//for end
193 | 					$(".m-message ul").append(str);
194 | 				    //滚动到底部
195 | 				    $(".m-message").scrollTop($('.m-message ul')[0].scrollHeight);
196 | 				   
197 | 				}
198 | 				//通讯成功再轮询
199 | 				if (res.BaseResponse.Ret == 0){
200 | 				 sync();
201 | 				}
202 | 			},
203 | 			error : function(data){
204 | 				alert('服务器出错，请重新扫码登陆！');
205 | 				window.location.href='index.php';
206 | 			}
207 | 		})
208 | 
209 | 	//}
210 | 	}
211 | 	
212 | 
213 | 	//好友列表点击事件
214 | 	$(".m-list ul").on('click','li',function(){
215 | 		var username = $(this).attr('username');
216 | 		var nickname = $(this).children('p.name').text();
217 |  		$('.to-user').attr('username',username);
218 |  		$('.to-user').text(nickname);
219 | 	})
220 | 	//好友列表点击事件end
221 | 
222 | 	//发送消息
223 | 	//发送消息
224 | 	$(".input").keypress(function(e) {
225 | 		//firefox enter code=13 ; chrome = 10		
226 | 		if (e.ctrlKey && (e.which == 13 || e.which == 10)){
227 | 			var text = $(".input").val();
228 | 			var toUsername = $('.to-user').attr('username');
229 | 			if(text == ''){
230 | 				alert('不能发送空内容！');
231 | 				return;
232 | 			}
233 | 			if(toUsername == ''){
234 | 				alert('点击左侧头像，选择聊天对象！');
235 | 				return;
236 | 			}
237 | 
238 | 			$.ajax({
239 | 				url : "index.php?act=send",
240 | 				datatype : 'json',
241 | 				type : 'post',
242 | 				data : {
243 | 					toUsername:toUsername,
244 | 					content:text
245 | 				},
246 | 				success : function(data){
247 | 					var res = JSON.parse(data);
248 | 					
249 | 					if(res.BaseResponse.Ret == 0){
250 | 						var str = '<li>'
251 |                     	+'<p class="time"><span></span></p>'
252 |                     	+'<div class="main self">'
253 |                         +'<img class="avatar" width="30" height="30" src="'+ myheadimg +'">'
254 |                         +'<div class="nick">'+ sessionStorage.nickname +'</div>'
255 |                         +'<div class="text">'+ text +'</div>'
256 |                     	+'</div>'
257 | 	                	+'</li>';
258 | 						$(".m-message ul").append(str);
259 | 					    //滚动到底部
260 | 					    $(".m-message").scrollTop($('.m-message ul')[0].scrollHeight);
261 | 					}
262 | 					
263 | 				},
264 | 				error : function(data){
265 | 					console.log(data);
266 | 				}
267 | 			});
268 | 			//ws.send(content);
269 | 			$(".input").val('').focus();
270 | 		}
271 | 	});
272 | 
273 | 	});
274 | 
275 | 	</script>
276 | </html>


--------------------------------------------------------------------------------
/tpl/qrcode.php:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 | <head>
 4 |   <meta charset="UTF-8"/>
 5 |   <meta name="description" content="WEB,微信机器人" />
 6 |   <meta name="keywords" content="微信机器人" />
 7 |   <title>WEB,微信机器人</title>
 8 |   <script type="text/javascript" src='static/jquery-1.7.2.js'></script>
 9 | </head>
10 | <body>
11 |   <h3 align="center">让你的微信成为智能机器人</h3>
12 |   <p align="center"><img src="<?php echo $qrcode; ?>" /></p>
13 |   <p align="center" class="notice">请扫描二维码登录</p>
14 |   <form action="index.php?act=cookies" method="post"><input type="hidden" name="url" value=""></form>
15 | </body>
16 | <script type="text/javascript">
17 | //将用户uuid存入本地缓存
18 | var uuid = "<?php echo $uuid; ?>";
19 | sessionStorage.uuid = uuid;
20 | getLoginStatus();
21 | //var state = setInterval("getLoginStatus()",3000);
22 | function getLoginStatus(){
23 |   $.ajax({
24 | 	  url: 'index.php?act=status&uuid=' + uuid,
25 | 	  data: '',
26 | 	  dataType: 'json',
27 | 	  success: function(data){
28 | 	  		if(data.status == 1){
29 | 	  			getLoginStatus();
30 | 	  			$(".notice").html('扫描成功，请确认登录');
31 | 	  		}else if (data.status == 2) {
32 | 	  			//&fun=new&version=v2&lang=zh_CN 不加的话会返回1101错误代码
33 | 	  			$.post('index.php?act=cookies',{url:data.msg + '&fun=new&version=v2&lang=zh_CN'},function(res){
34 | 	  				console.log(res);
35 | 	  				if (res.status == 0){
36 | 	  					alert(res.msg);
37 | 	  				}else{
38 | 	  					//将用户wxuin,wxsid存入本地缓存
39 | 						var wxuin = res.uin;
40 | 						var wxsid = res.sid;
41 | 						sessionStorage.wxuin = wxuin;
42 | 						sessionStorage.wxsid = wxsid;
43 | 						//获取成功，跳转
44 | 						window.location.href = 'index.php?act=chat';
45 | 	  				}
46 | 	  				
47 | 	  			},'json')
48 | 	  			
49 | 	  		}else{
50 | 	  			$(".notice").html('请扫描二维码确认登录');
51 | 	  			getLoginStatus();
52 | 	  		}
53 | 	  },
54 | 	  error: function(data){
55 | 	  	getLoginStatus();
56 | 	  	console.log('获取登录状态错误');
57 | 	  }
58 |   
59 | })
60 | }
61 | </script>
62 | </html>


--------------------------------------------------------------------------------