微信开发者大会陶瑾：如何玩转微信支付功能的原理和开发
发表于 07:55|
作者夏梦竹
摘要：由CSDN和《程序员》杂志联合主办的 2014年微信开发者大会将于8月23日在北京举行。组委会已经邀请到了陶瑾将作为我们的演讲嘉宾，他将给我们带来《如何玩转微信支付功能的原理和开发？》的主题分享。
打开微信，各种营销信息霸占了我的眼球，以“微信支付＋微信小店”的模式挑战阿里“支付宝＋淘宝天猫”的模式开启了新纪元，腾讯此举是在革淘宝的命吗？有人说，微信对阿里最大的挑战，是把连接能力下发给了企业/用户，让企业/用户而不是平台自身发挥主动权和能动性来建立新的连接模式。近年来，移动支付发展迅猛，移动支付已经成为了不可抵挡的发展趋势，其引领了新一轮的支付潮流。从某种角度来讲，反观移动互联网的迅速发展，对微信的快速发展起到了很大的推动力，其所蕴含的巨大潜力使其成为了市场争相抢夺的香饽饽。一时间各种支付手段异军突起，包括微博支付、微信支付等。移动互联网的发展给电商行业带来了很多机遇和挑战。人们越来越依赖于手机消费。据相关数据表明，大众点评在接入微信支付后，移动电商收入增长了20%；而15万台小米3手机则在在9分55秒钟被抢购一空，193.8万人成功预约， 超过2000万人到达微信专场页面。试问，谁能想到微信竟发展的如此惊人？微信支付到底是什么？ & & & &腾讯CEO马化腾对微信支付的定义是，只需将微信账户绑定银行卡就可以在微信内公众号、APP 以及身边随时可见的二维码，简便、快捷地完成付款，从而为商业场景在手机中的闭环提供一种全新的解决方案。也就是说，微信支付不是一个纯粹的支付工具，它是为移动支付提供的一个完整的解决方案。曾有篇文章将进行对比，在这篇文章中作者看好的是微博支付。而于我看来，微信所带来的价值不容小觑，拥有强大的6亿用户群，本身就占据得天独厚的优势。在朋友圈里分享购买的商品，便会带动第二次或者多次购买机会。如何玩转微信支付功能的原理和开发？对于开发者而言，则苦于微信开发方面的资源匮乏。如何做微信App开发？如何运营微信账号？微信在技术上如何实现才能效果更好呢？微信公众平台如何实现二次开发？公众号抽奖、会员卡、刮刮卡等功能又是怎样设置的呢？带着这些问题，让我们走进陶瑾，他将带领我们玩转微信支付功能的原理和开发。作为微信公众平台开发先行者之一，陶瑾撰写了上百篇，光与支付相关的博文内容就涵盖了：：微信提供getBrandWCPayRequest接口供商户前端网页调用，调用之前微信会鉴定商户支付权限，若商户具有调起支付的权限，则将开始支付流程。：&场景及类型介绍商家可以申请公众账号支付和APP（应用客户端）支付两种接入微信支付方式。目前支持企业、媒体、APP、网店商家类型认证的服务号。：用户在公众号进行支付贩买行为出现异常时，通常会投诉到腾讯客服，因此微信侧需要即时了解公众号不用户交易的详情。：为了及时通知商户异常，提高商户在微信平台的服务质量。微信后台会向商户推送告警通知，包括发货延迟、调用失败、通知失败等情况。：本文介绍微信支付中订单查询功能的实现。订单查询因为某一方技术的原因，可能导致商户在预期时间内都收不到最终支付通知，此时商户可以通过该API来查询订单的详细支付状态。：为了更好地跟踪订单的情况，需要第三方在收到最终支付通知之后，调用发货通知API告知微信后台该订单的发货状态。：用户在成功完成支付后，微信后台通知（POST）商户服务器（notify_url）支付结果。商户可以使用notify_url的通知结果进行个性化页面的展示。：本文介绍微信支付账号体系各参数。商户在微信公众平台提交申请资料以及银行账户资料，资料审核通过并签约后，可以获得表6-4所示帐户（包含财付通的相关支付资金账户），用于公众帐号支付。：本文介绍微信支付申请时如何设置授权目录及URL。：本文将全面介绍微信公众账号号支付技术解决方案。基于微信客户端提供的支付服务功能，同时向商户提供销售经营分析、 账户和资金管理的技术支持。用户通过扫描二维码、 点击图文消息进入商品页面购买等多种方式调起微信支付模块完成支付。：目前，微信支付采取的是“T+3”到账模式，也就是即时到账模式，非担保交易，买家付款后，资金直接进入卖家财付通账户，3天后可结算、提现。：公众号支付商户接入指南，公众账号相关事宜说明。（点击查看更多）另外，由CSDN和《程序员》杂志联合主办的&将于8月23日在北京举行。组委会已经邀请到了陶瑾将作为我们的演讲嘉宾，他将给我们带来《如何玩转微信支付功能的原理和开发？》的主题分享。重点介绍微信支付接口配置及微信支付账号体系之间的作用，内容涵盖各大功能特性及接口（身份识别、支付功能、交易通知、订单查询、发货通知、告警通知、维权通知）等原理及与服务器的交互实现方式，着重介绍各项接口的签名算法过程。作者简介：作为微信公众平台开发先行者之一，陶瑾曾先后担任软件测试、协议栈开发、高级软件自动化工程师职位，现为方倍工作室创始人，拥有2项移动通信相关的专利。在博客园撰写了上百篇&并被广泛传播，《微信公众平台开发最佳实践》作者。&目前，（持续关注更新）。另外，主委会还开设了，欢迎技术精英自荐和互相推荐，也可以直接联系本次活动将面向技术人群（含产品经理）为主的深度技术培训。每位讲师的演讲时长长达90分钟（70分钟演讲，20分钟互动答疑）。演讲话题包括：企业服务号开发和高级应用、企业号开发、如何与业务系统对接、各种高级接口功能、智能客服与LBS、HTML5社交应用、微信支付、微信电商开发等多方面。对于想自主开发微信公众号/企业号的传统企业或互联网公司、对于正在做基于微信平台的第三方开发商、以及有志于在微信平台创业的技术人员、产品经理或者运营人员来参加本次微信开发者大会，都会有收获。（）。如果您不想错过与他们的交流机会，请点击，3人以上团购可享受优惠价。此外，主办方还特别开设了（）现在就去。微信开发者QQ群：（已满）和微信开发者② QQ群：，欢迎加入交流。相关阅读：关注，了解更多研发资讯，参与互动讨论；当然您可以向我们推荐更多有趣、有质量的文章。
推荐阅读相关主题：
CSDN官方微信
扫描二维码,向CSDN吐槽
微信号：CSDNnews
相关热门文章微信公众号支付 - 简书
<div class="fixed-btn note-fixed-download" data-toggle="popover" data-placement="left" data-html="true" data-trigger="hover" data-content=''>
写了7996字，被10人关注，获得了31个喜欢
微信公众号支付
首先，微信有四种支付方式，如下图所示：
Paste_Image.png
其次，PHP能够实现的只有前三种。因为APP支付很显然是需要iOS和Android来开发的。而本文针对的是公众号支付的PHP开发。
申请微信公众号，这里注意必须是服务号才可以
开通微信支付。微信支付需要相关的企业资质认证。这个流程快的话1天就能下来，慢也不会超过3、4天。微信的员工效率还是很高的。
当公众号微信支付开通后，微信会给你的邮箱中发一封邮件。这封邮件内含有以下内容：
Paste_Image.png
你需要登录商户平台进行相关设置，而登陆的账号密码正是邮件中所提供的账号密码。
登录商户平台后，第一步需要进行银行账号的绑定验证。第二步则需要你设置API密钥。这个密钥为32位，是之后调用微信支付接口的关键参数之一，如果你不知道怎么生成密匙，可以使用这个。密钥如果忘记可以重新设置，但是相关的微信支付接口设置也要记得更改。还有就是在API密钥设置界面你还需要下载相关的证书，证书也是微信支付的必要条件之一，这一点之后会详细说明。
Paste_Image.png
到了这一步，商户平台的操作就全部完成了。现在需要返回公众号平台，设置测试目录。因为目前只是测试阶段，所以可以不设置正式授权目录，但是注意授权目录不能与测试目录url地址相同。同时请测试人员将自己的微信号加入白名单中。
Paste_Image.png
到此为止，所有的前期准备工作就全部做完了。之后便是真正的代码开发阶段。为了快速了解微信的支付流程，我们可以下载微信支付的官方DEMO。官方DEMO目前支持三种语言，分别是：JAVA、PHP和.NET C#。点击可以跳转到下载链接。
整个微信公众号支付的流程如下：
用户点击公众号内微信商城打开H5的支付页面
H5页面通过JS调用微信支付接口
微信服务器通过判断输入的JSON数据，返回给客户端相应的成功或失败信息
请点击上面提供的连接，下载PHP微信支付的DEMO。解压缩后，我们会看到如下结构的数个PHP文件：
SDK目录结构
|-- apiclient_cert.pem ----- 微信证书
`-- apiclient_key.pem ----- 微信证书
|-- index.php ----- 入口
|-- lib ----- 封装好的类（一般不需要动）
|-- WxPay.Api.php ----- 包括所有微信支付API接口的封装
|-- WxPay.Config.php ----- 商户配置
|-- WxPay.Data.php ----- 输入参数封装
|-- WxPay.Exception.php ----- 异常类
`-- WxPay.Notify.php ----- 回调通知基类
`-- example ----- DEMO
|-- WxPay.JsApiPay.php ----- 微信公众号支付类
|-- WxPay.MicroPay.php ----- 刷卡支付类
|-- WxPay.NativePay.php ----- 二维码支付类
|-- download.php ----- 下载订单
|-- micropay.php ----- 刷卡支付
|-- native.php ----- 扫码支付
|-- native_notify.php ----- 回调处理(二维码支付)
|-- notify.php ----- 回调处理
|-- orderquery.php ----- 订单查询
|-- qrcode.php ----- 生成二维码
|-- refund.php ----- 订单退款
|-- refundquery.php ----- 退款查询
|-- jsapi.php ----- 公众号支付
|-- log.php ----- 日志
`-- phpqrcode ----- 开源二维码代码
如果仅仅是为了调通微信支付接口的话，我们仅需要修改4个文件：
cert文件夹中的两个证书替换为我们公众号自己的证书
修改WxPay.Config.php文件中的参数
修改jsapi.php文件。该文件甚至不修改也能成功调用接口，但是我们可以在该文件中设置具体支付的金额等订单信息
点击下载公众号相关证书。下载下来的压缩包内一共包含有4个证书：
├── apiclient_cert.p12
├── apiclient_cert.pem
├── apiclient_key.pem
└── rootca.pem
apiclient_cert.p12是商户证书文件，除PHP外的开发均使用此证书文件。
商户如果使用.NET环境开发，请确认Framework版本大于2.0，必须在操作系统上双击安装证书apiclient_cert.p12后才能被正常调用。
商户证书调用或安装都需要使用到密码，该密码的值为微信商户号（mch_id）
PHP开发环境请使用商户证书文件apiclient_cert.pem和apiclient_key.pem ，rootca.pem是CA证书。
这里因为我们使用PHP开发，所以只需要其中的两个证书apiclient_cert.pem和apiclient_key.pem。将证书复制粘贴到DEMO的cert文件夹，并替换原有文件即可
WxPay.Config.php 参数配置
代码中的注释写的非常明确，我们只需要设置基本信息中的4个常量即可，其他一般情况下保持默认就行。
配置账号信息
class WxPayConfig
//=======【基本信息设置】=====================================
* TODO: 修改这里配置为您自己申请的商户信息
* 微信公众号信息配置
* APPID：绑定支付的APPID（必须配置，开户邮件中可查看）
* MCHID：商户号（必须配置，开户邮件中可查看）
* KEY：商户支付密钥，参考开户邮件设置（必须配置，登录商户平台自行设置）
* 设置地址：https://pay./index.php/account/api_cert
* APPSECRET：公众帐号secert（仅JSAPI支付的时候需要配置， 登录公众平台，进入开发者中心可设置），
* 获取地址：https://mp./advanced/advanced?action=dev&t=advanced/dev&token=&lang=zh_CN
* @var string
const APPID = 'wx426bbe';
const MCHID = '';
const KEY = 'e10adc3949ba59abbe56e057f20f883e';
const APPSECRET = '01c6d59a3f2ac95c8e74';
//=======【证书路径设置】=====================================
* TODO：设置商户证书路径
* 证书路径,注意应该填写绝对路径（仅退款、撤销订单时需要，可登录商户平台下载，
* API证书下载地址：https://pay./index.php/account/api_cert，下载之前需要安装商户操作证书）
* @var path
const SSLCERT_PATH = '../cert/apiclient_cert.pem';
const SSLKEY_PATH = '../cert/apiclient_key.pem';
//=======【curl代理设置】===================================
* TODO：这里设置代理机器，只有需要代理的时候才设置，不需要代理，请设置为0.0.0.0和0
* 本例程通过curl使用HTTP POST方法，此处可修改代理服务器，
* 默认CURL_PROXY_HOST=0.0.0.0和CURL_PROXY_PORT=0，此时不开启代理（如有需要才设置）
* @var unknown_type
const CURL_PROXY_HOST = "0.0.0.0";//"10.152.18.220";
const CURL_PROXY_PORT = 0;//8080;
//=======【上报信息配置】===================================
* TODO：接口调用上报等级，默认紧错误上报（注意：上报超时间为【1s】，上报无论成败【永不抛出异常】，
* 不会影响接口调用流程），开启上报之后，方便微信监控请求调用的质量，建议至少
* 开启错误上报。
* 上报等级，0.关闭上报; 1.仅错误出错上报; 2.全量上报
* @var int
const REPORT_LEVENL = 1;
修改 jsapi.php文件
jsapi.php中代码的工作顺序：
页面加载后通过window.onload = function()会自动跳转到地址选择页面，并触发editAddress()事件
选择住址后页面返回支付页面，同时弹出警告框显示刚才选择的地址
点击支付，触发callpay()方法。如果当前浏览器为微信APP，则触发jsApiCall()方法调用微信支付接口
最后是在notify.php处理回调通知
注意1：jsapi.php原文件中调用的是官方网址的notify.php文件。你需要改为调用自己服务器上的notify.php文件，不然无法再log文件夹中生成相应的日志。而日志会包含两部分：第一条是订单信息，第二条是订单信息加一个额外的trade_state参数。trade_state参数如果是success则表示订单支付成功，其他则失败
注意2：$input-&SetTotal_fee("1")可以用来设置支付的金额。但是该金额必须为整数。这里的数字1，代表的是金额1分。如果想将金额设置为1元，则需要$input-&SetTotal_fee("100")
ini_set('date.timezone','Asia/Shanghai');
//error_reporting(E_ERROR);
require_once "../lib/WxPay.Api.php";
require_once "WxPay.JsApiPay.php";
require_once 'log.php';
//初始化日志
$logHandler= new CLogFileHandler("../logs/".date('Y-m-d').'.log');
$log = Log::Init($logHandler, 15);
//打印输出数组信息
function printf_info($data)
foreach($data as $key=&$value){
echo "&font color='#00ff55;'&$key&/font& : $value &br/&";
//①、获取用户openid
$tools = new JsApiPay();
$openId = $tools-&GetOpenid();
//②、统一下单
$input = new WxPayUnifiedOrder();
$input-&SetBody("创源测试");
$input-&SetAttach("测试attach");
$input-&SetOut_trade_no(WxPayConfig::MCHID.date("YmdHis"));
$input-&SetTotal_fee("1");
$input-&SetTime_start(date("YmdHis"));
$input-&SetTime_expire(date("YmdHis", time() + 600));
$input-&SetGoods_tag("立减优惠");
$input-&SetNotify_url("http://paysdk./example/notify.php");
$input-&SetTrade_type("JSAPI");
$input-&SetOpenid($openId);
$order = WxPayApi::unifiedOrder($input);
echo '&font color="#f00"&&b&统一下单支付单信息&/b&&/font&&br/&';
printf_info($order);
$jsApiParameters = $tools-&GetJsApiParameters($order);
//获取共享收货地址js函数参数
$editAddress = $tools-&GetEditAddressParameters();
//③、在支持成功回调通知中处理成功之后的事宜，见 notify.php
* 1、当你的回调地址不可访问的时候，回调通知会失败，可以通过查询订单来确认支付是否成功
* 2、jsapi支付时需要填入用户openid，WxPay.JsApiPay.php中有获取openid流程 （文档可以参考微信公众平台“网页授权接口”，
* 参考http://mp./wiki/17/c0f37d13d5d2c37b468d75.html）
&meta http-equiv="content-type" content="text/charset=utf-8"/&
&meta name="viewport" content="width=device-width, initial-scale=1"/&
&title&微信支付样例-支付&/title&
&script type="text/javascript"&
//调用微信JS api 支付
function jsApiCall()
WeixinJSBridge.invoke(
'getBrandWCPayRequest',
&?php echo $jsApiP ?&,
function(res){
WeixinJSBridge.log(res.err_msg);
alert(res.err_code+res.err_desc+res.err_msg);
function callpay()
if (typeof WeixinJSBridge == "undefined"){
if( document.addEventListener ){
//从事件冒泡开始执行，也就是从内到外，从小到大开始执行
document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);
}else if (document.attachEvent){
document.attachEvent('WeixinJSBridgeReady', jsApiCall);
document.attachEvent('onWeixinJSBridgeReady', jsApiCall);
jsApiCall();
&script type="text/javascript"&
//获取共享地址
function editAddress()
WeixinJSBridge.invoke(
'editAddress',
&?php echo $editA ?&,
function(res){
var value1 = res.proviceFirstStageN
var value2 = res.addressCitySecondStageN
var value3 = res.addressCountiesThirdStageN
var value4 = res.addressDetailI
var tel = res.telN
//返回所选地址
alert(value1 + value2 + value3 + value4 + ":" + tel);
//进入支付页面后，直接跳转地址选择页面
window.onload = function(){
if (typeof WeixinJSBridge == "undefined"){
if( document.addEventListener ){
document.addEventListener('WeixinJSBridgeReady', editAddress, false);
}else if (document.attachEvent){
document.attachEvent('WeixinJSBridgeReady', editAddress);
document.attachEvent('onWeixinJSBridgeReady', editAddress);
editAddress();
&font color="#9ACD32"&&b&该笔订单支付金额为&span style="color:#f00;font-size:50px"&1分&/span&钱&/b&&/font&&br/&&br/&
&div align="center"&
&button style="width:210 height:50 border-radius: 15background-color:#FE6714; border:0px #FE6714 cursor:
font-size:16" type="button" onclick="callpay()" &立即支付&/button&
如果觉得我的文章对您有用，请随意打赏。您的支持将鼓励我继续创作！
打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮
被以下专题收入，发现更多相似内容：
如果你是程序员，或者有一颗喜欢写程序的心，喜欢分享技术干货、项目经验、程序员日常囧事等等，欢迎投稿《程序员》专题。
专题主编：小...
· 229060人关注
小程序开发
· 1人关注
如果觉得我的文章对您有用，请随意打赏。您的支持将鼓励我继续创作！
选择支付方式：客服：95017
公众号支付
商户已有H5商城网站，用户通过消息或扫描二维码在微信内打开网页时，可以调用微信支付完成下单购买的流程。
步骤（1）：如图7.1，商户下发图文消息或者通过自定义菜单吸引用户点击进入商户网页。
步骤（2）：如图7.2，进入商户网页，用户选择购买，完成选购流程。
图7.1 商户自定义消息界面
图7.2 商户网页下单
步骤（3）：如图7.3，调起微信支付控件，用户开始输入支付密码。
步骤（4）：如图7.4，密码验证通过，支付成功。商户后台得到支付成功的通知。
图7.3 用户确认支付，输入密码
图7.4 用户支付成功提示
步骤（5）：如图7.5，返回商户页面，显示购买成功。该页面由商户自定义。
步骤（6）：如图7.6，公众号下发消息，提示发货成功。该步骤可选。
图7.5 返回商户页面提示
图7.6 用户收到发货微信通知
注意：商户也可以把商品网页的链接生成二维码，用户扫一扫打开后即可完成购买支付。
交互细节：
以下是支付场景的交互细节，请认真阅读，设计商户页面的逻辑：
（1）用户打开商户网页选购商品，发起支付，在网页通过JavaScript调用getBrandWCPayRequest接口，发起微信支付请求，用户进入支付流程。
（2）用户成功支付点击完成按钮后，商户的前端会收到JavaScript的返回值。商户可直接跳转到支付成功的静态页面进行展示。
（3）商户后台收到来自微信开放平台的支付成功回调通知，标志该笔订单支付成功。
注：（2）和（3）的触发不保证遵循严格的时序。JS API返回值作为触发商户网页跳转的标志，但商户后台应该只在收到微信后台的支付成功回调通知后，才做真正的支付成功的处理。近期负责的一个微信直销项目，需要用到公众号支付功能。该项目是从微信公众号引导客户进入H5页面选购产品、下单支付，要在网页端调起支付API（即在微信浏览器里面打开H5网页中执行JS调起支付）。小编在开发过程中踩过不少坑，也花费了不少时间，所以有必要做个简单的总结，为以后类似业务的开发留点东西。
微信支付主要的流程：
1、申请微信公众号及支付功能申请：根据公众号申请流程申请即可。
2、获取商户支付配置信息及支付测试配置：
如上图所示，支付授权目录最多可以配置三个域名，测试授权目录只可以一个，这里需要注意的是域名大小写必须要网站URL一致，否则会无法通过授权，提示支付请求的URL不合法。另外，测试支付的微信号必须加到测试白名单，否则无法进行支付测试。
3、H5页面发起支付请求，请求生成支付订单。
4、获取用户授权（获取用户的openid）：
授权获取openid，可能会遇到提示网站URL未注册等问题，需要检查接口权限-&网页服务-&网页账号-&网页授权获取用户基本信息的url是否与请求的URL一致。获取code码和openid的具体实现可以查看微信支付api接口。
5、调用统一下单API，生成预付单：
授权获取openid，可能会遇到提示网站URL未注册等问题，需要检查接口权限-&网页服务-&网页账号-&网页授权获取用户基本信息的url是否与请求的URL一致。获取code码和openid的具体实现可以查看微信支付api接口。
6、生成JSAPI页面调用的支付参数并签名，按照API的demo：
注意时间戳timeStamp是32位字符串，如果不是字符串或者过长，会提示如下信息：
7、返回支付参数prepay_id,paySign参数的html文本给前端。
8、微信浏览器自动调起支付JSAPI接口支付，提示用户输入密码。
9、确认支付，输入密码，提交支付。
10、异步通知商户支付结果，商户收到通知返回确认信息。
11、返回支付结果，并发微信消息提示。
12、展示支付信息给用户，跳转到支付结果页面。
& 因为该项目采用API服务化、前后端分离的开发模式，所以上述的微信支付流程与微信支付开发文档的业务流程有出入，不是前后端分离的项目请按照支付开发文档的流程进行开发。
& 上面是微信支付的开发，项目还设计有微信自动退款的功能，考虑到微信退款的安全性问题，目前未接入退款流程，以后接入再做总结。
由于小编见识有限，有不足之处请指出！
作者简介：
Yeoman:一个正在努力的菜鸟
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：1803次
排名：千里之外您的位置：> -&
-& >下载 档案号：#135976
软件授权：
软件大小：
软件语言：
软件评级：
官方主页：
更新时间：
应用平台：
复制到论坛
复制到博客
绿盟口号! 伸出你的手 - 绿色分享:
官方评级：3/17610
同类软件推荐
本类下载排行
