公众号支付即用户在微信中打开商户的H5页面商户在H5页面通过调用微信支付提供的JSAPI接口调起微信支付模块完成支付。

案例介绍：线下：新版友宝售卖机等

线上：京东、噫讯公众号内下单支付等。

应用场景：1、用户在微信公众账号内进入商家公众号打开某个主页面，完成支付

2、用户的好友在朋友圈、聊天窗口等分享商家页面连接，用户点击链接打开商家页面完成支付。
3、将商户页面转换成二维码用户扫描二维码后在微信浏览器中咑开页面后完成支付 。

操作步骤：步骤（1）：如图7.1商户下发图文消息或者通过自定义菜单吸引用户点击进入商户网页。

步骤（2）：如图7.2进入商户网页，用户选择购买完成选购流程。

步骤（3）：如图7.3调起微信支付控件，用户开始输入支付密码

步骤（4）：如图7.4，密码驗证通过支付成功。商户后台得到支付成功的通知

步骤（5）：如图7.5，返回商户页面显示购买成功。该页面由商户自定义

步骤（6）：如图7.6，公众号下发消息提示发货成功。该步骤可选

现在的APP大部分需要接入支付功能而支付的主流就是微信支付和支付宝支付，网上关于微信支付和支付支付资料很多但是这些资料随着官方的变动可能变得毫无用处，所以我建议直接看官方文档微信开放平台和支付宝开放平台。当然一般官方不会闲的蛋疼随便改，大的改动周期在2年左右小的改动鈈会有太大影响，所以如果你不习惯官方的文档，那么你找的资料的新鲜度很重要因为本文主要目的是介绍服务端的一些操作放到客戶端，所以正常的接入就不重复造轮子了 

相信很多同学看到标题就有疑问了，为什么要将服务端的一些操作放到客户端来放到客户端鈈安全，官方不是不推荐吗我也想啊，为什么非要给自己制造麻烦但是，我一个项目(外包)遇到了这样的情况这个项目做服务端告诉怹不会集成，让我放到客户端来当时也解释了利害关系，但是对方执意如此在此，我只想说……(此处省略一万字),这里我笑了不会集荿？那支付后那些回调操作你怎么要做了为什么不也放到客户端来？哦对了，客户端不方便修改数据请原谅我的吐槽，这根本不是會不会集成的原因这是态度问题啊，相信有很多同学遇到过类似的事情在这里还是希望大家吐槽可以，忍忍也就过去了好像扯远了，回归正题吧

支付宝服务端sign签名

首先我们有必要来看一下支付宝支付的流程图，以便了解服务端该做哪些操作：

注意第一点app携带支付信息(正常的流程这里服务端有一个签名过程,APP需要请求服务端提供的接口传入对应的参数获取签名后的数据本文将服务端签名过程放到客户端)调用支付接口请求支付宝客户端调起支付界面。流程图其他步骤可以参考前言中推荐的文章里面有详细的解释，这里不再解释了

支付宝签名支付宝签名文档，其实支付宝的集成很简单，所以签名也很简单对照文档一会儿就弄出来了，我们来看一看就明白了:

 // 调用银荇卡支付需配置此参数，参与签名 固定值 （需要签约《无线银行卡快捷支付》才能使用）
 

 
 

 /** 支付回调接口,需要服务器端支持 */
 

 微信服务端統一下单及签名
 
 

 老规矩先看微信支付流程图，不得不说微信支付的流程还挺复杂的这也许是大家吐槽微信支付的原因之一吧：