今天写小程序的支付接口,参照的当然是微信支付API了。(结尾附上第二步全部代码php版)

另外,我也参照了简书上的这篇文章,浅显易懂:https://www.jianshu.com/p/72f5c1e3f8a5

其实小程序中唤起微信支付不外乎以下几个步骤:

1.获取openid

小程序获取openid是分两个步骤的

首先小程序前端通过wx.login获取code,然后用这个code通过后台接口内部访问微信官方API获取openidsession_key

https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=CODE&grant_type=authorization_code

红字为所需参数,appid和secret手动配置(开发者平台申请),code就是小程序前端获取的code了

2.获取prepay_idpaySign

拿着刚才的openid和订单号(自定义订单号)、订单金额(手动输入金额)以及其他平台参数拼接成一个xml文件作为请求体

通过后台接口内部访问微信API接口:https://api.mch.weixin.qq.com/pay/unifiedorder

如果参数无误,将如期返回prepay_idpaySign

3.前端拉起支付

拿到了所需参数,前端就可以发起:wx.requestPayment 来拉起支付了。

            wx.requestPayment({
'timeStamp':timeStamp,
'nonceStr': nonceStr,
'package': 'prepay_id='+res.data.prepay_id,
'signType': 'MD5',
'paySign': res.data._paySignjs,
'success':function(res){
console.log(res);
},
'fail':function(res){
console.log('fail:'+JSON.stringify(res));
}
})

如此就完成了小程序的支付,下面就要说一下今天踩的坑了。

1.appid问题

前期前端用的appid是用的他个人的appid,要知道小程序用户授权小程序所生成的openid,是需要用appid来参与验签

的,这直接导致,后期将appid更换为线上appid后,所有的测试用户openid(这个openid在用户授权之后直接存到数据

库了,所以实际上我们省略了第一步,直接从数据库拿当前用户的数据库存储的openid)走如上第二步的时候,都会报

openid和appid不匹配的错误,将前期用户数据删除,并更正appid以及其他参数,重新授权后的openid就不会产生不匹

配的错误了。

第二步获取prepay_idpaySign代码(php版本):

<?php

if (!defined('BASEPATH')) exit('No direct script access allowed');

define(APPID, 'wx74bmn4nbf81f1593e');
define(MCHID, '1510771171');
define(KEY, 'WlUprCqVM53L4MnI6Dz2Nmz7f44');
define(APPSECRET, '3b8e3202c39c67712879f6724fc8b42');
define(NOTIFY_URL, SITE_URL.'web/dayrui/controllers/return_url.php'); require_once FCPATH . 'branch/fqb/D_Wxapp.php';
require 'WxPay.class.php'; class Wxapp extends D_Wxapp {
...   //支付,红字参数依次是openid、订单号、订单说明、订单金额
public function pay(){
$pay = $this->req;
$weixinpay = new WxPay(APPID, $pay['openid'], MCHID, KEY, $pay['out_trade_no'], $pay['body'], $pay['total_fee']);
exit_json(, $weixinpay->pay());
} }
WxPay.class.php可以直接用,只是注意get_ip()函数是用来获取客户端ip的,这里稍加封装了一下,会在后面给出封装函数代码
//WxPay.class.php

<?php
class WxPay { 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 weixinapp (){
//统一下单接口
$unifiedorder=$this->unifiedorder ();
$parameters=array ('appId'=>$this->appid ,//小程序ID
'timeStamp'=>''.time().'',//时间戳
'nonceStr'=>$this->createNoncestr (),//随机串
'package'=>'prepay_id='.$unifiedorder['prepay_id'],//数据包
'signType'=>'MD5'//签名方式
);
$parameters['paySign']=$this->getSign ($parameters);
return $parameters;
} //统一下单接口
private function unifiedorder (){
$url='https://api.mch.weixin.qq.com/pay/unifiedorder';
$parameters=array (
'appid'=>$this->appid ,
'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'=>get_ip(),
'notify_url'=> NOTIFY_URL,
'openid'=>$this->openid,
'trade_type'=>'JSAPI'
);
//统一下单签名
//pre($parameters);
$parameters['sign']=$this->getSign ($parameters);
$xmlData=$this->arrayToXml ($parameters);
$return=$this->xmlToArray ($this->postXmlCurl ($xmlData,$url,));
return $return;
} private static function postXmlCurl ($xml,$url,$second=){
$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 ,);
curl_setopt($ch,CURLOPT_TIMEOUT ,);
set_time_limit();
//运行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="<root>";
foreach ($arr as $key=>$val){
if (is_array($val)){
$xml.="<".$key.">".arrayToXml ($val)."</".$key.">";
}else {
$xml.="<".$key.">".$val."</".$key.">";
}
}
$xml.="</root>";
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;
} //作用:产生随机字符串,不长于32位
private function createNoncestr ($length=){
$chars="abcdefghijklmnopqrstuvwxyz0123456789";
$str="";
for ($i=;
$i<$length;
$i++){
$str.=substr($chars,mt_rand(,strlen($chars)-),);
}
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)>){
$reqPar=substr($buff,,strlen($buff)-);
}
return $reqPar;
}
}

get_ip():

