微信公众平台开发技术(第七章).pptxVIP

《微信公众平台开发技术》（第1版）

工业和信息化“十三五”高职高专人才培养规划教材

第7章

微信支付

人民邮电出版社

能力

CAPACITY

要求

了解微信支付的作用。

熟悉微信公众号的支付流程。

掌握JSAPI接口的开发。

公众号支付

申请微信支付

JSAPI接口开发

一、用户管理

用户分组管理

设备用户备注名

获取用户基本信息

获取用户列表

获取用户地理位置

一、申请微信支付

支付申请流程：

申请流程可分为四步完成，完成申请后可实现刷卡支付、扫码支付、公众号支付、APP支付等支付功能。

1

2

3

完成服务号认证

完成申请资料审核

功能开发、合同签定

4

开通商户功能

一、申请微信支付

经营类选择：

请根据实际售卖的商品或提供的服务来选择对应的类目，实际售卖的商品必须在营业执照允许经营的范围内（近似一致即可）。目前不支持跨类目经营，如有多类目经营需求的企业，请选择其中一个类目进行申请。

注意：

一、申请微信支付

资费标准：

商户使用商户功能和微信支付服务时，需按照腾讯规定的标准交纳微信支付手续费。同时需要按照合同约定缴纳一定金额的风险保证金，商户通过财付通账户缴纳微信风险保证金。

注意：

公众号支付

申请微信支付

JSAPI接口开发

二、公众号支付

场景介绍

公众号支付开发步骤

业务流程

二、公众号支付

场景介绍

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

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

图7.3商户自定义消息界面

图7.4商户网页下单图

二、公众号支付

场景介绍

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

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

图7.5用户确认支付，输入密码

图7.6用户支付成功提示

二、公众号支付

场景介绍

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

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

。

图7.7返回商户页面提示

图7.8用户收到发货微信通知

二、公众号支付

公众号支付开发步骤

设置测试目录

设置测试目录，测试人的微信号添加到白名单，发起支付的页面目录必须与设置的精确匹配。并将支付链接发到对应的公众号会话窗口中才能正常发起支付测试。注意正式目录一定不能与测试目录设置成一样，否则支付会出错

二、公众号支付

公众号支付开发步骤

设置正式支付目录

根据图中栏目顺序进入修改栏目，勾选JSAPI网页支付开通该权限，并配置好支付授权目录，该目录必须是发起支付的页面的精确目录，子目录下无法正常调用支付。

二、公众号支付

业务流程

业务流程是微信客户端、商户以及微信服务器进行相互过程，从整个流程看用户的帐户和密码只与微信服务器进行交互保证了交易过程的安全。

公众号支付

申请微信支付

JSAPI接口开发

三、JSAPI接口开发

获取微信版本号

H5调用支付API

收货地址共享

三、JSAPI接口开发

获取微信版本

由于微信5.0版本后才加入微信支付模块，低版本用户调用微信支付功能将无效，通过useragent来确定用户当前的版本号后再调用支付接口

通过识别MicroMessenger这个关键字来确定是否微信内置的浏览器了,MicroMessenger后面是微信的版本号

Useragent内容：

Mozilla/5.0(iPhone;CPUiPhoneOS6_1_3likeMacOSX)AppleWebKit/536.26(KHTML,likeGecko)Mobile/10B329MicroMessenger/5.0.1

三、JSAPI接口开发

H5调用支付API

现在的微信支付方式有多种，如图所示，有刷卡支付、公众号支付、扫码支付和APP支付，另外还有支付工具的开发，选择的是公众号支付借口而开发进行讲解，其他几种支付接口开发基本上思路都是一样的。

三、JSAPI接口开发

收货地址共享

收货地址共享功能，主要是统一的管理微信用户个人的收货地址，其收货地址可以被应用于所有可以调用的开发者。用户的收货地址包含了很多个人信息，因此该接口必须要通过申请，申请的方式可以在mp平台上查看到。

通过微信OAuth2.0授权，获取code，再换取access_token，然后获取地址控件签名，再根据获取到addrSign，通过构建一个js方法，来触发调用地址控件。

THANKS