2 微信开发者中心

微信公众号开发者中心提供了使用代码开发微信微应用的功能,使用代码开发微应用需要用到服务器,以存放编写的代码,因此我们需要一个服务器。那么在微信那里设置服务器呢?在微信公众号管理界面,点击【基本配置】

2 微信开发者中心_第1张图片

将会看到基本配置信息,在【服务器配置】选项

2 微信开发者中心_第2张图片

启用并设置服务器后,用户发送给公众号的信息将被转发给此服务器,这样我们就可以通过代码灵活的实现各种微应用。

1 新浪SAE

首先,我们要去新浪云计算 申请一个空间,为什么使用SAE?因为可以免费申请啊。

2 微信开发者中心_第3张图片

点击【开发者由此进入】链接

2 微信开发者中心_第4张图片

使用微博账号登陆SAE云计算

2 微信开发者中心_第5张图片

进入新浪云控制台后,创建新应用(即服务器),填写二级域名、应用名称、运行环境。

2 微信开发者中心_第6张图片

点击【创建】,进入代码管理界面,选择SVN版本管理工具,为什么选择SVN?云空间收费,不考虑,GIT适合高级用户,SVN适合一般用户。

2 微信开发者中心_第7张图片

选择好SVN后,创建版本。版本的好处就是,当你完成一个具有基本功能的代码后(此版本号为M),交给老板。老板突发灵感说再添加一个功能,你鄙视他后还是老老实以M版本的基础创建一个N版本,然后就是无穷无尽的错误,代码被弄得乱七八糟。此时你该感激版本这个东西,让你有机会穿越回M版本。
总而言之,以每个阶段做作为一个版本,等回头看或者出问题的时候,可以查看或者从某个版本重新开始。

2 微信开发者中心_第8张图片

创建完版本后,将会看到应用的链接信息

2 微信开发者中心_第9张图片

点击【编辑代码】,进入SAE编辑器,默认情况下有【config.yaml】配置信息文件和【index.php】文件,

 //这是一个php文件
/* 河源万绿软件工作室 CopyRight 2016 All Rights Reserved */
//调用echo方法输出一条语句
echo  'Hello, SAE!';

2 微信开发者中心_第10张图片

在浏览器中我们可以输入: http://wlvsoft.applinzi.com/ 或 http://1.wlvsoft.applinzi.com/ 访问应用服务器,浏览器将会显示echo输出的语句。

访问应用

2 服务器配置

申请成功服务器后,就可以在微信公众号管理界面进行服务器配置,点击【修改配置】链接。

2 微信开发者中心_第11张图片

填写基本配置信息:

  • URL:应用服务器链接
  • Token:任意字符,记住此值,应用服务器需要Token进行验证
  • EncodingAESkey:随机生成即可
  • 消息加解密方式:测试阶段选择【明文模式】

2 微信开发者中心_第12张图片

此时点击提交,将会提示token验证失败。

2 微信开发者中心_第13张图片

开发者提交信息后,微信服务器将发送GET请求到填写的服务器地址URL上,GET请求携带四个参数:

2 微信开发者中心_第14张图片

开发者通过检验signature,对请求进行校验。若确认此次GET请求来自微信服务器,请原样返回echostr参数内容,则服务器配置生效,否则提示token验证失败。
下面是微信公众平台开发者文档提供的验证代码:

private function checkSignature() {
    //获取微信服务器提交到应用服务器的参数
    $signature = $_GET["signature"];
    $timestamp = $_GET["timestamp"];
    $nonce = $_GET["nonce"]; 
    //获取token,与服务器配置中的一致
    $token = TOKEN;
    //将参数组装成数组
    $tmpArr = array($token, $timestamp, $nonce);
    //对参数进行排序
    sort($tmpArr, SORT_STRING);
    //将数组转换为字符串
    $tmpStr = implode( $tmpArr );
    //加密
    $tmpStr = sha1( $tmpStr );
    //加密后与$signature进行对比
    //如果相同,表示请求来自微信服务器
    if( $tmpStr == $signature ){
        return true;
    }else{
        return false;
    }
}

