小程序之支付的大致流程

還是那句話卵慰,我很想擁有永不遺忘的記憶和無限的青春,人類真的太脆弱了,累死累活還特么白累了,很久很久以前我是會做小程序的也理解微信小程序支付的佛呻,但是開發(fā)了幾個月安卓又回來搞小程序又忘記了裳朋,所以還是需要做個筆記寫下關鍵信息,方便下次快速掌握思路吓著。然后照搬以前的代碼沒毛病!

  1. 微信小程序支付 需要獲取預支付地址

  2. 預支付地址 實際上是訪問微信的地址鲤嫡, 但是小程序只能 訪問認證的地址進行請求, 我們服務器https審核通過了的绑莺。因此第二步是訪問我們自己的服務器

  3. 所有 第一步是請求我們自己的服務器 我們自己的服務器返回prepay_id.res.data.sign noncestr 然后提交給第五步`

  4. 調(diào)用 wx.requestPayment();發(fā)起支付需要傳遞 appid, appkey,時間戳,包名 和訂單號
    1 .支付成功之后 查詢 訂單號是否成功產(chǎn)生 查詢沒有記錄彈出對話框是否重試泛范。

 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:使用統(tǒng)一支付接口,獲取prepay_id============
    //使用統(tǒng)一支付接口
    $unifiedOrder = new UnifiedOrder_pub();
    
    //設置統(tǒng)一支付接口參數(shù)
    //設置必填參數(shù)
    //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");//交易類型
    //非必填參數(shù)罢荡,商戶可根據(jù)實際情況選填
    //$unifiedOrder->setParameter("sub_mch_id","XXXX");//子商戶號  
    //$unifiedOrder->setParameter("device_info","XXXX");//設備號 
    //$unifiedOrder->setParameter("attach","XXXX");//附加數(shù)據(jù) 
    //$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調(diào)起支付============
    $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">

//調(diào)用微信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>

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市对扶,隨后出現(xiàn)的幾起案子区赵,更是在濱河造成了極大的恐慌,老刑警劉巖浪南,帶你破解...
    沈念sama閱讀 218,607評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件笼才,死亡現(xiàn)場離奇詭異,居然都是意外死亡络凿,警方通過查閱死者的電腦和手機骡送,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,239評論 3 395
  • 文/潘曉璐 我一進店門昂羡,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人摔踱,你說我怎么就攤上這事虐先。” “怎么了派敷?”我有些...
    開封第一講書人閱讀 164,960評論 0 355
  • 文/不壞的土叔 我叫張陵蛹批,是天一觀的道長。 經(jīng)常有香客問我篮愉,道長腐芍,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,750評論 1 294
  • 正文 為了忘掉前任试躏,我火速辦了婚禮猪勇,結果婚禮上,老公的妹妹穿的比我還像新娘颠蕴。我一直安慰自己泣刹,他們只是感情好,可當我...
    茶點故事閱讀 67,764評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般剩膘。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上襟沮,一...
    開封第一講書人閱讀 51,604評論 1 305
  • 那天,我揣著相機與錄音昌腰,去河邊找鬼开伏。 笑死,一個胖子當著我的面吹牛遭商,可吹牛的內(nèi)容都是我干的固灵。 我是一名探鬼主播,決...
    沈念sama閱讀 40,347評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼劫流,長吁一口氣:“原來是場噩夢啊……” “哼巫玻!你這毒婦竟也來了?” 一聲冷哼從身側響起祠汇,我...
    開封第一講書人閱讀 39,253評論 0 276
  • 序言:老撾萬榮一對情侶失蹤仍秤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后可很,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體诗力,經(jīng)...
    沈念sama閱讀 45,702評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,893評論 3 336
  • 正文 我和宋清朗相戀三年我抠,在試婚紗的時候發(fā)現(xiàn)自己被綠了苇本。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片袜茧。...
    茶點故事閱讀 40,015評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖瓣窄,靈堂內(nèi)的尸體忽然破棺而出笛厦,到底是詐尸還是另有隱情,我是刑警寧澤康栈,帶...
    沈念sama閱讀 35,734評論 5 346
  • 正文 年R本政府宣布递递,位于F島的核電站喷橙,受9級特大地震影響啥么,放射性物質發(fā)生泄漏。R本人自食惡果不足惜贰逾,卻給世界環(huán)境...
    茶點故事閱讀 41,352評論 3 330
  • 文/蒙蒙 一悬荣、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧疙剑,春花似錦氯迂、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,934評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至管挟,卻和暖如春轿曙,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背僻孝。 一陣腳步聲響...
    開封第一講書人閱讀 33,052評論 1 270
  • 我被黑心中介騙來泰國打工导帝, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人穿铆。 一個月前我還...
    沈念sama閱讀 48,216評論 3 371
  • 正文 我出身青樓您单,卻偏偏與公主長得像,于是被迫代替她去往敵國和親荞雏。 傳聞我的和親對象是個殘疾皇子虐秦,可洞房花燭夜當晚...
    茶點故事閱讀 44,969評論 2 355

推薦閱讀更多精彩內(nèi)容