首頁  >  文章  >  微信小程式  >  微信小程式支付介面的實例詳解

微信小程式支付介面的實例詳解

Y2J
Y2J原創
2017-04-22 11:53:5012038瀏覽

微信小程式付款

  • #list

  • -paddingleft-2"> ;

  • 微信小程式支付介面的實例詳解

  • #第一步
    進入小程序,下單,請求下單支付,呼叫小程式登入API來取得Openid,產生商家訂單,這些都是在小程式端完成的業務。

  • ##第二步驟

呼叫支付統一下單API來取得prepay_id,並將小程式調起支付資料需要簽署的欄位appId,timeStamp,nonceStr,package再次簽章

  • 後台程式碼

    // pages/pay/pay.jsvar app = getApp();
    Page({
        data: {},
        onLoad: function (options) {
            // 页面初始化 options为页面跳转所带来的参数
        },    /* 微信支付 */
        wxpay: function () {
            var that = this
            //登陆获取code
            wx.login({
                success: function (res) {
                    console.log(res.code)                //获取openid
                    that.getOpenId(res.code)
                }
            });
        },
        getOpenId: function (code) {
            var that = this;
            wx.request({
                url: "https://api.weixin.qq.com/sns/jscode2session?appid=wxa142513e524e496c&secret=5d6a7d86048884e7c60f84f7aa85253c&js_code=" + code + "&grant_type=authorization_code",
                data: {},
                method: 'GET',
                success: function (res) {
                    console.log('返回openId')
                    console.log(res.data)
                    that.generateOrder(res.data.openid)
                },
                fail: function () {
                    // fail
                },
                complete: function () {
                    // complete
                }
            })
        },    /**生成商户订单 */
        generateOrder: function (openid) {
            var that = this
            //统一支付
            wx.request({
                url: 'http://localhost:8070/RMS/pay_pay.action',
                method: 'GET',
                data: {
                    total_fee: '5',
                    body: '支付测试',
                    attach:'真假酒水'
                },
                success: function (res) {
                    console.log(res)                var pay = res.data                //发起支付
                    var timeStamp = pay[0].timeStamp;
                    console.log("timeStamp:"+timeStamp)                var packages = pay[0].package;
                    console.log("package:"+packages)                var paySign = pay[0].paySign;
                    console.log("paySign:"+paySign)                var nonceStr = pay[0].nonceStr;
                     console.log("nonceStr:"+nonceStr)                var param = { "timeStamp": timeStamp, "package": packages, "paySign": paySign, "signType": "MD5", "nonceStr": nonceStr };
                    that.pay(param)
                },
            })
        },    /* 支付   */
        pay: function (param) {
            console.log("支付")
            console.log(param)
            wx.requestPayment({
                timeStamp: param.timeStamp,
                nonceStr: param.nonceStr,
                package: param.package,
                signType: param.signType,
                paySign: param.paySign,
                success: function (res) {
                    // success
                    console.log("支付")
                    console.log(res)
                    wx.navigateBack({
                        delta: 1, // 回退前 delta(默认为1) 页面
                        success: function (res) {
                            wx.showToast({
                                title: '支付成功',
                                icon: 'success',
                                duration: 2000
                            })
                        },
                        fail: function () {
                            // fail
    
                        },
                        complete: function () {
                            // complete
                        }
                    })
                },
                fail: function (res) {
                    // fail
                    console.log("支付失败")
                    console.log(res)
                },
                complete: function () {
                    // complete
                    console.log("pay complete")
                }
            })
        }
    })

  • #後台業務邏輯涉及的工具類別及參數封裝類別

    package cn.it.shop.action;import java.io.ByteArrayInputStream;import java.io.InputStream;import java.io.UnsupportedEncodingException;import java.text.SimpleDateFormat;import java.util.Date;import java.util.HashMap;import java.util.List;import java.util.Map;import org.dom4j.Document;import org.dom4j.DocumentException;import org.dom4j.Element;import org.dom4j.io.SAXReader;import cn.it.shop.util.MessageUtil;import cn.it.shop.util.PayUtil;import cn.it.shop.util.PaymentPo;import cn.it.shop.util.UUIDHexGenerator;import net.sf.json.JSONArray;import net.sf.json.JSONObject;/** 
    * @author 
    * @version 创建时间:2017年1月21日 下午4:59:03 
    * 小程序端请求的后台action,返回签名后的数据传到前台
    */public class PayAction {    private String total_fee;//总金额
        private String body;//商品描述
        private String detail;//商品详情    
        private String attach;//附加数据
        private String time_start;//交易起始时间
        private String time_expire;//交易结束时间 
        private String openid;//用户标识
    
        private JSONArray jsonArray=new JSONArray();    public String pay() throws UnsupportedEncodingException, DocumentException{
    
             body = new String(body.getBytes("UTF-8"),"ISO-8859-1");  
            String appid = "替换为自己的小程序ID";//小程序ID
            String mch_id = "替换为自己的商户号";//商户号
            String nonce_str = UUIDHexGenerator.generate();//随机字符串
            String today = new SimpleDateFormat("yyyyMMddHHmmss").format(new Date());        String code = PayUtil.createCode(8);        String out_trade_no = mch_id+today+code;//商户订单号
            String spbill_create_ip = "替换为自己的终端IP";//终端IP
            String notify_url = "http://www.weixin.qq.com/wxpay/pay.php";//通知地址
            String trade_type = "JSAPI";//交易类型  
            String openid="替换为用户的openid";//用户标识
    
            /**/
            PaymentPo paymentPo = new PaymentPo();
    
            paymentPo.setAppid(appid);
            paymentPo.setMch_id(mch_id);
            paymentPo.setNonce_str(nonce_str);        String newbody=new String(body.getBytes("ISO-8859-1"),"UTF-8");//以utf-8编码放入paymentPo,微信支付要求字符编码统一采用UTF-8字符编码
            paymentPo.setBody(newbody);
            paymentPo.setOut_trade_no(out_trade_no);
            paymentPo.setTotal_fee(total_fee);
            paymentPo.setSpbill_create_ip(spbill_create_ip);
            paymentPo.setNotify_url(notify_url);
            paymentPo.setTrade_type(trade_type);
            paymentPo.setOpenid(openid);        // 把请求参数打包成数组
            Map<String, String> sParaTemp = new HashMap<String, String>();
            sParaTemp.put("appid", paymentPo.getAppid());
            sParaTemp.put("mch_id", paymentPo.getMch_id());
            sParaTemp.put("nonce_str", paymentPo.getNonce_str());
            sParaTemp.put("body",  paymentPo.getBody());
            sParaTemp.put("out_trade_no", paymentPo.getOut_trade_no());
            sParaTemp.put("total_fee",paymentPo.getTotal_fee());
            sParaTemp.put("spbill_create_ip", paymentPo.getSpbill_create_ip());
            sParaTemp.put("notify_url",paymentPo.getNotify_url());
            sParaTemp.put("trade_type", paymentPo.getTrade_type());
            sParaTemp.put("openid", paymentPo.getOpenid());        // 除去数组中的空值和签名参数
            Map<String, String> sPara = PayUtil.paraFilter(sParaTemp);        String prestr = PayUtil.createLinkString(sPara); // 把数组所有元素,按照“参数=参数值”的模式用“&”字符拼接成字符串
            String key = "&key=替换为商户支付密钥"; // 商户支付密钥
            //MD5运算生成签名
            String mysign = PayUtil.sign(prestr, key, "utf-8").toUpperCase();
            paymentPo.setSign(mysign);        //打包要发送的xml
            String respXml = MessageUtil.messageToXML(paymentPo);        // 打印respXml发现,得到的xml中有“”不对,应该替换成“_”
            respXml = respXml.replace(, "_");        String url = "https://api.mch.weixin.qq.com/pay/unifiedorder";//统一下单API接口链接
            String param = respXml;        //String result = SendRequestForUrl.sendRequest(url, param);//发起请求
            String result =PayUtil.httpRequest(url, "POST", param);        // 将解析结果存储在HashMap中
            Map<String, String> map = new HashMap<String, String>();
             InputStream in=new ByteArrayInputStream(result.getBytes());  
            // 读取输入流
            SAXReader reader = new SAXReader();
            Document document = reader.read(in);        // 得到xml根元素
            Element root = document.getRootElement();        // 得到根元素的所有子节点
            @SuppressWarnings("unchecked")        List<Element> elementList = root.elements();
            for (Element element : elementList) {            map.put(element.getName(), element.getText());
            }        // 返回信息
            String return_code = map.get("return_code");//返回状态码
            String return_msg = map.get("return_msg");//返回信息
            System.out.println("return_msg"+return_msg);
            JSONObject JsonObject=new JSONObject() ;        if(return_code=="SUCCESS"||return_code.equals(return_code)){            // 业务结果
                String prepay_id = map.get("prepay_id");//返回的预付单信息
                String nonceStr=UUIDHexGenerator.generate();
                JsonObject.put("nonceStr", nonceStr);
                JsonObject.put("package", "prepay_id="+prepay_id);
                Long timeStamp= System.currentTimeMillis()/1000;
                JsonObject.put("timeStamp", timeStamp+"");            String stringSignTemp = "appId="+appid+"&nonceStr=" + nonceStr + "&package=prepay_id=" + prepay_id+ "&signType=MD5&timeStamp=" + timeStamp;            //再次签名
                String paySign=PayUtil.sign(stringSignTemp, "&key=替换为自己的密钥", "utf-8").toUpperCase();
                JsonObject.put("paySign", paySign);
                jsonArray.add(JsonObject);
            }        return "pay";
    
        }    public String getTotal_fee() {        return total_fee;
        }    public void setTotal_fee(String total_fee) {
            this.total_fee = total_fee;
        }    public String getBody() {        return body;
        }    public void setBody(String body) {
            this.body = body;
        }    public JSONArray getJsonArray() {        return jsonArray;
        }    public void setJsonArray(JSONArray jsonArray) {
            this.jsonArray = jsonArray;
        }    public String getDetail() {        return detail;
        }    public void setDetail(String detail) {
            this.detail = detail;
        }    public String getAttach() {        return attach;
        }    public void setAttach(String attach) {
            this.attach = attach;
        }    public String getTime_start() {        return time_start;
        }    public void setTime_start(String time_start) {
            this.time_start = time_start;
        }    public String getTime_expire() {        return time_expire;
        }    public void setTime_expire(String time_expire) {
            this.time_expire = time_expire;
        }    public String getOpenid() {        return openid;
        }    public void setOpenid(String openid) {
            this.openid = openid;
        }
    }
  • 第一次寫,寫的不是太完整,希望和大家多多交流,一起進步。

以上是微信小程式支付介面的實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn