微信公众平台



从寒假自己就开始拿微信公众平台开发当练手，到现在断断续续已经挺久了，只不过忙于其他事写代码的时间还是很少，但整体的框架已经搭起来了。公众微信号就不用给了，我不求粉，只是来总结一下技术问题，再拖很多东西都忘掉了。= = 粗略算了一下，代码量已经接近 2000 行，但是提取出来的技术问题好像没多少....囧...不过好歹也码了这么多，做个纪念也是应该的....O(∩_∩)O哈哈~

1. SAE 数据库的连接。需要主机名和端口，以后的使用是一样的。

[php] view plaincopyprint?

1. @ $db = new mysqli(SAE_MYSQL_HOST_M.':'.SAE_MYSQL_PORT,SAE_MYSQL_USER,SAE_MYSQL_PASS,'你的应用名');  

@ $db = new mysqli(SAE_MYSQL_HOST_M.':'.SAE_MYSQL_PORT,SAE_MYSQL_USER,SAE_MYSQL_PASS,'你的应用名');

2.XML 的处理。微信发送的消息格式都是 XML 格式，你返回的消息也必须是 XML 格式。从 XML 里提取数据，用 SimpleXML，强大又容易使用。包装成 XML 消息呢？把消息模板保存为字符串，然后用 sprintf 进行格式化输出。

解析微信服务器 POST 的数据：

[php] view plaincopyprint?

1. //---------- 接 收 数 据 ---------- //  
2.   
3. $postStr = $GLOBALS["HTTP_RAW_POST_DATA"]; //获取POST数据  
4.   
5. //用SimpleXML解析POST过来的XML数据  
6. $postObj = simplexml_load_string($postStr,'SimpleXMLElement',LIBXML_NOCDATA);  
7.   
8. $fromUsername = $postObj->FromUserName; //获取发送方帐号（OpenID）  
9. $toUsername = $postObj->ToUserName; //获取接收方账号  
10. $msgType = $postObj->MsgType; //消息内容  

//---------- 接 收 数 据 ---------- //$postStr = $GLOBALS["HTTP_RAW_POST_DATA"]; //获取POST数据//用SimpleXML解析POST过来的XML数据$postObj = simplexml_load_string($postStr,'SimpleXMLElement',LIBXML_NOCDATA);$fromUsername = $postObj->FromUserName; //获取发送方帐号（OpenID）$toUsername = $postObj->ToUserName; //获取接收方账号$msgType = $postObj->MsgType; //消息内容

返回文本消息：

[php] view plaincopyprint?

1. function sendText($to, $from, $content, $time)  
2. {  
3.     //返回消息模板  
4.     $textTpl = "<xml>  
5.     <ToUserName><![CDATA[%s]]></ToUserName>  
6.     <FromUserName><![CDATA[%s]]></FromUserName>  
7.     <CreateTime>%s</CreateTime>  
8.     <MsgType><![CDATA[%s]]></MsgType>  
9.     <Content><![CDATA[%s]]></Content>  
10.     <FuncFlag>0</FuncFlag>  
11.     </xml>";  
12.   
13.     //格式化消息模板  
14.     $msgType = "text";  
15.     $time = time();  
16.     $resultStr = sprintf($textTpl,$to,$from,  
17.     $time,$msgType,$content);  
18.     echo $resultStr;  
19. }  

function sendText($to, $from, $content, $time){//返回消息模板$textTpl = "<xml><ToUserName><![CDATA[%s]]></ToUserName><FromUserName><![CDATA[%s]]></FromUserName><CreateTime>%s</CreateTime><MsgType><![CDATA[%s]]></MsgType><Content><![CDATA[%s]]></Content><FuncFlag>0</FuncFlag></xml>";//格式化消息模板$msgType = "text";$time = time();$resultStr = sprintf($textTpl,$to,$from,$time,$msgType,$content);echo $resultStr;}

3. API 接口的调用。网上有很多 API 接口，如百度翻译，有道翻译，天气预报等，对接口的调用可以直接用 file_get_contents ，也可以用 curl 的方式进行抓取，然后根据返回数据的格式进行数据解析，一般都是 xml 格式或者 json 格式，处理时用 SimpleXML 和 json_decode 是很方便的。对于抓取 API 内容，用重新封装的函数：

[php] view plaincopyprint?

1. function my_get_file_contents($url){  
2.   
3.     if(function_exists('file_get_contents')){  
4.   
5.         $file_contents = file_get_contents($url);  
6.   
7.     }  
8.     else  
9.     {          
10.         //初始化一个cURL对象  
11.         $ch = curl_init();  
12.   
13.         $timeout = 5;  
14.   
15.         //设置需要抓取的URL  
16.         curl_setopt ($ch, CURLOPT_URL, $url);  
17.   
18.         //设置cURL 参数，要求结果保存到字符串中还是输出到屏幕上  
19.         curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);  
20.   
21.         //在发起连接前等待的时间，如果设置为0，则无限等待  
22.         curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, $timeout);  
23.   
24.         //运行cURL，请求网页  
25.         $file_contents = curl_exec($ch);  
26.   
27.         //关闭URL请求  
28.         curl_close($ch);  
29.     }  
30.   
31.     return $file_contents;  
32. }  