function get_ip(){
//判断服务器是否允许$_SERVER
if(isset($_SERVER)){
if(isset($_SERVER[HTTP_X_FORWARDED_FOR])){
$realip = $_SERVER[HTTP_X_FORWARDED_FOR];
}elseif(isset($_SERVER[HTTP_CLIENT_IP])) {
$realip = $_SERVER[HTTP_CLIENT_IP];
}else{
$realip = $_SERVER[REMOTE_ADDR];
}
}else{
//不允许就使用getenv获取
if(getenv("HTTP_X_FORWARDED_FOR")){
$realip = getenv( "HTTP_X_FORWARDED_FOR");
}elseif(getenv("HTTP_CLIENT_IP")) {
$realip = getenv("HTTP_CLIENT_IP");
}else{
$realip = getenv("REMOTE_ADDR");
}
}
return $realip;
}

微信小程序调微信支付的更多相关文章

  1. 微信小程序调起支付API

    官方文档: https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_7 https://developers.weixin.q ...

  2. 微信小程序之微信支付C#后台(统一下单)

    一.微信小程序支付 1.微信小程序端请求支付接口 商户在小程序中先调用该接口在微信支付服务后台生成预支付交易单,返回正确的预支付交易后调起支付.具体可以查看接口示例. 接口传入参数示例: <xm ...

  3. 微信小程序(微信应用号)开发ide安装解决方法

    这两天整个技术圈都炸锅了,微信小程序(微信应用号)发布内测,首批200家收到邀请,但是没受邀请的同学,也不用担心,下面介绍一下解决方法. 首先需要下载ide,昨天只需要下载0.9版本的编辑器并替换文件 ...

  4. 微信小程序(原名微信应用号)开发工具0.9版安装教程

    微信小程序全称微信公众平台·小程序,原名微信公众平台·应用号(简称微信应用号) 声明 微信小程序开发工具类似于一个轻量级的IDE集成开发环境,目前仅开放给了少部分受微信官方邀请的人士(据说仅200个名 ...

  5. 微信小程序之微信登陆 —— 微信小程序教程系列(20)

    简介: 微信登陆,在新建一个微信小程序Hello World项目的时候,就可以看到项目中出现了我们的微信头像,其实这个Hello World项目,就有一个简化版的微信登陆.只不过是,还没有写入到咱们自 ...

  6. 微信小程序(微信应用号)组件讲解[申明:来源于网络]

    微信小程序(微信应用号)组件讲解[申明:来源于网络] 地址:http://www.cnblogs.com/muyixiaoguang/p/5902008.html

  7. 微信小程序和微信公众号的id是一个吗

    首先,简单说下我遇到的问题是我们的程序调用微信小程序得到openid,然后通过openID得到用户的唯一标识,用户得以登录,然而,当我们调用微信公众号也同样的到openid,同一以用户两个不同的ope ...

  8. [转]微信小程序、微信公众号、H5之间相互跳转

    本文转自:https://www.cnblogs.com/colorful-paopao1/p/8608609.html 转自慕课网 一.小程序和公众号 答案是:可以相互关联. 在微信公众号里可以添加 ...

  9. 微信小程序、微信公众号、H5之间相互跳转

    转自慕课网 一.小程序和公众号 答案是:可以相互关联. 在微信公众号里可以添加小程序. 图片有点小,我把文字打出来吧: 可关联已有的小程序或快速创建小程序.已关联的小程序可被使用在自定义菜单和模版消息 ...

随机推荐

  1. SqlAlchemy基本

    安装SQLAlchemy: $ easy_install sqlalchemy 数据库表是一个二维表,包含多行多列 [ ('1', 'Michael'), ('2', 'Bob'), ('3', 'A ...

  2. python 系统相关操作

    1.文件 open()代开文件或者创建文件 fout=open('oops.txt','wt') print('Oops, I created a file.',file=fout) fout.clo ...

  3. openCV学习——一、Mat类

    一.Mat数据类型 在以下两个场景中使用 OpenCV 时,我们必须事先知道矩阵元素的数据类型: 使用 at 方法访问数据元素的时候要指明数据类型 做数值运算的时候,比如究竟是整数除法还是浮点数除法. ...

  4. 解决XAMPP不能启动Apche服务问题

    打开command prompt输入命令 netstat -ano 查看哪个 PID的进程占用了80端口.结果是inetinfo.exe 网上查了下,正是WIN XP IIS的进程,但是又不想删,就只 ...

  5. (转)HttpWebRequest以UTF-8编码写入内容时发生“Bytes to be written to the stream exceed the Content-Length bytes size specified.”错误

    from:http://www.cnblogs.com/Gildor/archive/2010/12/13/1904060.html HttpWebRequest以UTF-8编码写入内容时发生“Byt ...

  6. Java伪代码示例

    学习并转载自https://www.cnblogs.com/z245894546/p/7535261.html import.java.大道至简.*; import.java.愚公移山.*; publ ...

  7. canvas笔记1

    w3c定义: <canvas> 标签定义图形,比如图表和其他图像. <canvas> 标签只是图形容器,您必须使用脚本来绘制图形. canvas 对象 属性: width he ...

  8. Linux设备驱动程序加载/卸载方法 insmod和modprobe命令

    linux加载/卸载驱动有两种方法. 1.modprobe 注:在使用这个命令加载模块前先使用depmod -a命令生成modules.dep文件,该文件位于/lib/modules/$(uname ...

  9. 通过FFmpeg将多媒体文件解码后保存成Bmp图像(YUV420 RGB32)

    /* g++ -o test test.cpp -lavformat -lavcodec -lavutil -lz -lm -lpthread -lswscale */ #include <st ...

  10. UEFI引导修复

    一.用bcbboot自动修复 我们建议大家启动64位8PE,用它带的bcdboot来修复. (一)指定esp分区修复 环境为64位8PE,bios/uefi启动进入下都可以 1.启动64位8PE,并用 ...