小程序之支付的大致流程

还是那句话,我很想拥有永不遗忘的记忆和无限的青春,人类真的太脆弱了,累死累活还特么白累了,很久很久以前我是会做小程序的也理解微信小程序支付的,但是开发了几个月安卓又回来搞小程序又忘记了,所以还是需要做个笔记写下关键信息,方便下次快速掌握思路。然后照搬以前的代码没毛病!

  1. 微信小程序支付 需要获取预支付地址

  2. 预支付地址 实际上是访问微信的地址, 但是小程序只能 访问认证的地址进行请求, 我们服务器https审核通过了的。因此第二步是访问我们自己的服务器

  3. 所有 第一步是请求我们自己的服务器 我们自己的服务器返回prepay_id.res.data.sign noncestr 然后提交给第五步`

  4. 调用 wx.requestPayment();发起支付需要传递 appid, appkey,时间戳,包名 和订单号
    1 .支付成功之后 查询 订单号是否成功产生 查询没有记录弹出对话框是否重试。

 var that = this;
  var list = "appId" + "=" + "wx71xxx;
  list = list + "&" + "nonceStr" + "=" + nonce_str;
  list = list + "&" + "package" + "=" + "prepay_id=" + prepay_id;
  list = list + "&" + "signType" + "=" + "MD5";
  list = list + "&" + "timeStamp" + "=" + time;
  list = list + "&" + "key" + "=" + "xxxxxxx";
  sign = md5.md5(list).toUpperCase();

  sign = md5.md5(list).toUpperCase();
  console.debug("sign_str_and_md5", list.toString(), sign);
  wx.requestPayment({
   timeStamp: time + "",
   nonceStr: nonce_str,
   "package": "prepay_id=" + prepay_id,
   signType: 'MD5',
   paySign: sign,
   success: function (res) {
    that.showQueryDialog(nonce_str);
   },

注意:第二步 也就是服务器查询预支付id然后返回给小程序


<?php 
//var_dump($_POST);
//exit;
$order_no=$_REQUEST['order_no'];
$order_price=$_REQUEST['order_price'];
$body=$_REQUEST['body'];
$userid=$_REQUEST['userid'];

require 'WxPayPubHelper/WxPayPubHelper.php';
$jsApi=new JsApi_pub();
if(!isset($_GET['code'])){
    $state = $order_no."$$".$order_price."$$".$body."$$".$userid;
    $url = $jsApi->createOauthUrlForCode(WxPayConf_pub::JS_API_CALL_URL,$state);
    Header("Location: $url"); 
}else{
    $code=$_GET['code'];    
    $jsApi->setCode($code);
    $openid=$jsApi->getOpenId();
    //$openid="o0Wibsx6yjYs7m1xvRaQJ4ljOx0s";
    //echo($openid."<br>");
    $state=$_GET['state'];

    list($order_no,$order_price,$body,$userid)=explode('$$',$state);
    $order_price*=100;
}

    //=========步骤2:使用统一支付接口,获取prepay_id============
    //使用统一支付接口
    $unifiedOrder = new UnifiedOrder_pub();
    
    //设置统一支付接口参数
    //设置必填参数
    //appid已填,商户无需重复填写
    //mch_id已填,商户无需重复填写
    //noncestr已填,商户无需重复填写
    //spbill_create_ip已填,商户无需重复填写
    //sign已填,商户无需重复填写
    
    $unifiedOrder->setParameter("openid","$openid");
    $unifiedOrder->setParameter("body","$body");//商品描述
    //自定义订单号,此处仅作举例
    $time = time();
    $timeStamp = "$time";
    //$timeStamp = time();
    $out_trade_no = WxPayConf_pub::APPID."$timeStamp";
    $unifiedOrder->setParameter("out_trade_no","$order_no");//商户订单号 
    $unifiedOrder->setParameter("total_fee","$order_price");//总金额$total
    $unifiedOrder->setParameter("notify_url",WxPayConf_pub::NOTIFY_URL);//通知地址 
    $unifiedOrder->setParameter("trade_type","JSAPI");//交易类型
    //非必填参数,商户可根据实际情况选填
    //$unifiedOrder->setParameter("sub_mch_id","XXXX");//子商户号  
    //$unifiedOrder->setParameter("device_info","XXXX");//设备号 
    //$unifiedOrder->setParameter("attach","XXXX");//附加数据 
    //$unifiedOrder->setParameter("time_start","XXXX");//交易起始时间
    //$unifiedOrder->setParameter("time_expire","XXXX");//交易结束时间 
    //$unifiedOrder->setParameter("goods_tag","XXXX");//商品标记 
    //$unifiedOrder->setParameter("openid","XXXX");//用户标识
    //$unifiedOrder->setParameter("product_id","XXXX");//商品ID

    $prepay_id = $unifiedOrder->getPrepayId();
    //=========步骤3:使用jsapi调起支付============
    $jsApi->setPrepayId($prepay_id);

    $jsApiParameters = $jsApi->getParameters();
    
?>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /><meta content="telephone=no" name="format-detection" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>充值</title>
<script type="text/javascript">

//调用微信JS api 支付
function jsApiCall()
{
    WeixinJSBridge.invoke(
        'getBrandWCPayRequest',
        <?php echo $jsApiParameters; ?>,
        function(res){
            WeixinJSBridge.log(res.err_msg);
            if (res.err_msg === 'get_brand_wcpay_request:ok') {
                
                location.href="pay_ok.php?order_no=<?=$order_no?>&order_price=<?=$order_price?>&body=<?=$body?>&userid=<?=$userid?>&trade_type=<?=$trade_type?>&prepay_id=<?=$prepay_id?>";
            }
        }
    );
}

function callpay()
{
    if (typeof WeixinJSBridge == "undefined"){
        if( document.addEventListener ){
            document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);
        }else if (document.attachEvent){
            document.attachEvent('WeixinJSBridgeReady', jsApiCall); 
            document.attachEvent('onWeixinJSBridgeReady', jsApiCall);
        }
    }else{
        jsApiCall();
    }
}
</script>
<body data-role="page">
<div id="reserve">
    <form id="form1" action="pay.php" method="POST">
        <div class="myform">
            <div class="row">
                <span class="label">商品名称</span>
                <span><?php echo $body;?></span>
                <div class="clear"></div>
            </div>
            <div class="row">
                <span class="label">充值金额</span>
                <span><?php echo $order_price/100;?>元</span>
                <div class="clear"></div>
            </div>
            <div class="blank9"></div>
            <div><input type="button" class="submit" value="微 信 支 付"  onclick="callpay();"/></div>
        </div>
    </form>
</div>
</body>
</html>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 218,546评论 6 507
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,224评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,911评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,737评论 1 294
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,753评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,598评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,338评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,249评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,696评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,888评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,013评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,731评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,348评论 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,929评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,048评论 1 270
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,203评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,960评论 2 355

推荐阅读更多精彩内容