弄个支付,折磨了我三天,哈哈,还在功夫不负有心人,支付的商户是在公众号申请的,申请流程我就不多说了,微信公众号那边的支付我这里也不多说了。小程序要使用公众号的支付商户,这里在小程序公众平台中关联商户(在小程序微信支付那个模块里面)即可。

2020-5-25补坑:

1、上线前一定要开不合法域名真机再试一次。

ios 微信支付没有openid 微信支付无效的openid_php

2、老老实实在后台去写业务代码获取openid吧。

3、合法域名配置不生效(一般配置10多分钟生效,不要配置完成就直接在那里反复调调调,跟你说,白费时间,还是老老实实等10来分钟吧)。

4、openid无法获取?(no 完全是自己被框架玩傻了,函数写好了,一定要调用)

2020-5-26补坑:上线调用支付jsapi缺少参数total_fee,看下面 WeixinPay.php 文件的 weixinapp方法

第一步:获取用户openid,一开始想着从外部写php代码来获取,后面试了老半天总是不成功,然后改变主意,直接在小程序中调用官方提供的接口,如下:

//app.js
App({
  onLaunch: function () {
    // 展示本地存储能力
    var logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)

    // 登录
    wx.login({
      success: res => {
        // 发送 res.code 到后台换取 openId, sessionKey, unionId
        if (res.code){
          var code = res.code; //返回code   
          var appId = '****************';  //小程序appid
          var secret = '*******************';  //小程序secret
          //发起网络请求
          wx.request({
            url: 'https://api.weixin.qq.com/sns/jscode2session?appid='+appId+'&secret='+ secret+'&js_code='+code+'&grant_type=authorization_code',
            method: 'POST',
            data: {},
            header: {'content-type': 'json'},
            success: function (res) {
                //console.log(res.data);
                wx.setStorageSync('openid', res.data.openid); //存在小程序缓存中
                //读取的函数是 wx.getStorageSync('openid')
            },
            fail: function (res) {
                console.log(res.data);
            }
          })
        } else {
           console.log('获取用户登录态失败!' + res.errMsg)
        }        
      }
    })
  })     
})

// 2020-5-25 补坑,小程序中你要请求的域名一定要在小程序中配置合法域名,一般配置10多分钟生效,不要配置完成就直接在那里反复调调调,跟你说,白费时间,还是老老实实等10来分钟吧,按照上面的能够在测试环境里面获取openid,但是上线不行,后来改版如下:
 // 登录
    wx.login({
      success: res => {       
        if (res.code){
          //var code = res.code; //返回code 
          //发起网络请求
          wx.request({          
            url: 'https://xxx.xxx.com/wxlogin.php', //要在后台去实现业务,不然上线用不了
            method: 'POST',
            data: {code: res.code},
            header: {'content-type': 'application/x-www-form-urlencoded'},
            success: function (res){
                //console.log(res.data.openid);
                wx.setStorageSync('openidxcb', res.data.openid); //存在小程序缓存中
            },
            fail: function (res) {
                console.log(res.data);
            }
          })
        } else {
           console.log('获取用户登录态失败!' + res.errMsg)
        }        
      }
    })

 业务逻辑 wxlogin.php

<?php
//2020-5-25 补坑,这里,老老实实写自己的业务逻辑代码
/*获取用户openid,这个是调用函数,我开始犯了一个低级错误,可能最近框架用多了,就忘记原生php函数需要调用一次,一开始函数名是index(),我脑子默认它会自己调用了,框架用多了的弊端啊*/

getopenid();

//获取openid
function getopenid(){   
    $data = $_POST;   
    $appid = '*************************';
    $appsecret = '****************************************';
    $code = $data['code'];
    $get_url="https://api.weixin.qq.com/sns/jscode2session?appid=".$appid."&secret=".$appsecret."&js_code=".$code."&grant_type=authorization_code";
    $get_return = file_get_contents($get_url);
    $get_return = (array)json_decode($get_return);
    //$openid=$get_return['openid'];
    echo json_encode($get_return);
    exit();
}

?>

小程序支付js

