微信公众平台开发技术第7章微信支付.pptx

第7章,微信支付,能力,CAPACITY,要求,了解微信支付的作用。,熟悉微信公众号的支付流程。,掌握JS API接口的开发。,公众号支付,申请微信支付,JS API接口开发,一、用户管理,用户分组管理,设备用户备注名,获取用户基本信息,获取用户列表,获取用户地理位置,一、申请微信支付,支付申请流程：申请流程可分为四步完成，完成申请后可实现刷卡支付、扫码支付、公众号支付、APP支付等支付功能。,1,2,3,第一步,第二步,第三步,完成服务号认证,完成申请资料审核,功能开发、合同签定,4,第四步,开通商户功能,一、申请微信支付,经营类选择：请根据实际售卖的商品或提供的服务来选择对应的类目，实际售卖的商品必须在营业执照允许经营的范围内（近似一致即可）。目前不支持跨类目经营，如有多类目经营需求的企业，请选择其中一个类目进行申请。,注意：,一、申请微信支付,资费标准：商户使用商户功能和微信支付服务时，需按照腾讯规定的标准交纳微信支付手续费。同时需要按照合同约定缴纳一定金额的风险保证金，商户通过财付通账户缴纳微信风险保证金。,注意：,公众号支付,申请微信支付,JS API接口开发,二、公众号支付,场景介绍,公众号支付开发步骤,业务流程,二、公众号支付,场景介绍,步骤（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网页支付开通该权限，并配置好支付授权目录，该目录必须是发起支付的页面的精确目录，子目录下无法正常调用支付。,二、公众号支付,业务流程,业务流程是微信客户端、商户以及微信服务器进行相互过程，从整个流程看用户的帐户和密码只与微信服务器进行交互保证了交易过程的安全。,公众号支付,申请微信支付,JS API接口开发,三、JS API接口开发,获取微信版本号,H5调用支付API,收货地址共享,三、JS API接口开发,获取微信版本,由于微信5.0 版本后才加入微信支付模块，低版本用户调用微信支付功能将无效，通过user agent 来确定用户当前的版本号后再调用支付接口,通过识别 MicroMessenger 这个关键字来确定是否微信内置的浏览器了,MicroMessenger后面是微信的版本号,User agent内容：Mozilla/5.0(iPhone;CPU iPhone OS 6_1_3 like Mac OS X)AppleWebKit/536.26(KHTML,like Gecko)Mobile/10B329 MicroMessenger/5.0.1,三、JS API接口开发,H5调用支付API,现在的微信支付方式有多种，如图所示，有刷卡支付、公众号支付、扫码支付和APP支付，另外还有支付工具的开发，选择的是公众号支付借口而开发进行讲解，其他几种支付接口开发基本上思路都是一样的。,三、JS API接口开发,收货地址共享,收货地址共享功能，主要是统一的管理微信用户个人的收货地址，其收货地址可以被应用于所有可以调用的开发者。用户的收货地址包含了很多个人信息，因此该接口必须要通过申请，申请的方式可以在mp平台上查看到。,通过微信OAuth2.0授权，获取code，再换取access_token，然后获取地址控件签名，再根据获取到 addrSign，通过构建一个js方法，来触发调用地址控件。,THANKS,