《微信公众平台开发技术第7章微信支付.pptx》由会员分享,可在线阅读,更多相关《微信公众平台开发技术第7章微信支付.pptx(21页珍藏版)》请在第壹文秘上搜索。
1、1 第6章 微信小店第7章 微信支付2 第6章 微信小店能力CAPACITY要求了解微信支付的作用。熟悉微信公众号的支付流程。掌握JS API接口的开发。3 第6章 微信小店内容CONTENTS导航公众号支付申请微信支付JS API接口开发4 第6章 微信小店一、用户管理01OPTION02OPTION03OPTION用户分组管理设备用户备注名获取用户基本信息04OPTION获取用户列表05OPTION获取用户地理位置5 第6章 微信小店一、申请微信支付支付申请流程: 申请流程可分为四步完成,完成申请后可实现刷卡支付、扫码支付、公众号支付、APP支付等支付功能。123 第一步 第二步 第三步完
2、成服务号认证完成申请资料审核功能开发、合同签定4 第四步开通商户功能6 第6章 微信小店一、申请微信支付经营类选择:请根据实际售卖的商品或提供的服务来选择对应的类目,实际售卖的商品必须在营业执照允许经营的范围内(近似一致即可)。目前不支持跨类目经营,如有多类目经营需求的企业,请选择其中一个类目进行申请。 1、如除了类目商品以外的其它关联商品需销售,请选择核心类目即可。 2、对于无营业执照的政府事业单位请根据实际经营范围选择对应的类目。注意:7 第6章 微信小店一、申请微信支付资费标准:商户使用商户功能和微信支付服务时,需按照腾讯规定的标准交纳微信支付手续费。同时需要按照合同约定缴纳一定金额的风
3、险保证金,商户通过财付通账户缴纳微信风险保证金。 1、费率收取标准及办法。 2、微信风险保证金收取标准及办法。注意:8 第6章 微信小店内容CONTENTS导航公众号支付申请微信支付JS API接口开发9 第6章 微信小店二、公众号支付01OPTION02OPTION03OPTION场景介绍公众号支付开发步骤业务流程10 第6章 微信小店二、公众号支付场景介绍步骤(1):如图7.3,商户下发图文消息或者通过自定义菜单吸引用户点击进入商户网页。 步骤(2):如图7.4,进入商户网页,用户选择购买,完成选购流程。图7.3 商户自定义消息界面图7.4 商户网页下单图11 第6章 微信小店二、公众号支
4、付场景介绍步骤(3):如图7.5,调起微信支付控件,用户开始输入支付密码。步骤(4):如图7.6,密码验证通过,支付成功。商户后台得到支付成功的通知。图7.5 用户确认支付,输入密码图7.6 用户支付成功提示12 第6章 微信小店二、公众号支付场景介绍步骤(5):如图7.7,返回商户页面,显示购买成功。该页面由商户自定义。步骤(6):如图7.8,公众号下发消息,提示发货成功。该步骤可选。图7.7 返回商户页面提示图7.8 用户收到发货微信通知13 第6章 微信小店二、公众号支付公众号支付开发步骤设置测试目录设置测试目录,测试人的微信号添加到白名单,发起支付的页面目录必须与设置的精确匹配。并将支
5、付链接发到对应的公众号会话窗口中才能正常发起支付测试。注意正式目录一定不能与测试目录设置成一样,否则支付会出错14 第6章 微信小店二、公众号支付公众号支付开发步骤设置正式支付目录根据图中栏目顺序进入修改栏目,勾选JSAPI网页支付开通该权限,并配置好支付授权目录,该目录必须是发起支付的页面的精确目录,子目录下无法正常调用支付。15 第6章 微信小店二、公众号支付业务流程业务流程是微信客户端、商户以及微信服务器进行相互过程,从整个流程看用户的帐户和密码只与微信服务器进行交互保证了交易过程的安全。16 第6章 微信小店内容CONTENTS导航公众号支付申请微信支付JS API接口开发17 第6章
6、 微信小店三、JS API接口开发01OPTION02OPTION03OPTION获取微信版本号H5调用支付API收货地址共享18 第6章 微信小店三、JS API接口开发获取微信版本由于微信5.0 版本后才加入微信支付模块,低版本用户调用微信支付功能将无效,通过user agent 来确定用户当前的版本号后再调用支付接口通过识别 MicroMessenger 这个关键字来确定是否微信内置的浏览器了,MicroMessenger后面是微信的版本号User agent内容:Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleW
7、ebKit/536.26 (KHTML, like Gecko) Mobile/10B329 MicroMessenger/5.0.119 第6章 微信小店三、JS API接口开发H5调用支付API现在的微信支付方式有多种,如图所示,有刷卡支付、公众号支付、扫码支付和APP支付,另外还有支付工具的开发,选择的是公众号支付借口而开发进行讲解,其他几种支付接口开发基本上思路都是一样的。20 第6章 微信小店三、JS API接口开发收货地址共享收货地址共享功能,主要是统一的管理微信用户个人的收货地址,其收货地址可以被应用于所有可以调用的开发者。用户的收货地址包含了很多个人信息,因此该接口必须要通过申请,申请的方式可以在mp平台上查看到。通过微信OAuth2.0授权,获取code,再换取access_token,然后获取地址控件签名,再根据获取到 addrSign,通过构建一个js方法, 来触发调用地址控件。21 第6章 微信小店THANKS