function my_get_file_contents($url){    if(function_exists('file_get_contents')){        $file_contents = file_get_contents($url);}else{                //初始化一个cURL对象        $ch = curl_init();        $timeout = 5;        //设置需要抓取的URL        curl_setopt ($ch, CURLOPT_URL, $url);        //设置cURL 参数，要求结果保存到字符串中还是输出到屏幕上        curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);        //在发起连接前等待的时间，如果设置为0，则无限等待        curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, $timeout);        //运行cURL，请求网页        $file_contents = curl_exec($ch);        //关闭URL请求        curl_close($ch);    }    return $file_contents;}

百度翻译 API 的调用如下：

[php] view plaincopyprint?

1. function baiduDic($word,$from="auto",$to="auto"){  
2.           
3.     //首先对要翻译的文字进行 urlencode 处理  
4.     $word_code=urlencode($word);  
5.           
6.     //注册的API Key  
7.     $appid="yourAPIkey";  
8.           
9.     //生成翻译API的URL GET地址  
10.     $baidu_url = "http://openapi.baidu.com/public/2.0/bmt/translate?client_id=".$appid."&q=".$word_code."&from=".$from."&to=".$to;  
11.           
12.     $text=json_decode(my_get_file_contents($baidu_url));  
13.   
14.     $text = $text->trans_result;  
15.   
16.     return $text[0]->dst;  
17. }  

function baiduDic($word,$from="auto",$to="auto"){            //首先对要翻译的文字进行 urlencode 处理    $word_code=urlencode($word);            //注册的API Key    $appid="yourAPIkey";            //生成翻译API的URL GET地址    $baidu_url = "http://openapi.baidu.com/public/2.0/bmt/translate?client_id=".$appid."&q=".$word_code."&from=".$from."&to=".$to;            $text=json_decode(my_get_file_contents($baidu_url));    $text = $text->trans_result;    return $text[0]->dst;}

4.对 “附近” 的经纬度的计算。用如下模型，计算正方形的经纬度。采用 Haversin 公式。

[php] view plaincopyprint?

1. //$EARTH_RADIUS = 6371;//地球半径，平均半径为6371km  
2.  /** 
3.  *计算某个经纬度的周围某段距离的正方形的四个点 
4.  * 
5.  *@param lng float 经度 
6.  *@param lat float 纬度 
7.  *@param distance float 该点所在圆的半径，该圆与此正方形内切，默认值为0.5千米 
8.  *@return array 正方形的四个点的经纬度坐标 
9.  */  
10. function returnSquarePoint($lng, $lat,$distance = 0.5){  
11.    
12.     $EARTH_RADIUS = 6371;  
13.     $dlng =  2 * asin(sin($distance / (2 * $EARTH_RADIUS)) / cos(deg2rad($lat)));  
14.     $dlng = rad2deg($dlng);  
15.        
16.     $dlat = $distance/$EARTH_RADIUS;  
17.     $dlat = rad2deg($dlat);  
18.        
19.     return array(  
20.                 'left-top'=>array('lat'=>$lat + $dlat,'lng'=>$lng-$dlng),  
21.                 'right-top'=>array('lat'=>$lat + $dlat, 'lng'=>$lng + $dlng),  
22.                 'left-bottom'=>array('lat'=>$lat - $dlat, 'lng'=>$lng - $dlng),  
23.                 'right-bottom'=>array('lat'=>$lat - $dlat, 'lng'=>$lng + $dlng)  
24.                 );  
25.  }  

//$EARTH_RADIUS = 6371;//地球半径，平均半径为6371km /** *计算某个经纬度的周围某段距离的正方形的四个点 * *@param lng float 经度 *@param lat float 纬度 *@param distance float 该点所在圆的半径，该圆与此正方形内切，默认值为0.5千米 *@return array 正方形的四个点的经纬度坐标 */function returnSquarePoint($lng, $lat,$distance = 0.5){     $EARTH_RADIUS = 6371;    $dlng =  2 * asin(sin($distance / (2 * $EARTH_RADIUS)) / cos(deg2rad($lat)));    $dlng = rad2deg($dlng);         $dlat = $distance/$EARTH_RADIUS;    $dlat = rad2deg($dlat);         return array(                'left-top'=>array('lat'=>$lat + $dlat,'lng'=>$lng-$dlng),                'right-top'=>array('lat'=>$lat + $dlat, 'lng'=>$lng + $dlng),                'left-bottom'=>array('lat'=>$lat - $dlat, 'lng'=>$lng - $dlng),                'right-bottom'=>array('lat'=>$lat - $dlat, 'lng'=>$lng + $dlng)                ); }

将查询结果按时间降序排列，message 为数据库中的一个表，location_X 为维度，location_Y 为经度：

[php] view plaincopyprint?

1. //使用此函数计算得到结果后，带入sql查询。  
2.     $squares = returnSquarePoint($lng, $lat);  
3.     $query = "select * from message where location_X != 0 and   
4.            location_X > ".$squares['right-bottom']['lat']." and location_X< ".$squares['left-top']['lat']   
5.            ."and location_Y > ".$squares['left-top']['lng']." and location_Y< ".$squares['right-bottom']['lng']   
6.               ."order by time desc";  

 //使用此函数计算得到结果后，带入sql查询。     $squares = returnSquarePoint($lng, $lat);     $query = "select * from message where location_X != 0 and            location_X > ".$squares['right-bottom']['lat']." and location_X< ".$squares['left-top']['lat']            ."and location_Y > ".$squares['left-top']['lng']." and location_Y< ".$squares['right-bottom']['lng']                ."order by time desc";

5. 对字符串的检查。限定为 6-20个字母，符合则返回 true ，否则返回 false，采用正则表达式进行匹配：

[php] view plaincopyprint?

1. function inputCheck($word)  
2. {  
3.     if(preg_match("/^[0-9a-zA-Z]{6,20}$/",$word))  
4.     {  
5.         return true;  
6.     }  
7.     return false;  
8. }  

function inputCheck($word){if(preg_match("/^[0-9a-zA-Z]{6,20}$/",$word)){return true;}return false;}

6.对含中文的字符串取子串时，用 mb_substr 进行截取 http://www.php.net/manual/zh/function.mb-substr.php

7.检测中英文混合的字符串长度

[php] view plaincopyprint?

1. <?php    
2.     $str = "三知sunchis开发网";    
3.     echo strlen($str)."<br>";               //结果：22    
4.     echo mb_strlen($str,"UTF8")."<br>";     //结果：12    
5.     $strlen = (strlen($str)+mb_strlen($str,"UTF8"))/2;    
6.     echo $strlen;                           //结果：17    
7. ?>   

<?php      $str = "三知sunchis开发网";      echo strlen($str)."<br>";               //结果：22      echo mb_strlen($str,"UTF8")."<br>";     //结果：12      $strlen = (strlen($str)+mb_strlen($str,"UTF8"))/2;      echo $strlen;                           //结果：17  ?> 

8. 检测是否含有中文

[php] view plaincopyprint?

1. <?  
2. $str = "测试中文";  
3. echo $str;  
4. echo "<hr>";  
5. //if (preg_match("/^[".chr(0xa1)."-".chr(0xff)."]+$/", $str)) { //只能在GB2312情况下使用  
6. //if (preg_match("/^[\x7f-\xff]+$/", $str)) { //兼容gb2312,utf-8  //判断字符串是否全是中文  
7. if (preg_match("/[\x7f-\xff]/", $str)) {  //判断字符串中是否有中文  
8. echo "正确输入";  
9. } else {  
10. echo "错误输入";  
11. }  
12. ?>  

<?$str = "测试中文";echo $str;echo "<hr>";//if (preg_match("/^[".chr(0xa1)."-".chr(0xff)."]+$/", $str)) { //只能在GB2312情况下使用//if (preg_match("/^[\x7f-\xff]+$/", $str)) { //兼容gb2312,utf-8  //判断字符串是否全是中文if (preg_match("/[\x7f-\xff]/", $str)) {  //判断字符串中是否有中文echo "正确输入";} else {echo "错误输入";}?>

双字节字符编码范围

1. GBK (GB2312/GB18030)

\x00-\xff GBK双字节编码范围

\x20-\x7f   ASCII

\xa1-\xff    中文 gb2312

\x80-\xff    中文 gbk

2. UTF-8 (Unicode)

\u4e00-\u9fa5    中文

\x3130-\x318F    韩文

\xAC00-\xD7A3   韩文

\u0800-\u4e00   日文

9. Jquery Mobile 的使用

    官网：http://blog.jquerymobile.com/

    原来自己写手机网页，真是无比痛苦，CSS 调试各种烦，跨平台也很不好，后来发现了这个库，果然简单了好多，而且界面看起来漂亮多了。

    不过也引入了一些新的问题，比如页面内 CSS 和 Javascript 的加载，因为 Jquery Mobile 默认是使用 Ajax 加载页面的，并不会刷新整个 html ，而是请求一个 page 而已，所以对于多个 page 的页面不会完全加载，对于 head 里面的 CSS 和 Javascript 也不会加载，所以一个方法是在链接的属性里设置 ajax=false，指明不通过 Ajax 加载页面，另一个是把 CSS 和 Javascript 的加载放在 page 里面。在这里就不具体谈了。

10. 移动 Web 调试

    一开始每次调试个页面都要手机连接 WIFI 去刷新，简直不能忍！后来终于学乖了...

    推荐这个网站：http://www.responsinator.com/?url=  把自己的网页 url 放在顶端的输入框里面然后“Go”，你就可以看到自己网页在各个平台下了显示效果，连 Kindle 都有..

    当然，开发者必备的谷歌也可以为我们代理成手机浏览器，按 F12 进入开发者模式然后点击右下角的 setting 的图标，可以在 Overrides 里面设置 User Agent 和 Device metrics，效果同样不错。