基于H5的微信支付开发详解

　　这次总结一下用户在微信内打开网页时，可以调用微信支付完成下单功能的模块开发，也就是在微信内的h5页面通过jsapi接口实现支付功能。当然了，微信官网上的微信支付开发文档也讲解的很详细，并且有实现代码可供参考，有的朋友直接看文档就可以自己实现此支付接口的开发了。

　　一、前言

　　为何我还写一篇微信支付接口的博文呢？第一，我们必须知道，所谓的工作经验很多都是靠总结出来的，你只有总结了更多知识，积累了更多经验，你才能在该行业中脱颖而出，我个人觉得如今的招聘，很多都需要工作经验（1年、3年、5年....），其实，工作时间的长久不能衡量一个人技术水平的高低，有的人一年的工作经验能拿3年工作经验的程序猿的工资，有的3年工作经验的却有可能比别人只有一年工作经验的还低，所以说，总结才能让自己的知识体系，经验深度更牛逼更稳固（虽然写一篇博文挺花费时间的）；第二，写博文分享给大家还是挺有成就感的，首先是能让新手从我分享的博文中能学到东西，并且能快速将博文所讲解的技术运用到实际中来，所以我写的博文基本上能让新人快速读懂并且容易理解，另外，技术大神的话，看到博文有讲解的不对之处，还可以指出，并且可以交流，何乐而不为呢，我们需要的就是分享和交流。

　　扯远了，直接进入该主题的详解。

　　现在的微信支付方式有N种，看下图，有刷卡支付、公众号支付、扫码支付和APP支付，另外还有支付工具的开发，本博文选择的是公众号支付借口而开发进行讲解，其他几种支付接口开发基本上思路都是一样的，只要你能看懂我这博文所讲解的基本思路，你基本上也能独自开发其他几个支付接口。

　　二、思路详解

　　我们可以拿微信支付接口文档里的业务流程时序图看看，如下图，基本思路是这样子：首先在后台生成一个链接，展示给用户让用户点击（例如页面上有微信支付的按钮），用户点击按钮后，网站后台会根据订单的相关信息生成一个支付订单，此时会调用统一下单接口，对微信支付系统发起请求，而微信支付系统受到请求后，会根据请求过来的数据，生成一个 预支付交易会话标识（prepay_id，就是通过这个来识别该订单的），我们的网站收到微信支付系统的响应后，会得到prepay_id，然后通过自己构造微信支付所需要的参数，接着将支付所需参数返回给客户端，用户此时可能会有一个订单信息页，会有一个按钮，点击支付，此时会调用JSAPI接口对微信支付系统发起 请求支付，微信支付系统检查了请求的相关合法性之后，就会提示输入密码，用户此时输入密码确认，微信支付系统会对其进行验证，通过的话会返回支付结果，然后微信跳转会H5页面，这其中有一步是异步通知网站支付结果，我们网站需要对此进行处理（比如说异步支付结果通过后，需要更新数据表或者订单信息，例如标志用户已支付该订单了，同时也需要更新订单日志，防止用户重复提交订单）。

　　三、代码讲解

　　本次开发环境用的是php5.6 + MySQL + Redis + Linux + Apache，所选用的框架的CI框架（这些环境不一定需要和我的一致，框架也可以自己选择，反正自己稍微修改下代码就能移植过去了）。

　　微信支付接口的开发代码我已经提前写好了，在这里我对其进行分析讲解，方便大家能轻松理解，当然，假如你有一定的基础，直接看代码就能理清所有流程了，并且我的代码基本上都写上了注释（对于新手来说，这一点比微信文档所提供的代码好一点）。

　　1、构造一个链接展示给用户

　　这里我们提前需要知道一个点，那就是请求统一下单接口需要微信用户的openid（详情可看这https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_1），而获取openid需要先获取code（详情可看这微信登录接口），所以我们需要构造一个获取code的URL：

Wxpay.php文件：
<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Wxpay extends MY_Controller {
    public function __construct() {
        parent::__construct();
        $this->load->model('wxpay_model');
        //$this->load->model('wxpay');
        
    }
 
    public function index() {
        //微信支付
        $this->smarty['wxPayUrl'] = $this->wxpay_model->retWxPayUrl();
        $this->displayView('wxpay/index.tpl');
    }
}

# 下单  # 所需要  # 商户  # 博文  # 回调  # 工作经验  # 支付系统  # 所需  # 我就  # 就会  # 能让  # 自己的  # 的是  # 几个  # 会有  # 好了  # 就能  # 输入密码  # 在这  # 将其 

相关栏目： 【 网站优化84359 】 【 站长学院75356 】 【 运营推广7218 】 【 小程序18188 】 【 运维技术36808 】 【 营销推广32536 】 【 SEO优化41416 】 【 百度推广27695 】 【 AI推广83940 】

相关推荐： 全方位提升golang框架性能的技巧  小程序request请求怎么解决session失败问题  PHP 函数有哪些常见分类？  微信开发html5轻游戏中的几个坑  揭秘Golang框架的漏洞管理和修复方案  如何刮  实现微信发布文章信息采集  PHP 函数如何安全地扩展？  streamlit外网访问  揭秘：魏则西离去真正的原因  C++ 函数调用约定和栈帧管理的历史发展与演变  微信小程序 教程之WXML  深入理解Golang框架的认证与授权机制  总结分享小程序中 swiper 轮播图高度问题的解决方法  golang框架性能优化实战教程？  PHP 函数名称长度限制  golang框架在高并发场景的异步处理技巧  golang框架在高并发场景中的锁机制与并发控制  输出函数printf的一般格式  浅谈小程序如何授权登录，获取信息和手机号  微信小程序 scroll-view组件实现列表页实例代码  继微信小程序后，支付宝小程序也来啦！  streamlit版本有哪些  Go 框架如何提高代码安全性？  vscode英文翻译插件 vscode翻译插件使用方法视频  简单分析一下微信小程序的元素  golang框架如何避免CSRF攻击？  微信公众平台摇一摇周边红包怎么开通（派代网）  java语言开发微信小程序的记录  在跨平台开发中 Go 框架的优势是什么？  C++ 函数库和标准模板库之间的关系是什么？  Android中微信小程序支付倒计时功能  手把手教你在小程序中怎么实现悬浮按钮（代码示例）  PHP 函数按静态性如何分类？  微信小程序中如何引入echart图表  微信小程序 wx:key详细介绍  探索 PHP 函数分类的奥秘  阵列中的最大距离  微信小程序 图片边框解决方法  memset函数头文件  做微商真的难么？快速出单真的很难么？所说的微商培训真相到底是什么？（）  带你开发一个虎年春节头像生成小程序  手把手教你怎么在小程序中使用字体图标  C++ 函数参数传递时如何避免变量污染？  怎么恢复微信黑名单好友  微信小程序 数组（增，删，改，查）等操作实例详解  PHP 函数如何与 Haskell 交互  golang框架的安全性考虑：如何防止SQL注入？  如何利用golang框架的协程机制应对高并发  如何在小程序中使用UUID