//这里是我的表单提交数据,我这里不牵扯数据库商品,不需要做是否有库存的判断
submit: function (e) {    
    var datas = this.data;  
    wx.request({
      url: 'http://***********.com/pay.php',
      method: "POST",
      data: {
        openid: wx.getStorageSync('openid')
      },
      header: { 'Content-Type': 'application/x-www-form-urlencoded' },
      success: function (res) {  //后端返回的数据
        //console.log(res)
        wx.requestPayment({
          'timeStamp': res.data.timeStamp,
          'nonceStr': res.data.nonceStr,
          'package': res.data.package,
          'signType': 'MD5',
          'paySign': res.data.paySign,
           success: function (res) {
              if (res.errMsg == "requestPayment:ok"){                
                  //这里是支付成功后的操作,你可以在此提交表单或者进行其他减少库存量等一系列操作           
                              
              }            
            },  
        })
      }
    });   
  },

第二步,php后端代码

这里我是借鉴别人的,

支付页面 pay.php

<?php

include 'WeixinPay.php';
$appid = '***********************'; //小程序appid
$openid = $_POST['openid'];
$mch_id = '********************'; //微信支付商户支付号
$key = '**************************'; //Api密钥
$body = "充值";  //支付订单中的商品提示文字
$out_trade_no = '********'.date('YmdHis');
$total_fee = 0.01; //支付金额
$weixinpay = new WeixinPay($appid,$openid,$mch_id,$key,$out_trade_no,$body,$total_fee);
$return = $weixinpay->pay();

echo json_encode($return);


?>

WeixinPay.php

<?php
/*
 * 小程序微信支付
 */
class WeixinPay {

    protected $appid;
    protected $mch_id;
    protected $key;
    protected $openid;
    protected $out_trade_no;
    protected $body;
    protected $total_fee;
    function __construct($appid, $openid, $mch_id, $key,$out_trade_no,$body,$total_fee) {
        $this->appid = $appid;
        $this->openid = $openid;
        $this->mch_id = $mch_id;
        $this->key = $key;
        $this->out_trade_no = $out_trade_no;
        $this->body = $body;
        $this->total_fee = $total_fee;
    }
    public function pay() {
        //统一下单接口
        $return = $this->weixinapp();
        return $return;
    }

    //统一下单接口
    private function unifiedorder() {
        $url = 'https://api.mch.weixin.qq.com/pay/unifiedorder';
        $parameters = array(
            'appid' => $this->appid, //小程序ID
            'mch_id' => $this->mch_id, //商户号
            'nonce_str' => $this->createNoncestr(), //随机字符串
            'body' => $this->body, //商品描述
            'out_trade_no'=> $this->out_trade_no,  //商户订单号
            'total_fee' => $this->total_fee, //总金额 单位 分
            'spbill_create_ip' => $_SERVER['REMOTE_ADDR'],  //终端IP
            'notify_url' => 'http://paysdk.weixin.qq.com/notify.php', //通知地址  确保外网能正常访问
            'openid' => $this->openid, //用户id
            'trade_type' => 'JSAPI'//交易类型
        );
        //统一下单签名
        $parameters['sign'] = $this->getSign($parameters);
        $xmlData = $this->arrayToXml($parameters);
        $return = $this->xmlToArray($this->postXmlCurl($xmlData, $url, 60));
        return $return;
    }

