微信开发中文字交互项目详解

最后更新于:2022-04-01 11:54:16

       CleverCode前一段时间想去接触一下微信开发,申请了一个人订阅号,发现暂不能申请个人认证,而且没有微信接口的很多权限,也没有自定义菜单的权限(开发模式下)。在开发模式下,只能到手公众号里面的回复信息,然后响应。 ## 1 项目背景           CleverCode想了很久,运营一个什么样的公众号,比较好呢?现在的公众号太多了。比较好的点子,基本都被人想到了。那几天CleverCode的遇到点烦心事,心情不大爽,就想着能不能设计一个讲笑话的公众号,大家能够在里面讲笑话,然后查看笑话,开心一下自己。讲笑话后能够获取金币。积累到一定的金币后,可以兑换奖品。奖品的方式可以是充话费的形式。           说干就干。脑袋一热,CleverCode就开始疯狂的忙碌起来的了............................    ## 2 需求分析         CleverCode发现个人订阅号,只能简单收到客户的信息,然后响应信息。然后CleverCode就想,不如就让用户输入0-9的数字,组合成命令,这样服务器每次收到不同的数字后,去响应不同的请求就可以了。(这种方式基本停留在没有图片,颜色;只有文字交互的时代...........谁叫咋申请的订阅号,没有认证,就没有一些接口的权限)。 ## 3 源码下载        [http://download.csdn.net/detail/clevercode/8916699](http://download.csdn.net/detail/clevercode/8916699)。 ## 4 项目演示        如果你想查看本微信的详细的演示效果,可以在微信中搜索微信号:taihaoxiaole888。或者扫描下方二维码关注。 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-07_5705f500466c8.jpg)      ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-07_5705f5005d20c.jpg) ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-07_5705f50077f5e.jpg) ## 5  设计过程 ### 5.1 微信配置接口        申请完微信订阅号后,要想微信开发,必须在微信后台([mp.weixin.qq.com](https://mp.weixin.qq.com/))切换到开发模式,然后配置接口。如下图。http://xxxx.com是我服务器的域名地址。如果没有服务器也可以用新浪的sae。/apithxl/interface表示的我是使用的zend framework框架。这个url可以是任意的,只要能够访问得到即可。例如http://xxxx.com/api.php,http://xxxx.com/api.jsp等等。 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-07_5705f50096c5f.jpg) ### 5.2 微信接口交互过程         当用户回复内容后,微信需要将用户回复的先传到自己的服务,如果配置成为了开发模式,微信会将调用接口(http://xxxxx.com/apithxl/interface),通过post方式将回复的内容发送到接口服务器上,我接口服务器处理完请求后,只需要输出一个xml信息,微信服务器获取这个xml信息后,在将获取的信息返回给微信用户。具体过程如下图。 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-07_5705f500c24b9.jpg) ### 5.3 检查签名         当用户配置完接口后,需要提交配置,微信向接口发送get请求的字符串。你需要echo它的字符串。这个在微信开发者文档中都会有,我代码中WeiXinCheck::checkSignature($signature, $timestamp, $nonce)也有。 ## 6 接口设计架构 ### 6.1 接口工作原理            当接口收到微信服务器发送过来的请求后,首先需要到命令解析中心,分析出得到是什么请求。然后将得到命令发送到命令调用中心;调度中心会根据不同的命令调用不用执行逻辑,然后返回结果。 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-07_5705f500e2c53.jpg) ApithxlController.php,主函数执行过程如下。入口函数为interfaceAction(),这个是zend framework框架的写法。首先通过_getRequest($request)方法保存参数,然后验证签名 ,通过CmdCenter::findCmd($request)解析命令,通过switch ($cmd)调用命令,通过$this->displayUTF8($retArray, 'thxl/validate.html')返回xml格式的内容。 ~~~ <?php /** * ApithxlController.php * * 太好笑了接口 * * Copyright (c) 2015 http://blog.csdn.net/CleverCode * * modification history: * -------------------- * 2015/7/10, by CleverCode, Create * */ define("TOKEN", "CleverCode"); define("HTTP_RAW_POST_DATA_TEST", WEB_ROOT_DIR . '/log/http_raw_post_data_test.txt'); define("HTTP_REQUEST_RESPONSE_LOG", WEB_ROOT_DIR . '/log/http_request_response_log-' . date('Y-m-d') . '.txt'); class ApithxlController extends My_Controller{ public $check_auth = false; public $check_auth_menu = false; /** * 命令接口 * * @return void */ function interfaceAction(){ $ret = $this->_interface(); } /** * 私有命令接口 * * @return string 成功返回'OK',失败返回错误信息 */ private function _interface(){ $request = array(); // 获取参数 $ret = $this->_getRequest($request); if ($ret != 'OK') { return $ret; } // 检查签名 if (!WeiXinCheck::checkSignature($request["signature"], $request["timestamp"], $request["nonce"])) { return 'checkSignature retrun false!'; } // 请求日志 if (!empty($GLOBALS["HTTP_RAW_POST_DATA"])) { logMsg(HTTP_REQUEST_RESPONSE_LOG, 'REQUEST', $GLOBALS["HTTP_RAW_POST_DATA"]); } // 解析文本命令 $cmd = CmdCenter::findCmd($request); $retArray = array(); $retArray['request'] = $request; // 执行命令 switch ($cmd) { // 校验 case 'validate' : $retMessage = InfoCenter::validate($request, &$retArray); if ($retMessage != 'OK') { return; } $this->displayUTF8($retArray, 'thxl/validate.html'); break; // 再来一个 case 'getOneAgain' : $retMessage = InfoCenter::getOneAgain($request, &$retArray); if ($retMessage != 'OK') { return; } $this->displayUTF8($retArray, 'thxl/textMsg.html'); break; // 查看帮助 case 'readHelp' : $retMessage = InfoCenter::readHelp($request, &$retArray); if ($retMessage != 'OK') { return; } $this->displayUTF8($retArray, 'thxl/textMsg.html'); break; // 账户详情 case 'accountDetail' : $retMessage = InfoCenter::accountDetail($request, &$retArray); if ($retMessage != 'OK') { return; } $this->displayUTF8($retArray, 'thxl/textMsg.html'); break; // 兑换奖品 case 'exchangePrizesDescribe' : $retMessage = InfoCenter::exchangePrizesDescribe($request, &$retArray); if ($retMessage != 'OK') { return; } $this->displayUTF8($retArray, 'thxl/textMsg.html'); break; // 挣取金币 case 'earnCoin' : $retMessage = InfoCenter::earnCoin($request, &$retArray); if ($retMessage != 'OK') { return; } $this->displayUTF8($retArray, 'thxl/textMsg.html'); break; // 点赞 case 'dianZan' : $retMessage = InfoCenter::dianZan($request, &$retArray); if ($retMessage != 'OK') { return; } $this->displayUTF8($retArray, 'thxl/textMsg.html'); break; // 我讲一个 case 'addJoke' : $retMessage = InfoCenter::addJoke($request, &$retArray); if ($retMessage != 'OK') { return; } $this->displayUTF8($retArray, 'thxl/textMsg.html'); break; // 我的笑话 case 'myJoke' : $retMessage = InfoCenter::myJoke($request, &$retArray); if ($retMessage != 'OK') { return; } $this->displayUTF8($retArray, 'thxl/textMsg.html'); break; // 金币记录 case 'tradeLog' : $retMessage = InfoCenter::tradeLog($request, &$retArray); if ($retMessage != 'OK') { return; } $this->displayUTF8($retArray, 'thxl/textMsg.html'); break; // 兑换奖品 case 'exchangePrizes' : $retMessage = InfoCenter::exchangePrizes($request, &$retArray); if ($retMessage != 'OK') { return; } $this->displayUTF8($retArray, 'thxl/textMsg.html'); break; // 给客服留言 case 'giveMessage' : $retMessage = InfoCenter::giveMessage($request, &$retArray); if ($retMessage != 'OK') { return; } $this->displayUTF8($retArray, 'thxl/textMsg.html'); break; // 关注 case 'subscribe' : $retMessage = InfoCenter::subscribe($request, &$retArray); if ($retMessage != 'OK') { return; } $this->displayUTF8($retArray, 'thxl/textMsg.html'); break; // 默认 default : $retMessage = InfoCenter::cmdNotFound($request, &$retArray); if ($retMessage != 'OK') { return; } $this->displayUTF8($retArray, 'thxl/textMsg.html'); break; } } /** * 获取请求参数 * * @param array $request 请求数组 * @return string 成功返回'OK',失败返回错误信息 */ private function _getRequest(&$request){ // 本机平台 if (SYS_RELEASE == 0) { $_GET["signature"] = '5b7b4a7c06b3bc4116a2fcbbbb2c887557cd07a6'; $_GET["timestamp"] = '1436056391'; $_GET["nonce"] = '1929760760'; // $_GET["echostr"] = 'this is from echostr'; $fp = fopen(HTTP_RAW_POST_DATA_TEST, "r"); $GLOBALS["HTTP_RAW_POST_DATA"] = fread($fp, filesize(HTTP_RAW_POST_DATA_TEST)); fclose($fp); } $request['signature'] = $_GET["signature"]; $request['timestamp'] = $_GET["timestamp"]; $request['nonce'] = $_GET["nonce"]; $request['echostr'] = $_GET["echostr"]; if (isset($GLOBALS["HTTP_RAW_POST_DATA"]) && !empty($GLOBALS["HTTP_RAW_POST_DATA"])) { $request['post'] = array(); $request['post']['items'] = XmlCenter::xmlToArray($GLOBALS["HTTP_RAW_POST_DATA"]); if (isset($request['post']['items']['Content'])) { $request['post']['items']['Content'] = iconv('UTF-8', 'GBK', $request['post']['items']['Content']); } $request['post']['string'] = $GLOBALS["HTTP_RAW_POST_DATA"]; // 插入请求日志 UserLog::insertRequestLog($request); } return 'OK'; } } ~~~ ### 6.2 保存get与post传输xml数据          每次微信服务器请求都会传输get参数,与post的xml数据。需要将这些数据保存到$request数组中。xml数据的格式如下。 ~~~ <xml><ToUserName><![CDATA[gh_5bcc295a14c4]]></ToUserName> <FromUserName><![CDATA[oihwct-iYa_xYXHAR2ZmnAPasEzQ]]></FromUserName> <CreateTime>1436275541</CreateTime> <MsgType><![CDATA[text]]></MsgType> <Content><![CDATA[9#123456789]]></Content> <MsgId>6168756476849070426</MsgId> </xml> ~~~ 在ApithxlController.php,通过_getRequest(&$request)函数,将get与post参数保存到$request数组中。 ### 6.2 命令解析中心         当保存完参数后,需要对用户输入的内容进行解析,分析的数字命令是什么。在CmdCenter.php,查找的命令的入口函数式findCmd($request);首先查找是否是接口验证的命令,然后在从文本中查找命令,最后查找是否为事件命令。 ~~~ <?php /** * CmdCenter.php * * 查找cmd * * Copyright (c) 2015 http://blog.csdn.net/CleverCode * * modification history: * -------------------- * 2015/7/10, by CleverCode, Create * */ class CmdCenter{ // 命名字典 public static $cmdMap = array( 'validate' => '接口验证', 'subscribe' => '关注', 'readHelp' => '查看帮助', 'getOneAgain' => '发布一个', 'accountDetail' => '账户详情', 'earnCoin' => '挣取金币', 'dianZan' => '点赞', 'exchangePrizesDescribe' => '兑换奖品描述', 'addJoke' => '我讲一个', 'myJoke' => '我的笑话', 'tradeLog' => '交易记录', 'exchangePrizes' => '兑换奖品', 'giveMessage' => '给客服留言' ); // 数字到字符串命令字典 public static $numToCmdStr = array( '0' => 'readHelp', '1' => 'getOneAgain', '2' => 'exchangePrizesDescribe', '3' => 'earnCoin', '4' => 'accountDetail', '5' => 'myJoke', '6' => 'tradeLog', '7' => 'addJoke', '8' => 'dianZan', '9' => 'giveMessage', '100' => 'exchangePrizes' ); /** * 查找命令 * * @param array $request 请求数组 * @return string cmd */ public static function findCmd($request){ // 验证cmd $cmd = self::findValidateCmd($request); if (strlen($cmd) > 0) { return self::checkCmdValid($cmd); } // 查找文本命令 $cmd = self::findTextCmd($request); if (strlen($cmd) > 0) { return self::checkCmdValid($cmd); } // 查找事件命令 $cmd = self::findEventCmd($request); if (strlen($cmd) > 0) { return self::checkCmdValid($cmd); } } /** * 检查命令的有效性 * * @param string $cmd 命令 * @return string 有效返回$cmd,否则为空 */ public static function checkCmdValid($cmd){ if (isset(self::$cmdMap[$cmd])) { return $cmd; } } /** * 验证命令 * * @param array $request 请求数组 * @return string cmd */ public static function findValidateCmd($request){ if (isset($request['echostr']) && strlen($request['echostr']) > 0) { return 'validate'; } } /** * 查找文本命令 * * @param array $request 请求数组 * @return string cmd */ public static function findTextCmd($request){ if (empty($request['post'])) { return; } $msgType = $request['post']['items']['MsgType']; if ($msgType != 'text') { return; } $content = $request['post']['items']['Content']; $cmd = trim($content); $cmd = ltrim($cmd, '【'); $cmd = rtrim($cmd, '】'); if (strpos($cmd, "#") !== false) { $cmd = substr($cmd, 0, strpos($cmd, "#")); } // 大写 $cmd = strtoupper($cmd); if (!is_numeric($cmd)) { return; } if (isset(self::$numToCmdStr[$cmd])) { return self::$numToCmdStr[$cmd]; } } /** * 查找事件命令 * * @param array $request 请求数组 * @return string cmd */ public static function findEventCmd($request){ if (empty($request['post'])) { return; } $msgType = $request['post']['items']['MsgType']; if ($msgType != 'event') { return; } return $request['post']['items']['Event']; } } ~~~ ### 6.3 命令调度中心           当分析出命令后,通过switch ($cmd){}进行调度,通过不同的cmd调用不同InfoCenter执行逻辑去执行。例如用户回复的数字是1,那么命令解析中心就会把命令翻译为getOneAgain,调度中心会给根据getOneAgain,调用InfoCenter::getOneAgain($request, &$retArray),最后通过displayUTF8($retArray, 'thxl/validate.html')输出结果。 ### 6.4 命令执行中心         当调度中心执行命令中心的函数后,函数根据自己的业务逻辑去执行,这里重点介绍的是回复的内容,我们可以使用smarty模板。然后将模板的内容读入到字符串中。如下只举例获取帮助的代码。 readHelpContent.html模板如下。 ~~~ 命令帮助: ******************** 0.回复0,查看帮助! 1.回复1,再来一个! 2.回复2,兑换奖品! 3.回复3,挣取金币! 4.回复4,账户详情! 5.回复5,我的笑话! 6.回复6,金币记录! 7.回复7#笑话标题#笑 话正文,我讲一个! 8.回复8#笑话编号,点赞 ! 9.回复9#留言内容,给客 服留言! ******************** ~~~ 执行函数如下: ~~~ <?php /** * InfoCenter.php * * 信息中心 * * Copyright (c) 2015 http://blog.csdn.net/CleverCode * * modification history: * -------------------- * 2015/7/10, by CleverCode, Create * */ class InfoCenter{ //...... /** * 查看帮助 * * @param array $request 请求数组 * @param array $retArray 返回数组(输出参数) * @return string 成功返回'OK',失败返回错误信息 */ public static function readHelp($request, &$retArray){ $postStr = $request['post']['string']; if (empty($postStr)) { return 'empty($postStr)'; } $retArray['data']['fromUsername'] = $request['post']['items']['ToUserName']; $retArray['data']['toUsername'] = $request['post']['items']['FromUserName']; $retArray['data']['createTime'] = time(); $retArray['data']['msgType'] = 'text'; $content = SmartyWork::fetch(array(), 'thxl/readHelpContent.html'); $content = str_replace("\r", '', $content); $retArray['data']['content'] = $content; return 'OK'; } //...... } ~~~ ## 7 命令回复预览 ### 7.1 关注事件     关注公众号后,会自动获取1000金币,然后默认将一个笑话。    ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-07_5705f5005d20c.jpg) ### 7.2 回复1     回复1,可以随机一个笑话。 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-07_5705f501143b2.jpg)     ### 7.2 回复2     回复2,可以查看兑换奖品帮助。 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-07_5705f50163a93.jpg) ### 7.3 回复3     回复3,挣取金币。 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-07_5705f50185675.jpg) ### 7.4 回复4     回复4,账户详情! ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-07_5705f501a4491.jpg) ### 7.5 回复5 回复5,我的笑话! ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-07_5705f501c1647.jpg) ### 7.6 回复6 回复6,金币记录! ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-07_5705f501e6c54.jpg) ### 7.7 回复7 回复7#笑话标题#笑    话正文,我讲一个! ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-07_5705f50210466.jpg) ### 7.8 回复8 回复8#笑话编号,点赞    ! ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-07_5705f5022fc2f.jpg) ### 7.9 回复9 回复9#留言内容,给客    服留言! ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-07_5705f50248d87.jpg) ### 7.10 回复0 回复0,查看帮助。 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-07_5705f5026c5c4.jpg) ## 8 总结           项目经过几天的设计后,终于做完了,于是让自己的好朋友测测,玩一玩。他们给出的点评是,还需要回复啊,不给个按钮更好。我说没权限获取自定义按钮。那个说笑话需要手动输入那么多笑话的汉字,手机打字太费劲了。          种种的原因后,这个微信项目搁浅了,我现在想不出来更好的运营方法。后来一想还不如把我的经历写出来分享给大家。一个是相互学习与交流。也希望大家不要走学我,头脑一发热说干就干。一定需要很周密的计划才行!谋定而后动..........................
';