zoukankan      html  css  js  c++  java
  • 微信开发入门教程

    转自:http://www.cnblogs.com/txw1958/p/wechat-tutorial.html

    本系列教程将引导你完成如下任务:

    1. 创建新浪云计算平台应用
    2. 启用微信公众平台开发模式
    3. 了解数据收发原理及消息格式
    4. 开发实现微信天气预报功能

    创建新浪云计算应用

    申请账号

    我们使用SAE新浪云计算平台作为服务器资源,并且申请PHP环境+MySQL数据库作为程序运行环境。
    申请地址:http://sae.sina.com.cn/ ,使用新浪微博账号可以直接登录SAE,登录后SAE将赠送500个免费云豆。

    创建新应用

    http://www.cnblogs.com/txw1958/p/wechat-tutorial.html

    登录后点击顶部【我的首页

    点击下侧的创建新应用,这时会弹出提示, 禁止放置违法违规内容,点击继续创建,弹出如下窗口。

    选择一个未使用的appid,如果老是已经被使用不知道该什么好,就填写你的QQ号或者手机号吧。

    填写二级域名AppID、应用名称、验证码,开发语言选择PHP,全部模版下面选择第一个【PHP 空应用】。然后点击左下方的创建应用

    应用创建成功。并自动跳转到应用列表中,可以看到已经有刚才创建的1354386063这个应用。

    创建版本

    http://www.cnblogs.com/txw1958/p/wechat-tutorial.html

    点击刚才创建的应用名称,进入应用主页。

    点击左侧的应用管理下面的代码管理

    跳转到代码管理

    点击右侧的

    版本号默认为1,点击创建,有时会弹出安全登录,需要输入安全密码,如果不知道或者忘记了,就点里面的找回密码,重新设置一下。:

    验证通过之后,如下所示

    到这里,就成功创建了一个域名URL为 http://1354386063.sinaapp.com/ 的应用了,记住你的这个URL,后面将会用到。

    原文:http://www.cnblogs.com/txw1958/p/wechat-tutorial.html

    上传代码

    http://www.cnblogs.com/txw1958/p/wechat-tutorial.html

    下述代码是一个微信接口文件,看不懂没有关系,你可以暂时不用弄明白它的意思。

    如果想弄明白,可以购买《微信公众平台开发最佳实践》,在该书中第25页~第27页有详细讲解。

    <?php
    /*
        方倍工作室 http://www.cnblogs.com/txw1958/
        CopyRight 2013 www.doucube.com  All Rights Reserved
    */
    
    define("TOKEN", "weixin");
    $wechatObj = new wechatCallbackapiTest();
    if (isset($_GET['echostr'])) {
        $wechatObj->valid();
    }else{
        $wechatObj->responseMsg();
    }
    
    class wechatCallbackapiTest
    {
        public function valid()
        {
            $echoStr = $_GET["echostr"];
            if($this->checkSignature()){
                echo $echoStr;
                exit;
            }
        }
    
        private function checkSignature()
        {
            $signature = $_GET["signature"];
            $timestamp = $_GET["timestamp"];
            $nonce = $_GET["nonce"];
    
            $token = TOKEN;
            $tmpArr = array($token, $timestamp, $nonce);
            sort($tmpArr);
            $tmpStr = implode( $tmpArr );
            $tmpStr = sha1( $tmpStr );
    
            if( $tmpStr == $signature ){
                return true;
            }else{
                return false;
            }
        }
    
        public function responseMsg()
        {
            $postStr = $GLOBALS["HTTP_RAW_POST_DATA"];
    
            if (!empty($postStr)){
                $postObj = simplexml_load_string($postStr, 'SimpleXMLElement', LIBXML_NOCDATA);
                $fromUsername = $postObj->FromUserName;
                $toUsername = $postObj->ToUserName;
                $keyword = trim($postObj->Content);
                $time = 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>";
                if($keyword == "?" || $keyword == "?")
                {
                    $msgType = "text";
                    $contentStr = date("Y-m-d H:i:s",time());
                    $resultStr = sprintf($textTpl, $fromUsername, $toUsername, $time, $msgType, $contentStr);
                    echo $resultStr;
                }
            }else{
                echo "";
                exit;
            }
        }
    }
    ?>

    我们将使用上述代码与微信公众平台对接。

    将上述代码用专业的软件存为utf-8格式的index.php文件后再使用WinRAR压缩为index.zip,

    或者直接下载方倍工作室已经压缩好的index.zip文件。点此进入下载

    回到SAE,在代码管理界面中,选择操作按钮。

    再选择上传代码包,点击上传文件,选择刚才的index.zip文件,点击上传,上传成功后中间是一个绿色的横条,如下所示

    如果没有绿色的横条,表示上传失败,需要重试。可以考虑在Chrome浏览器下重试一下。

    点击编辑代码按钮,

    有时候需要输入自己的安全密码,如果不记得了就点击“找回密码”。

    安全验证成功后继续之前的操作。

    我们可以看到index.php已经上传成功,双击可以查看编辑里面的代码

    新浪云应用的创建就成功了。

    微信公众平台开发模式

    微信公众平台地址:https://mp.weixin.qq.com

    登录微信公众平台后台,在左侧列表中最下方,找到“开发者中心”,点击进入

    进入服务器配置填写框。

    点击“修改配置”按钮

    此处的URL为上篇中介绍的云应用的域名,而Token在index.php中定义为weixin。EncodingAESKey则不用填,点击“随机生成”让自动生成一个,消息加解密方式选择“明文模式”,然后点击“提交”按钮。

    在弹出的提示框中,点击“确定”

    配置修改后如图所示,再点击“启用”按钮

    询问“是否确定开启服务器配置”,点击“确定”

    如果提示“token验证失败”,可以重次几次,微信服务器有时候不稳定。

    成功启用后如图。

    恭喜,你成功启用开发模式。

    自动回复

    在上面的例子中,实现了一个发送“?”就能回复当前时间的功能。
    效果如下:

    至此,你的微信公众平台账号已经实现自动回复了。

    数据收发原理及消息数据格式

    此部分内容可以参考微信公共平台开发者文档

    在开发者首次提交验证申请时,微信服务器将发送GET请求到填写的URL上,并且带上四个参数(signature、timestamp、nonce、echostr),开发者通过对签名(即signature)的效验,来判断此条消息的真实性。

    此后,每次开发者接收用户消息的时候,微信也都会带上前面三个参数(signature、timestamp、nonce)访问开发者设置的URL,开发者依然通过对签名的效验判断此条消息的真实性。效验方式与首次提交验证申请一致。

    参数
    描述

    signature
    微信加密签名,signature结合了开发者填写的token参数和请求中的timestamp参数、nonce参数。

    timestamp
    时间戳

    nonce
    随机数

    echostr
    随机字符串

    开发者通过检验signature对请求进行校验(下面有校验方式)。若确认此次GET请求来自微信服务器,请原样返回echostr参数内容,则接入生效,成为开发者成功,否则接入失败。

    加密/校验流程如下:
    1. 将token、timestamp、nonce三个参数进行字典序排序
    2. 将三个参数字符串拼接成一个字符串进行sha1加密
    3. 开发者获得加密后的字符串可与signature对比,标识该请求来源于微信

    启用接口是由代码中的checkSignature()函数来实现校验的。如果对这一原理难以理解,可以暂时不用深究,继续看下面。

    成为开发者后消息收发时的原理

    上一章节中图,当用户发送一个“?”时,系统回复了一个时间

    这一原理的消息流程图如下所示。

    从上图可以看出,用户在发送一个?后,微信服务器将组装一个消息发送给我们自己的服务器,自己的服务器然后回复一个时间,并且将该时间也按一定的规则组装,回复给公众账号,公众账号再回复给用户,在这个收发过程中,发送方和接收方进行了调换(ToUserName和FromUserName值互换),收发都是以xml格式在后台进行传输的,

    所以掌握各种消息类型的接收回复就是进行微信公众平台开发的基础!

    下面对前面所述的各种消息类型讲解其XML数据包的格式。

    接收到的文本消息格式

    <xml>
     <ToUserName><![CDATA[gh_680bdefc8c5d]]></ToUserName>
     <FromUserName><![CDATA[oIDrpjqASyTPnxRmpS9O_ruZGsfk]]></FromUserName>
     <CreateTime>1359028446</CreateTime>
     <MsgType><![CDATA[text]]></MsgType>
     <Content><![CDATA[测试文字]]></Content>
     <MsgId>5836982729904121631</MsgId>
    </xml>
    参数描述
    ToUserName 开发者微信号
    FromUserName 发送方帐号(一个OpenID)
    CreateTime 消息创建时间 (整型)
    MsgType text
    Content 文本消息内容
    MsgId 消息id,64位整型

    图片消息格式

    <xml>
     <ToUserName><![CDATA[toUser]]></ToUserName>
     <FromUserName><![CDATA[fromUser]]></FromUserName>
     <CreateTime>1348831860</CreateTime>
     <MsgType><![CDATA[image]]></MsgType>
     <PicUrl><![CDATA[this is a url]]></PicUrl>
     <MediaId><![CDATA[media_id]]></MediaId>
     <MsgId>1234567890123456</MsgId>
     </xml>
    参数描述
    ToUserName 开发者微信号
    FromUserName 发送方帐号(一个OpenID)
    CreateTime 消息创建时间 (整型)
    MsgType image
    PicUrl 图片链接
    MediaId 图片消息媒体id,可以调用多媒体文件下载接口拉取数据。
    MsgId 消息id,64位整型

    语音消息

    <xml>
    <ToUserName><![CDATA[toUser]]></ToUserName>
    <FromUserName><![CDATA[fromUser]]></FromUserName>
    <CreateTime>1357290913</CreateTime>
    <MsgType><![CDATA[voice]]></MsgType>
    <MediaId><![CDATA[media_id]]></MediaId>
    <Format><![CDATA[Format]]></Format>
    <MsgId>1234567890123456</MsgId>
    </xml>
    参数描述
    ToUserName 开发者微信号
    FromUserName 发送方帐号(一个OpenID)
    CreateTime 消息创建时间 (整型)
    MsgType 语音为voice
    MediaId 语音消息媒体id,可以调用多媒体文件下载接口拉取数据。
    Format 语音格式,如amr,speex等
    MsgID 消息id,64位整型

    视频消息

    <xml>
    <ToUserName><![CDATA[toUser]]></ToUserName>
    <FromUserName><![CDATA[fromUser]]></FromUserName>
    <CreateTime>1357290913</CreateTime>
    <MsgType><![CDATA[video]]></MsgType>
    <MediaId><![CDATA[media_id]]></MediaId>
    <ThumbMediaId><![CDATA[thumb_media_id]]></ThumbMediaId>
    <MsgId>1234567890123456</MsgId>
    </xml>
    参数描述
    ToUserName 开发者微信号
    FromUserName 发送方帐号(一个OpenID)
    CreateTime 消息创建时间 (整型)
    MsgType 视频为video
    MediaId 视频消息媒体id,可以调用多媒体文件下载接口拉取数据。
    ThumbMediaId 视频消息缩略图的媒体id,可以调用多媒体文件下载接口拉取数据。
    MsgId 消息id,64位整型

    地理位置消息

    <xml>
    <ToUserName><![CDATA[toUser]]></ToUserName>
    <FromUserName><![CDATA[fromUser]]></FromUserName>
    <CreateTime>1351776360</CreateTime>
    <MsgType><![CDATA[location]]></MsgType>
    <Location_X>23.134521</Location_X>
    <Location_Y>113.358803</Location_Y>
    <Scale>20</Scale>
    <Label><![CDATA[位置信息]]></Label>
    <MsgId>1234567890123456</MsgId>
    </xml>
    参数描述
    ToUserName 开发者微信号
    FromUserName 发送方帐号(一个OpenID)
    CreateTime 消息创建时间 (整型)
    MsgType location
    Location_X 地理位置维度
    Location_Y 地理位置经度
    Scale 地图缩放大小
    Label 地理位置信息
    MsgId 消息id,64位整型

    链接消息

    <xml>
    <ToUserName><![CDATA[toUser]]></ToUserName>
    <FromUserName><![CDATA[fromUser]]></FromUserName>
    <CreateTime>1351776360</CreateTime>
    <MsgType><![CDATA[link]]></MsgType>
    <Title><![CDATA[公众平台官网链接]]></Title>
    <Description><![CDATA[公众平台官网链接]]></Description>
    <Url><![CDATA[url]]></Url>
    <MsgId>1234567890123456</MsgId>
    </xml>
    参数描述
    ToUserName 接收方微信号
    FromUserName 发送方微信号,若为普通用户,则是一个OpenID
    CreateTime 消息创建时间
    MsgType 消息类型,link
    Title 消息标题
    Description 消息描述
    Url 消息链接
    MsgId 消息id,64位整型
  • 相关阅读:
    vue --- 全局弹窗,只调用对应实例
    代理相关;win操作
    mongoBD + node + express
    菜鸟初学 node 推荐 亲测easy
    H5 ---- 点击遍历所有标签,复制对应的文本
    async与await初步应用
    C# Enum 添加自定义Attribute,然后通过泛型与反射的方式得到事先定义的标记
    VS2013 C# 调用 cognex 的QuickBuild做程序时发生一个错误
    C# 获取数组的内存地址
    利用反射插入数据库与更新数据库
  • 原文地址:https://www.cnblogs.com/dorothychai/p/4210678.html
Copyright © 2011-2022 走看看