    private static function postXmlCurl($xml, $url, $second = 30) 
    {
        $ch = curl_init();
        //设置超时
        curl_setopt($ch, CURLOPT_TIMEOUT, $second);
        curl_setopt($ch, CURLOPT_URL, $url);
        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
        curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE); //严格校验
        //设置header
        curl_setopt($ch, CURLOPT_HEADER, FALSE);
        //要求结果为字符串且输出到屏幕上
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE);
        //post提交方式
        curl_setopt($ch, CURLOPT_POST, TRUE);
        curl_setopt($ch, CURLOPT_POSTFIELDS, $xml);
        curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 20);
        curl_setopt($ch, CURLOPT_TIMEOUT, 40);
        set_time_limit(0);
        //运行curl
        $data = curl_exec($ch);
        //返回结果
        if ($data) {
            curl_close($ch);
            return $data;
        } else {
            $error = curl_errno($ch);
            curl_close($ch);
            throw new WxPayException("curl出错,错误码:$error");
        }
    }    
    
    //数组转换成xml
    private function arrayToXml($arr) {
        $xml = "<xml>";
        foreach ($arr as $key => $val) {
            if (is_array($val)) {
                $xml .= "<" . $key . ">" . arrayToXml($val) . "</" . $key . ">";
            } else {
                $xml .= "<" . $key . ">" . $val . "</" . $key . ">";
            }
        }
        $xml .= "</xml>";
        return $xml;
    }
    
    //xml转换成数组
    private function xmlToArray($xml) {
        //禁止引用外部xml实体 
        libxml_disable_entity_loader(true);
        $xmlstring = simplexml_load_string($xml, 'SimpleXMLElement', LIBXML_NOCDATA);
        $val = json_decode(json_encode($xmlstring), true);
        return $val;
    }

    //微信小程序接口
    //这个原因我还没整明白,因为我真机测试是ok的,就上线后一直报错
    private function weixinapp() {
        //统一下单接口
        $unifiedorder = $this->unifiedorder();
        //print_r($unifiedorder);
        //2020-5-26补坑,支付jsapi缺少参数total_fee,打印$unifiedorder,输出
        /*
        appid: "wxa4759cd7*****"
		mch_id: "**********"
		nonce_str: "frBI2bY4******"  //我看见这个了,这个值有输出,那么下面的数组我们应该取它
		prepay_id: "wx261141088616*********"
		result_code: "SUCCESS"
		return_code: "SUCCESS"
		return_msg: "OK"
		sign: "16EC0B72A4C91A6D***********"
		trade_type: "JSAPI"
        */
        //原来的
        /*$parameters = array(
            'appId' => $this->appid, //小程序ID
            'timeStamp' => '' . time() . '', //时间戳
            'nonceStr' => $this->createNoncestr(), //随机串
            'package' => 'prepay_id=' . $unifiedorder['prepay_id'], //数据包
            'signType' => 'MD5'//签名方式
        );*/
        //2020-5-26改
        $parameters = array(
            'appId' => $unifiedorder['appid'], //小程序ID
            'timeStamp' => '' . time() . '', //时间戳
            'nonceStr' => $unifiedorder['nonce_str'], //随机串
            'package' => 'prepay_id=' . $unifiedorder['prepay_id'], //数据包
            'signType' => 'MD5'//签名方式
        );             
        /*
        appId: "wxa4759cd7*****"
		nonceStr: "QdyvS7jpH******" //注意这玩意儿,和上面nonce_str应该是同一个东西,但是这里却不一样了,于是我改了一下
		package: "prepay_id=wx26******"
		paySign: "ED4F3B25C31******"
		signType: "MD5"
		timeStamp: "1590464645"      
        */
        //签名
        $parameters['paySign'] = $this->getSign($parameters);
        return $parameters;
    }

    //作用:产生随机字符串,不长于32位
    private function createNoncestr($length = 32) {
        $chars = "abcdefghijklmnopqrstuvwxyz0123456789";
        $str = "";
        for ($i = 0; $i < $length; $i++) { 
                $str .= substr($chars, mt_rand(0, strlen($chars) - 1), 1);
        } 
        return $str; 
     }

    //作用:生成签名 
     private function getSign($Obj) { 
        foreach ($Obj as $k => $v) {
            $Parameters[$k] = $v;
        }
        //签名步骤一:按字典序排序参数
        ksort($Parameters);
        $String = $this->formatBizQueryParaMap($Parameters, false);
        //签名步骤二:在string后加入KEY
        $String = $String . "&key=" . $this->key;
        //签名步骤三:MD5加密
        $String = md5($String);
        //签名步骤四:所有字符转为大写
        $result_ = strtoupper($String);
        return $result_;
    }

    ///作用:格式化参数,签名过程需要使用
    private function formatBizQueryParaMap($paraMap, $urlencode) {
        $buff = "";
        ksort($paraMap);
        foreach ($paraMap as $k => $v) {
            if ($urlencode) {
                $v = urlencode($v);
            }
            $buff .= $k . "=" . $v . "&";
        }
        $reqPar = '';
        if (strlen($buff) > 0) {
            $reqPar = substr($buff, 0, strlen($buff) - 1);
        }
        return $reqPar;
    }
}

?>