公众号支付开发教程

2017-04-06|HiShop
导读:篇主要讲解微信支付的开发流程, 公众号支付开发教程 ,相关业务基于MAGICODES.WECHAT.SDK实现。通过本篇教程,您可以很方便的快速完成微信公众号支付的开发。 微信公众号支付 用户已有...

  篇主要讲解微信支付的开发流程,公众号支付开发教程,相关业务基于MAGICODES.WECHAT.SDK实现。通过本篇教程,您可以很方便的快速完成微信公众号支付的开发。

  微信公众号支付

  用户已有商城网址,用户通过微信消息、微信扫描二维码、微信自定义菜单等操作在微信内打开网页时,可以调用微信支付完成下单购买流程。

  支付流程

  微信的支付流程图太复杂,这里我画了一个相对简单的:

  

公众号支付开发教程

 

  开发实践

  开发流程图

  

公众号支付开发教程

 

  配置微信支付授权目录

  首先,需要登录公众号后台,然后进入【微信支付】页面

  

公众号支付开发教程

 

  

公众号支付开发教程

 

  设置【开发配置】

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

  

公众号支付开发教程

 

  

公众号支付开发教程

 

  注意:如果是使用测试目录的地址,一定要记得把个人测试微信号添加到白名单。另外,请注意红框内说明,否则很容易掉坑里。

  配置OAUTH域名以及JSSDK

  使用微信支付,需要通过OAUTH获取用户的OPENID,因为要调用JS API,那么JSSDK授权也是需要的。

  相关配置界面如下:

  

公众号支付开发教程

 

  

公众号支付开发教程

 

  

公众号支付开发教程

 

  

公众号支付开发教程

 

  引用Magicodes.WeChat.SDK并且注册相关配置

  Magicdoes.WeChat.SDK可以通过Nuget包来引用,引用之后,需要先做一些初始化设置。

  初始化SDK配置

  

公众号支付开发教程

 

  

公众号支付开发教程

 

  这里初始化了SDK配置,并且注册了相关函数。比如获取支付配置函数,这里可以编写自己的获取支付配置的逻辑。

  如果是使用Magicodes.WeiChat或者是Magicodes.Shop,那么可以在相关设置界面设置微信支付相关参数,如下所示:

  设置微信配置

  

公众号支付开发教程

 

  打开Magicodes.WeiChat设置界面,配置微信支付相关参数。支付配置模型如下所示:

  public interface IWeChatPayConfig

  {

  ///

  /// 证书相对路径

  ///

  string PayCertPath { get; set; }

  ///

  /// 证书密钥(与微信商户平台商户MchID一致)

  ///

  string CertPassword { get; set; }

  ///

  /// 支付密钥

  ///

  string TenPayKey { get; set; }

  ///

  /// 商户Mch_ID

  ///

  string MchId { get; set; }

  ///

  /// 支付完成后的回调处理页面

  ///

  string Notify { get; set; }

  }

  添加支付页,设置支付参数

  在开始支付之前,我们需要创建一个支付页。并且生成支付相关参数,如下面代码所示:

  

公众号支付开发教程

 

  关于OPENID的获取,Magicodes.WeiChat可以通过在Action上添加[WeChatOAuth]来获取粉丝信息,包括OPENID。

  调用JS Api进行支付

  微信页面,我们需要编写业务逻辑并调用JS API进行支付,相关JS代码如下所示:

  

公众号支付开发教程

 

  注意:调用JS api需要JSSDK权限。Magicodes.WeiChat用户只需使用"ViewBag.UseJSSDK=true"即可启用并注册JSSDK权限。

  然后,我们只需要绑定JS按钮事件即可,如:

  $('#btnPay').on('click',function(){

  callpay();

  });

  接收微信服务器事件通知,处理支付业务

  微信支付完毕后,微信服务器会异步通知我们的Web服务器,通知地址我们在上面的支付配置中已经配置过了。

  使用Magicodes.WeChat.SDK的话,处理起来比较简单,相关关键代码如下所示:

  

公众号支付开发教程

 

  在支付成功的函数中,我们可以编写成功逻辑,比如订单状态的变更,支付日志的记录等等。

  至此,整个微信公众号开发均已完成。

  以上就是公众号支付开发教程,希望这篇文章对大家有所帮助!如果想继续了解相关微信素材文章,可以继续关注Hi商学院!

TAGS:
无法在这个位置找到: footer_2016.htm