下面是修改后的index.php代码:


/* 河源万绿软件工作室 CopyRight 2016 All Rights Reserved */

//定义token,与服务器配置中的一致
define("TOKEN", "wlvsoft");

$wechatObj = new wechatCallbackapiTest();

//获取echostr,存在表示提交验证,否则为用户发送的一般消息
if (isset($_GET['echostr'])) {
    //如果提交为验证,进行有效验证
    $wechatObj->valid();
}else{
    //如果是用户发送信息,返回空
    echo '';
    exit;
}

class wechatCallbackapiTest {
    //有效验证
    public function valid() {
        $echoStr = $_GET["echostr"];
        //调用验证方法
        if($this->checkSignature()){
            header('content-type:text');
            //如果验证成功,返回echoStr
            echo $echoStr;
            exit;
        }
    }

    //验证方法,如果来自微信服务器返回true
    private function checkSignature() {
        //获取微信服务器提交到应用服务器的参数
        $signature = $_GET["signature"];
        $timestamp = $_GET["timestamp"];
        $nonce = $_GET["nonce"]; 
        //获取token,与服务器配置中的一致
        $token = TOKEN;
        //将参数组装成数组
        $tmpArr = array($token, $timestamp, $nonce);
        //对参数进行排序
        sort($tmpArr, SORT_STRING);
        //将数组转换为字符串
        $tmpStr = implode( $tmpArr );
        //加密
        $tmpStr = sha1( $tmpStr );
        //加密后与$signature进行对比
        //如果相同,表示请求来自微信服务器
        if( $tmpStr == $signature ){
            return true;
        }else{
            return false;
        }
    }
}

此时,再次提交,服务器配置成功。

2 微信开发者中心_第15张图片

点击【启动】,手工配置的自动回复和自定义菜单将失效,全部将由应用服务器代码进行管理。

2 微信开发者中心_第16张图片

打开手机微信查看公众号,发现菜单和自动回复功能已经不能使用了。

2 微信开发者中心_第17张图片

提示(注意:不建议如此,不知道后续有没有错误,在这里列出仅供娱乐测试)
按照微信验证原理,其实可以直接返回验证参数【echostr】,跳过token验证。将index.php改为:


/* 河源万绿软件工作室 CopyRight 2016 All Rights Reserved */
//设置返回类型
header('content-type:text');
//获取参数
$echoStr = $_GET["echostr"];
//跳过token验证,直接返回$echoStr
echo $echoStr;
exit;

3 应用服务器向用户发送消息

当我们在公众号中输入信息时,提示“该公众号暂时无法提供服务器,请稍后再试”。原因是我们在index.php中没有对用户的消息进行响应。

//获取echostr,存在表示提交验证,否则为用户发送的一般消息
if (isset($_GET['echostr'])) {
    //如果提交为验证,进行有效验证
    $wechatObj->valid();
}else{
    //如果是用户发送信息,返回空
    echo '';
    exit;
}

如果是用户在公众号输入的信息,我们直接返回为空。但是,微信公众号要求发送的信息是有标准格式的。简单的文本消息如下:

<xml>
<ToUserName>ToUserName>
<FromUserName>FromUserName>
<CreateTime>12345678CreateTime>
<MsgType>MsgType>
<Content>Content>
xml>

参数作用如下:

2 微信开发者中心_第18张图片

因此,用户要接收到应用服务器返回的信息,应用服务器必须按照微信公众号文本消息格式要求返回。
我们可以使用方倍工作室提供的微信调试器 对我们发送的信息进行测试。

2 微信开发者中心_第19张图片

接收用户指公众号原始ID 可在公众号设置中查询。
当输入:你好 ;发送给应用服务器的信息如下:

<xml>
    <ToUserName>ToUserName>
    <FromUserName>FromUserName>
    <CreateTime>1464855763CreateTime>
    <MsgType>MsgType>
    <Content>Content>
    <MsgId>1234567890abcdefMsgId>
xml>

应用服务器可以获取提交的文本信息,进而获得公众号ID【ToUserName】、用户ID【FromUserName】和发送的文本信息【Content】。依据这些信息,应用服务器可以自动回复信息给用户。修改index.php:


/* 河源万绿软件工作室 CopyRight 2016 All Rights Reserved */

//定义token,与服务器配置中的一致
define("TOKEN", "wlvsoft");

$wechatObj = new wechatCallbackapiTest();

//获取echostr,存在表示提交验证,否则为用户发送的一般消息
if (isset($_GET['echostr'])) {
    //如果提交为验证,进行有效验证
    $wechatObj->valid();
}else{
    //如果是用户发送信息,调用responseMsg方法
    $wechatObj->responseMsg();
}

class wechatCallbackapiTest {
    //有效验证
    public function valid() {
        $echoStr = $_GET["echostr"];
        //调用验证方法
        if($this->checkSignature()){
            header('content-type:text');
            //如果验证成功,返回echoStr
            echo $echoStr;
            exit;
        }
    }

    //验证方法,如果来自微信服务器返回true
    private function checkSignature() {
        //获取微信服务器提交到应用服务器的参数
        $signature = $_GET["signature"];
        $timestamp = $_GET["timestamp"];
        $nonce = $_GET["nonce"]; 
        //获取token,与服务器配置中的一致
        $token = TOKEN;
        //将参数组装成数组
        $tmpArr = array($token, $timestamp, $nonce);
        //对参数进行排序
        sort($tmpArr, SORT_STRING);
        //将数组转换为字符串
        $tmpStr = implode( $tmpArr );
        //加密
        $tmpStr = sha1( $tmpStr );
        //加密后与$signature进行对比
        //如果相同,表示请求来自微信服务器
        if( $tmpStr == $signature ){
            return true;
        }else{
            return false;
        }
    }
    //返回文本消息
    public function responseMsg() {
        //获取用户提交的XML格式数据
        $postStr = $GLOBALS["HTTP_RAW_POST_DATA"];

        //如果用户提交的信息不为空
        if (!empty($postStr)){
            //将用户提交的XML转换为对象
            $postObj = simplexml_load_string($postStr,
             'SimpleXMLElement', LIBXML_NOCDATA);
            //获取用户提交的类型(文本、图文、音频、视频等)
            $RX_TYPE = trim($postObj->MsgType);
            //不同的类型返回的结果不同
            switch ($RX_TYPE)
            {
                //用户发送类型为文本
                case "text":
                    //公众号ID
                    $fromUsername = $postObj->FromUserName;
                    //用户ID
                    $toUsername = $postObj->ToUserName;
                    //用户发送内容
                    $keyword = trim($postObj->Content);
                    //获得系统当前时间
                    $time = time();
                    //按照微信格式要求编写返回格式
                    $textTpl = "   %s   0 ";
                    //应用服务器返回给用户的类型为文本
                    $msgType = "text";
                    //返回的北荣
                    $contentStr = date("Y-m-d H:i:s",
                    time())."\n".'欢迎关注河源万绿软件工作室!';
                    // sprintf() 函数把格式化的字符串写入一个变量中
                    // $toUsername位置和用户发送的互换
                    $resultStr = sprintf($textTpl, $fromUsername,
                    $toUsername, $time, $msgType, $contentStr);
                    break;
                //非文本信息,默认不处理
                default:
                    $resultStr = "";
                    break;
             }
            //应用服务器返回信息给用户
            echo $resultStr;
        }else{
            echo "";
            exit;
        }
    }
}

完成后,测试如下:

2 微信开发者中心_第20张图片

你可能感兴趣的:(微信,微信公众号开发)