微信小程序 微信支付服务端集

理论上集成微信支付的全部工作可以在小程序端完成，因为小程序js有访问网络的能力，但是为了安全，不暴露敏感key，而且可以使用官方提供的现成php demo更省力，于是在服务端完成签名与发起请求，小程序端只做一个wx.requestPayment(OBJECT)接口的对接。

整体集成过程与JSAPI、APP类似，先统一下单，然后拿返回的结果来请求支付。

一共三步：

1.小程序端通过wx.login的返回的code换取openid 2.服务端向微信统一下单 3.小程序端发起支付

事先准备好这几样东西：

APPID = 'wx426b3015555a46be';
MCHID = '1900009851';
KEY = '8934e7d15453e97507ef794cf7b0519d';
APPSECRET = '7813490da6f1265e4901ffb80afaa36f';

PHP SDK，下载链接见文尾

第1、4样是申请小程序时获得的，第2、3样是申请开通微信支付时获得的，注意第3、4样长得比较像，其实是2个东西，两者混淆将导致签名通不过。

向微信端下单，得到prepay_id

1. 创建一个Controller，引并WxPay.Api.php类

<?php
require_once __DIR__ . '/BaseController.php';
require_once __DIR__ . '/../third_party/wxpay/WxPay.Api.php';

class WXPay extends BaseController {
  function index() {
  }
}

之后可以通过index.php/wxpay来作访问请求

2. 修改配置文件WxPay.Config.php

改成自己申请得到相应key

3. 实现index方法

function index() {
//     初始化值对象
    $input = new WxPayUnifiedOrder();
//     文档提及的参数规范：商家名称-销售商品类目
    $input->SetBody("灵动商城-手机");
//     订单号应该是由小程序端传给服务端的，在用户下单时即生成，demo中取值是一个生成的时间戳
    $input->SetOut_trade_no('123123123');
//     费用应该是由小程序端传给服务端的，在用户下单时告知服务端应付金额，demo中取值是1，即1分钱
    $input->SetTotal_fee("1");
    $input->SetNotify_url("http://paysdk.weixin.qq.com/example/notify.php");
    $input->SetTrade_type("JSAPI");
//     由小程序端传给服务端
    $input->SetOpenid($this->input->post('openId'));
//     向微信统一下单，并返回order，它是一个array数组
    $order = WxPayApi::unifiedOrder($input);
//     json化返回给小程序端
    header("Content-Type: application/json");
    echo json_encode($order);
  }

说明1：文档上提到的nonce_str不是没提交，而是sdk帮我们填上的

出处在WxPay.Api.php第55行

$inputObj->SetNonce_str(self::getNonceStr());//随机字符串

说明2：sign也已经好心地给setSign了，出处在WxPay.Data.php第111行，MakeSign()中

 /**
   * 生成签名
   * @return 签名，本函数不覆盖sign成员变量，如要设置签名需要调用SetSign方法赋值
   */
  public function MakeSign()
  {
    //签名步骤一：按字典序排序参数
    ksort($this->values);
    $string = $this->ToUrlParams();
    //签名步骤二：在string后加入KEY
    $string = $string . "&key=".WxPayConfig::KEY;
    //签名步骤三：MD5加密
    $string = md5($string);
    //签名步骤四：所有字符转为大写
    $result = strtoupper($string);
    return $result;
  }

4. 小程序内调用登录接口，获取openid

向微信登录请求，拿到code，再将code提交换取openId

wx.login({
     success: function(res) {
      if (res.code) {
       //发起网络请求
       wx.request({
        url: 'https://api.weixin.qq.com/sns/jscode2session?appid=wx9114b997bd86f***&secret=d27551c7803cf16015e536b192******&js_code='+res.code+'&grant_type=authorization_code',
        data: {
         code: res.code
        },
        success: function (response) {
          console.log(response);
        }
       })
      } else {
       console.log('获取用户登录态失败！' + res.errMsg)
      }
     }
    });

从控制台看到已经成功拿到openid，剩下的事情就是将它传到服务端就好了，服务端那边$this->input->post('openId')等着收呢。

5. 小程序端向https://lendoo.leanapp.cn/index.php/WXPay发起请求，作统一下单

    //统一下单接口对接
          wx.request({
            url: 'https://lendoo.leanapp.cn/index.php/WXPay',
            data: {
              openId: openId
            },
            success: function (response) {
              console.log(response);

            },
                header: {
            'content-type': 'application/x-www-form-urlencoded'
        },
          });

得到如下结果

{
 "appid": "wx9114b997bd86f8ed",
 "mch_id": "1414142302",
 "nonce_str": "eEICgYFuGqxFRK6f",
 "prepay_id": "wx201701022235141fc713b8f80137935406",
 "result_code": "SUCCESS",
 "return_code": "SUCCESS",
 "return_msg": "OK",
 "sign": "63E60C8CD90394FB50E612D085F5362C",
 "trade_type": "JSAPI"
}

前提是https://lendoo.leanapp.cn已经在白名单：

6. 小程序端调起支付API

// 发起支付
var appId = response.data.appid;
var timeStamp = (Date.parse(new Date()) / 1000).toString();
var pkg = 'prepay_id=' + response.data.prepay_id;
var nonceStr = response.data.nonce_str;
var paySign = md5.hex_md5('appId='+appId+'&nonceStr='+nonceStr+'&package='+pkg+'&signType=MD5&timeStamp='+timeStamp+"&key=d27551c7803cf16***e536b192d5d03b").toUpperCase();
console.log(paySign);
console.log(appId);
wx.requestPayment({
  'timeStamp': timeStamp,
  'nonceStr': nonceStr,
  'package': pkg,
  'signType': 'MD5',
  'paySign': paySign,
  'success':function(res){
    console.log('success');
    console.log(res);
  }
});

模拟器测试，将弹出一个二维码供扫描

结果报了一个错误：

errMsg:"requestPayment:fail"
err_code:2
err_desc:"支付验证签名失败"

key需要加入到签名中！！！'appId='+appId+'&nonceStr='+nonceStr+'&package='+pkg+'&signType=MD5&timeStamp='+timeStamp+"&key=d27551c7803cf16*e536b192d5d03b"这才是完整的。

可是文档里明明没提到key啊

支付成功截图

吐槽完文档再吐槽下命名规则，GetSpbill_create_ip()、IsSpbill_create_ipSet()都是些什么鬼一会儿下划线分隔一会儿驼峰分隔，成员方法首字母还大写，unifiedOrder()这种正经写法也不忘来比划两下，看来网上说大公司的sdk都是实习生撰写是真事，可code reviewer又在哪里？

该demo源码地址：

http://xiazai./201701/yuanma/dotton-lendoo-wx-master().rar，欢迎下载。

小程序端文档出处：https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-pay.html

微信支付服务端侧文档出处：https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=9_1

类比文档出处：https://pay.weixin.qq.com/wiki/doc/api/app/app.php?chapter=9_1

开发步骤：https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_3&index=1

sdk下载：https://pay.weixin.qq.com/wiki/doc/api/download/WxpayAPI_php_v3.zip

# 微信小程序  # 微信支付  # 微信支付实例  # 支付  # 微信小程序-详解微信登陆、微信支付、模板消息  # 微信小程序 支付后台java实现实例  # 微信小程序 支付功能开发错误总结  # 微信小程序 支付简单实例及注意事项  # 微信小程序支付及退款流程详解  # 微信小程序 支付功能实现PHP实例详解  # 微信小程序微信支付接入开发实例详解  # 微信小程序调用微信支付接口的实现方法  # 微信小程序 支付功能（前端）的实现  # 关于微信小程序实现云支付那些事儿  # 服务端  # 下单  # 文档  # 都是  # 是由  # 会儿  # 中取  # 是一个  # 是在  # 下划线  # 些什么  # 它是  # 等着  # 可以通过  # 长得  # 弹出  # 可以使用  # 将它  # 不忘  # 理论上 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： JavaScript如何实现错误处理_try...catch如何捕获异常？  使用豆包 AI 辅助进行简单网页 HTML 结构设计  Laravel怎么实现验证码(Captcha)功能  Python企业级消息系统教程_KafkaRabbitMQ高并发应用  Laravel如何自定义错误页面（404, 500）？（代码示例）  b2c电商网站制作流程,b2c水平综合的电商平台？  javascript中数组（Array)对象和字符串（String)对象的常用方法总结  如何在宝塔面板中创建新站点？  专业商城网站制作公司有哪些,pi商城官网是哪个？  Win11怎么设置虚拟桌面 Win11新建多桌面切换操作【技巧】  如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗？  Laravel API资源类怎么用_Laravel API Resource数据转换  Laravel如何实现邮箱地址验证功能_Laravel邮件验证流程与配置  如何快速搭建高效香港服务器网站？  Laravel控制器是什么_Laravel MVC架构中Controller的作用与实践  Laravel如何配置和使用缓存？（Redis代码示例）  如何在万网自助建站平台快速创建网站？  如何在云主机上快速搭建网站？  如何在新浪SAE免费搭建个人博客？  英语简历制作免费网站推荐,如何将简历翻译成英文？  青岛网站建设如何选择本地服务器？  Laravel如何自定义分页视图？（Pagination示例）  高端网站建设与定制开发一站式解决方案 中企动力  如何快速查询网站的真实建站时间？  Win10如何卸载预装Edge扩展_Win10卸载Edge扩展教程【方法】  Laravel如何实现数据导出到PDF_Laravel使用snappy生成网页快照PDF【方案】  HTML5空格在Angular项目里怎么处理_Angular中空格的渲染问题【详解】  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  如何撰写建站申请书？关键要点有哪些？  Laravel如何集成微信支付SDK_Laravel使用yansongda-pay实现扫码支付【实战】  高防网站服务器：DDoS防御与BGP线路的AI智能防护方案  Laravel怎么处理异常_Laravel自定义异常处理与错误页面教程  Laravel怎么配置S3云存储驱动_Laravel集成阿里云OSS或AWS S3存储桶【教程】  Laravel如何实现本地化和多语言支持？（i18n教程）  Laravel 419 page expired怎么解决_Laravel CSRF令牌过期处理  Laravel怎么使用Markdown渲染文档_Laravel将Markdown内容转HTML页面展示【实战】  如何自定义safari浏览器工具栏？个性化设置safari浏览器界面教程【技巧】  Laravel如何使用Telescope进行调试？（安装和使用教程）  焦点电影公司作品,电影焦点结局是什么？  如何在沈阳梯子盘古建站优化SEO排名与功能模块？  如何快速搭建高效可靠的建站解决方案？  HTML5打空格有哪些误区_新手常犯的空格使用错误【技巧】  Laravel Seeder怎么填充数据_Laravel数据库填充器的使用方法与技巧  Laravel如何处理跨站请求伪造（CSRF）保护_Laravel表单安全机制与令牌校验  Laravel DB事务怎么使用_Laravel数据库事务回滚操作  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  香港服务器如何优化才能显著提升网站加载速度？  在线制作视频的网站有哪些,电脑如何制作视频短片？  高性能网站服务器部署指南：稳定运行与安全配置优化方案  如何在阿里云高效完成企业建站全流程？