小程序支付_小程序支付宝支付 - CSDN
精华内容
参与话题
  • 微信小程序调用微信支付接口

    万次阅读 多人点赞 2018-12-05 15:17:12
    前言:应项目要求,需要使用微信小程序支付,写完后告知手续费太高方案不予通过(宝宝心里苦,但宝宝不说)。此次开发在因站在巨人的肩膀上顺利完成。 微信支付文档传送门:...

    前言:应项目要求,需要使用微信小程序做支付,写完后告知手续费太高方案不予通过(宝宝心里苦,但宝宝不说)。此次开发在因站在巨人的肩膀上顺利完成。

    微信支付文档传送门:https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_3

    1.开发工具:

    Eclipse+Tomcat+微信web开发工具

    2.开发环境:

    java+maven

    3.开发前准备:

    3.1 所需材料

    小程序的appid,APPsecret,支付商户号(mch_id),商户密钥(key),付款用户的openid。

    申请接入微信商户地址:https://pay.weixin.qq.com/static/applyment_guide/applyment_detail_miniapp.shtml

    3.2 开发模式

    本次开发采用的开发模式是:普通模式,适用于有自己开发团队或外包开发商的直连商户收款。开发者申请自己的appid和mch_id,两者需具备绑定关系,以此来使用微信支付提供的开放接口,对用户提供服务。

     

    4 开发

    4.1 小程序端

    wx.request({
    
        url: address + 'wxPay',
    
        data: {
    
            openId: openId
        
            // amount: amount,
    
            // openId: openId
    
        },
    
        header: {
    
            'content-type': 'application/x-www-form-urlencoded' // 默认值
        
        },
    
        method: "POST",
    
        success: function (res) {
    
            console.log(res);
    
            that.doWxPay(res.data);
        },
    
        fail: function (err) {
    
            wx.showToast({
    
                icon: "none",
    
                title: '服务器异常,清稍候再试'
    
            })
    
        },
    
    });
    
    
    
    doWxPay(param) {
    
    //小程序发起微信支付
    
    wx.requestPayment({
    
    timeStamp: param.data.timeStamp,//记住,这边的timeStamp一定要是字符串类型的,不然会报错
    
    nonceStr: param.data.nonceStr,
    
    package: param.data.package,
    
    signType: 'MD5',
    
    paySign: param.data.paySign,
    
    success: function (event) {
    
    // success
    
    console.log(event);
    
    
    
    wx.showToast({
    
    title: '支付成功',
    
    icon: 'success',
    
    duration: 2000
    
    });
    
    },
    
    fail: function (error) {
    
    // fail
    
    console.log("支付失败")
    
    console.log(error)
    
    },
    
    complete: function () {
    
    // complete
    
    console.log("pay complete")
    
    }
    
    });
    
    },

    4.2 java后台

    4.2.1 PayUtil.java

    private static Logger logger = Logger.getLogger(PayUtil.class);
    public static JSONObject wxPay(String openid,HttpServletRequest request){
    JSONObject json = new JSONObject();
            try{
                //生成的随机字符串
                String nonce_str = Util.getRandomStringByLength(32);
                //商品名称 
                String body = new String(WXConst.title.getBytes("ISO-8859-1"),"UTF-8");
                //获取本机的ip地址
                String spbill_create_ip = Util.getIpAddr(request);
                String orderNo = WXConst.orderNo;
                String money = "1";//支付金额,单位:分,这边需要转成字符串类型,否则后面的签名会失败
    
                Map<String, String> packageParams = new HashMap<String, String>();
                packageParams.put("appid", WXConst.appId);
                packageParams.put("mch_id", WXConst.mch_id);
                packageParams.put("nonce_str", nonce_str);
                packageParams.put("body", body);
                packageParams.put("out_trade_no", orderNo);//商户订单号
                packageParams.put("total_fee", money);
                packageParams.put("spbill_create_ip", spbill_create_ip);
                packageParams.put("notify_url", WXConst.notify_url);
                packageParams.put("trade_type", WXConst.TRADETYPE);
                packageParams.put("openid", openid);
    
    
                // 除去数组中的空值和签名参数
                packageParams = PayUtil.paraFilter(packageParams);
                String prestr = PayUtil.createLinkString(packageParams); // 把数组所有元素,按照“参数=参数值”的模式用“&”字符拼接成字符串
    
    
                //MD5运算生成签名,这里是第一次签名,用于调用统一下单接口
                String mysign = PayUtil.sign(prestr, WXConst.key, "utf-8").toUpperCase();
                logger.info("=======================第一次签名:" + mysign + "=====================");
    
    
                //拼接统一下单接口使用的xml数据,要将上一步生成的签名一起拼接进去
                String xml = "<xml version='1.0' encoding='gbk'>" + "<appid>" + WXConst.appId + "</appid>"
                        + "<body><![CDATA[" + body + "]]></body>"
                        + "<mch_id>" + WXConst.mch_id + "</mch_id>"
                        + "<nonce_str>" + nonce_str + "</nonce_str>"
                        + "<notify_url>" + WXConst.notify_url + "</notify_url>"
                        + "<openid>" + openid + "</openid>"
                        + "<out_trade_no>" + orderNo + "</out_trade_no>"
                        + "<spbill_create_ip>" + spbill_create_ip + "</spbill_create_ip>"
                        + "<total_fee>" + money + "</total_fee>"
                        + "<trade_type>" + WXConst.TRADETYPE + "</trade_type>"
                        + "<sign>" + mysign + "</sign>"
                        + "</xml>";
    
    
                System.out.println("调试模式_统一下单接口 请求XML数据:" + xml);
    
    
                //调用统一下单接口,并接受返回的结果
                String result = PayUtil.httpRequest(WXConst.pay_url, "POST", xml);
    
    
                System.out.println("调试模式_统一下单接口 返回XML数据:" + result);
    
    
                // 将解析结果存储在HashMap中
                Map map = PayUtil.doXMLParse(result);
    
    
                String return_code = (String) map.get("return_code");//返回状态码
    
    
                //返回给移动端需要的参数
                Map<String, Object> response = new HashMap<String, Object>();
                if(return_code == "SUCCESS" || return_code.equals(return_code)){
                    // 业务结果
                    String prepay_id = (String) map.get("prepay_id");//返回的预付单信息
                    response.put("nonceStr", nonce_str);
                    response.put("package", "prepay_id=" + prepay_id);
                    Long timeStamp = System.currentTimeMillis() / 1000;
                    response.put("timeStamp", timeStamp + "");//这边要将返回的时间戳转化成字符串,不然小程序端调用wx.requestPayment方法会报签名错误
    
    
                    String stringSignTemp = "appId=" + WXConst.appId + "&nonceStr=" + nonce_str + "&package=prepay_id=" + prepay_id+ "&signType=" + WXConst.SIGNTYPE + "&timeStamp=" + timeStamp;
                    //再次签名,这个签名用于小程序端调用wx.requesetPayment方法
                    String paySign = PayUtil.sign(stringSignTemp, WXConst.key, "utf-8").toUpperCase();
                    logger.info("=======================第二次签名:" + paySign + "=====================");
    
    
                    response.put("paySign", paySign);
    
    
                    //更新订单信息
                    //业务逻辑代码
                }
    
    
                response.put("appid", WXConst.appId);
                json.put("errMsg", "OK");
                //json.setSuccess(true);
                json.put("data", response);
                //json.setData(response);
            }catch(Exception e){
                e.printStackTrace();
                json.put("errMsg", "Failed");
                //json.setSuccess(false);
                //json.setMsg("发起失败");
            }
            return json;
        }
    
    
    
    /**  
         * 签名字符串  
         * @param text需要签名的字符串  
         * @param key 密钥  
         * @param input_charset编码格式  
         * @return 签名结果  
         */   
        public static String sign(String text, String key, String input_charset) {   
            text = text + "&key=" + key;   
            return DigestUtils.md5Hex(getContentBytes(text, input_charset));   
        }   
        /**  
         * 签名字符串  
         * @param text需要签名的字符串  
         * @param sign 签名结果  
         * @param key密钥  
         * @param input_charset 编码格式  
         * @return 签名结果  
         */   
        public static boolean verify(String text, String sign, String key, String input_charset) {   
            text = text + key;   
            String mysign = DigestUtils.md5Hex(getContentBytes(text, input_charset));   
            if (mysign.equals(sign)) {   
                return true;   
            } else {   
                return false;   
            }   
        }   
        /**  
         * @param content  
         * @param charset  
         * @return  
         * @throws SignatureException  
         * @throws UnsupportedEncodingException  
         */   
        public static byte[] getContentBytes(String content, String charset) {   
            if (charset == null || "".equals(charset)) {   
                return content.getBytes();   
            }   
            try {   
                return content.getBytes(charset);   
            } catch (UnsupportedEncodingException e) {   
                throw new RuntimeException("MD5签名过程中出现错误,指定的编码集不对,您目前指定的编码集是:" + charset);   
            }   
        }   
        /**  
         * 生成6位或10位随机数 param codeLength(多少位)  
         * @return  
         */   
        public static String createCode(int codeLength) {   
            String code = "";   
            for (int i = 0; i < codeLength; i++) {   
                code += (int) (Math.random() * 9);   
            }   
            return code;   
        }   
        @SuppressWarnings("unused")
    private static boolean isValidChar(char ch) {   
            if ((ch >= '0' && ch <= '9') || (ch >= 'A' && ch <= 'Z') || (ch >= 'a' && ch <= 'z'))   
                return true;   
            if ((ch >= 0x4e00 && ch <= 0x7fff) || (ch >= 0x8000 && ch <= 0x952f))   
                return true;// 简体中文汉字编码   
            return false;   
        }   
        /**  
         * 除去数组中的空值和签名参数  
         * @param sArray 签名参数组  
         * @return 去掉空值与签名参数后的新签名参数组  
         */   
        public static Map<String, String> paraFilter(Map<String, String> sArray) {   
            Map<String, String> result = new HashMap<String, String>();   
            if (sArray == null || sArray.size() <= 0) {   
                return result;   
            }   
            for (String key : sArray.keySet()) {   
                String value = sArray.get(key);   
                if (value == null || value.equals("") || key.equalsIgnoreCase("sign")   
                        || key.equalsIgnoreCase("sign_type")) {   
                    continue;   
                }   
                result.put(key, value);   
            }   
            return result;   
        }   
        /**  
         * 把数组所有元素排序,并按照“参数=参数值”的模式用“&”字符拼接成字符串  
         * @param params 需要排序并参与字符拼接的参数组  
         * @return 拼接后字符串  
         */   
        public static String createLinkString(Map<String, String> params) {   
            List<String> keys = new ArrayList<String>(params.keySet());   
            Collections.sort(keys);   
            String prestr = "";   
            for (int i = 0; i < keys.size(); i++) {   
                String key = keys.get(i);   
                String value = params.get(key);   
                if (i == keys.size() - 1) {// 拼接时,不包括最后一个&字符   
                    prestr = prestr + key + "=" + value;   
                } else {   
                    prestr = prestr + key + "=" + value + "&";   
                }   
            }   
            return prestr;   
        }   
        /**  
         *  
         * @param requestUrl请求地址  
         * @param requestMethod请求方法  
         * @param outputStr参数  
         */   
        public static String httpRequest(String requestUrl,String requestMethod,String outputStr){   
            // 创建SSLContext   
            StringBuffer buffer = null;   
            try{   
            URL url = new URL(requestUrl);   
            HttpURLConnection conn = (HttpURLConnection) url.openConnection();   
            conn.setRequestMethod(requestMethod);   
            conn.setDoOutput(true);   
            conn.setDoInput(true);   
            conn.connect();   
            //往服务器端写内容   
            if(null !=outputStr){   
                OutputStream os=conn.getOutputStream();   
                os.write(outputStr.getBytes("utf-8"));   
                os.close();   
            }   
            // 读取服务器端返回的内容   
            InputStream is = conn.getInputStream();   
            InputStreamReader isr = new InputStreamReader(is, "utf-8");   
            BufferedReader br = new BufferedReader(isr);   
            buffer = new StringBuffer();   
            String line = null;   
            while ((line = br.readLine()) != null) {   
            buffer.append(line);   
            }   
            br.close();
            }catch(Exception e){   
                e.printStackTrace();   
            }
            return buffer.toString();
        }     
        public static String urlEncodeUTF8(String source){   
            String result=source;   
            try {   
                result=java.net.URLEncoder.encode(source, "UTF-8");   
            } catch (UnsupportedEncodingException e) {   
                // TODO Auto-generated catch block   
                e.printStackTrace();   
            }   
            return result;   
        } 
        /**
    * 解析xml,返回第一级元素键值对。如果第一级元素有子节点,则此节点的值是子节点的xml数据。
    * @param strxml
    * @return
    * @throws JDOMException
    * @throws IOException
    */
    public static Map doXMLParse(String strxml) throws Exception {
        if(null == strxml || "".equals(strxml)) {
            return null;
           }
    
        Map m = new HashMap();
        InputStream in = String2Inputstream(strxml);
        SAXBuilder builder = new SAXBuilder();
        Document doc = builder.build(in);
        Element root = doc.getRootElement();
        List list = root.getChildren();
        Iterator it = list.iterator();
        while(it.hasNext()) {
            Element e = (Element) it.next();
            String k = e.getName();
            String v = "";
            List children = e.getChildren();
            if(children.isEmpty()) {
                v = e.getTextNormalize();
            } else {
                v = getChildrenText(children);
        }
    
        m.put(k, v);
    }
    
    //关闭流
    in.close();
    
    return m;
    }
    /**
    * 获取子结点的xml
    * @param children
    * @return String
    */
    public static String getChildrenText(List children) {
        StringBuffer sb = new StringBuffer();
        if(!children.isEmpty()) {
        Iterator it = children.iterator();
        while(it.hasNext()) {
            Element e = (Element) it.next();
            String name = e.getName();
            String value = e.getTextNormalize();
            List list = e.getChildren();
            sb.append("<" + name + ">");
            if(!list.isEmpty()) {
                sb.append(getChildrenText(list));
            }
            sb.append(value);
            sb.append("</" + name + ">");
        }
    }
    
        return sb.toString();
    }
    public static InputStream String2Inputstream(String str) {
        return new ByteArrayInputStream(str.getBytes());
    }
    
    
    
    
    
    public static void wxNotify(HttpServletRequest request,HttpServletResponse response) throws Exception{  
    BufferedReader br = new BufferedReader(new InputStreamReader((ServletInputStream)request.getInputStream()));
            String line = null;
            StringBuilder sb = new StringBuilder();
            while((line = br.readLine())!=null){
                sb.append(line);
            }
            br.close();
            //sb为微信返回的xml
            String notityXml = sb.toString();
            String resXml = "";
            System.out.println("接收到的报文:" + notityXml);
    
    
            Map map = PayUtil.doXMLParse(notityXml);
    
    
            String returnCode = (String) map.get("return_code");
            if("SUCCESS".equals(returnCode)){
                //验证签名是否正确
                if(PayUtil.verify(PayUtil.createLinkString(map), (String)map.get("sign"), WXConst.key, "utf-8")){
                    /**此处添加自己的业务逻辑代码start**/
    
    
    
    
                    /**此处添加自己的业务逻辑代码end**/
    
    
                    //通知微信服务器已经支付成功
                    resXml = "<xml>" + "<return_code><![CDATA[SUCCESS]]></return_code>"
                            + "<return_msg><![CDATA[OK]]></return_msg>" + "</xml> ";
                }
            }else{
                resXml = "<xml>" + "<return_code><![CDATA[FAIL]]></return_code>"
                        + "<return_msg><![CDATA[报文为空]]></return_msg>" + "</xml> ";
            }
            System.out.println(resXml);
            System.out.println("微信支付回调数据结束");
    
    
            BufferedOutputStream out = new BufferedOutputStream(
                    response.getOutputStream());
            out.write(resXml.getBytes());
            out.flush();
            out.close();  
        }

     

     

    4.2.2 Util.java

    /**
         * Util工具类方法
         * 获取一定长度的随机字符串,范围0-9,a-z
         * @param length:指定字符串长度
         * @return 一定长度的随机字符串
         */
        public static String getRandomStringByLength(int length) {
            String base = "abcdefghijklmnopqrstuvwxyz0123456789";
            Random random = new Random();
            StringBuffer sb = new StringBuffer();
            for (int i = 0; i < length; i++) {
                int number = random.nextInt(base.length());
                sb.append(base.charAt(number));
            }
            return sb.toString();
        }
        
        
        /**
         * Util工具类方法
         * 获取真实的ip地址
         * @param request
         * @return
         */
        public static String getIpAddr(HttpServletRequest request) {
            String ip = request.getHeader("X-Forwarded-For");
            if(StringUtils.isNotEmpty(ip) && !"unKnown".equalsIgnoreCase(ip)){
                //多次反向代理后会有多个ip值,第一个ip才是真实ip
                int index = ip.indexOf(",");
                if(index != -1){
                    return ip.substring(0,index);
                }else{
                    return ip;
                }
            }
            ip = request.getHeader("X-Real-IP");
            if(StringUtils.isNotEmpty(ip) && !"unKnown".equalsIgnoreCase(ip)){
                return ip;
            }
            return request.getRemoteAddr();
    
        }

     

    4.2.3 WXConst.java

        

    //微信小程序appid
    public static String appId = "";
    //微信小程序appsecret
    public static String appSecret = "";
    //微信支付主体
    public static String title = "";
    public static String orderNo = "";
    //微信商户号
    public static String mch_id="";
    //微信支付的商户密钥
    public static final String key = "";
    //获取微信Openid的请求地址
    public static String WxGetOpenIdUrl = "";
    //支付成功后的服务器回调url
    public static final String notify_url="https://api.weixin.qq.com/sns/jscode2session";
    //签名方式
    public static final String SIGNTYPE = "MD5";
    //交易类型
    public static final String TRADETYPE = "JSAPI";
    //微信统一下单接口地址
    public static final String pay_url = "https://api.mch.weixin.qq.com/pay/unifiedorder";

     

    5 可能出现的问题

    5.1 商户号

    会出现一个什么异常我忘了,重置一下微信商户密钥就好了

    5.2 中文参数

    String body = new String(WXConst.title.getBytes("ISO-8859-1"),"UTF-8");

    这行很重要,如果报参数索引-2异常,很可能是出现了中文,对中文进行如上处理即可通过。

    5.3 invalid spbill_create_ip

    使用微信web开发工具直接测试的,出现了这个问题,调试记得用真机哦。

    整个小程序前后端一个人开发,测试成功上线前夕又嫌弃微信支付收取的手续费(0.6%)太高,结算周期(T+7)太长,所以就被无情抛弃了,这个月项目重启(2018-11)和工商银行达成一致,直接转账到对公账户,目前项目进展顺利已上线。改需求请先扫码(小声bb)

    展开全文
  • 小程序支付---代码可直接用

    千次阅读 2018-09-19 17:41:31
    业务场景:用户点击会员中心的不同等级,进行支付   前台代码:  参数解释:  用户点击对应等级时,对应获取到需要支付的金额,在获取到用户的对应id和openid  这里的openid和user_id都是在用户登录授权...

     业务场景:用户点击会员中心的不同等级,进行支付

     

    前台代码:

           参数解释:

                  用户点击对应等级时,对应获取到需要支付的金额,在获取到用户的对应id和openid

                  这里的openid和user_id都是在用户登录授权后获取的信息

    /*
     * author:咔咔
     * address:陕西西安
     * wechat:fangkangfk
     * content:微信小程序支付
     * */
    
    
    
    pay: function (e) {
          // 获取到需要支付的价钱
          var price = e.currentTarget.dataset.price;
          var user_id = wx.getStorageSync('user_id');
          // 验证是否获取到值
          if (typeof (price) == "undefined") {
            wx.showToast({
              title: '支付数据错误'
            })
            return false;
          }
          //后台订单生成
          wxb.Post('/api/automatic.pay/creatOrder', {
            openid: wxb.getOpenId(),
            price: price,
            user_id: user_id
          }, function (data) {
            var data = JSON.parse(data);
            console.log(data)
            wx.requestPayment({
              'timeStamp': data.timeStamp,
              'nonceStr': data.nonceStr,
              'package': data.package,
              'signType': 'MD5',
              'paySign': data.paySign,
              'success': function (res) {
    
                wxb.Post('/api/cards.member/confirm_integral', {
    
                  // 支付成功的业务逻辑代码
    
                }, function (datas) {
                  wx.redirectTo({
                    url: '/pages/mine/index'
                  })
    
                });
              },
              'fail': function (res) {
                
                wxb.Post('/api/cards.member/confirm_integral', {
                  // 支付失败或者取消支付代码
                }, function (datas) {
                });
              }
    
            });
          });
        },
    

     

     

    后台代码:

       获取到前台传的数据,进行创建订单,在进行请求获取统一下单的数据

    public function creatOrder(){
            $orderData = $this->request->param();
            $opneid = $orderData['openid'];
            if($orderData['user_id']){
                //appid
                $data['member_miniapp_id'] = $orderData['appid'];
                //支付金额
                $data['pay_money'] = $orderData['price'];
                //用户id
                $data['user_id'] = $orderData['user_id'];
                $orderModel = new OrderModel();
                $order = $orderModel->save($data);
                if($order){
                    //获取到订单id
                    $orderId = $orderModel->order_id;
                    //支付的金额
                    $orderPrice = $orderModel->pay_money;
                }
                if($orderId>=0){
                    $orderinfo = $this->buy($opneid);
                    $this->result($orderinfo, 200, '订单生成成功', 'json');
                }
            }
        }
    
    
    
    
    
    
    public function buy($opneid){
            $params = [
                'appid' => '小程序id',
                'mch_id' => '商户号',
                // 随机串,32字符以内
                'nonce_str' => (string) mt_rand(10000, 99999),
                // 商品名
                'body' => '购买vip',
                // 订单号,自定义,32字符以内。多次支付时如果重复的话,微信会返回“重复下单”
                'out_trade_no' => '20170823001' . time(),
                // 订单费用,单位:分
                'total_fee' => 1,
                'spbill_create_ip' => $_SERVER['REMOTE_ADDR'],
                // 支付成功后的回调地址,服务端不一定真得有这个地址
                'notify_url' => 'https://myserver.com/notify.php',
                'trade_type' => 'JSAPI',
                // 小程序传来的OpenID
                'openid' =>$opneid,
            ];
    
            // 按照要求计算sign
    
            ksort($params);
            $sequence = '';
            foreach ($params as $key => $value) {
                $sequence .= "$key=$value&";
            }
    
            $sequence = $sequence . "key=你的秘钥";
            $params['sign'] = strtoupper(md5($sequence));
    
            // 给微信发出的请求,整个参数是个XML
    
            $xml = '<xml>' . PHP_EOL;
            foreach ($params as $key => $value) {
                $xml .= "<$key>$value</$key>" . PHP_EOL;
            }
            $xml .= '</xml>';
    
            $ch = curl_init();
            curl_setopt($ch, CURLOPT_URL, 'https://api.mch.weixin.qq.com/pay/unifiedorder');
            curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
            curl_setopt($ch, CURLOPT_POST, 1);
            curl_setopt($ch, CURLOPT_POSTFIELDS, $xml);
            curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
            curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false);
            $output = curl_exec($ch);
    
            if (false === $output) {
                echo 'CURL Error:' . curl_error($ch);
            }
    
            // 下单成功的话,微信返回个XML,里面包含prepayID,提取出来
    
            if (0 === preg_match('/<prepay_id><\!\[CDATA\[(\w+)\]\]><\/prepay_id>/', $output, $match)) {
                echo $output;
                exit(0);
            }
    
            // 这里不是给小程序返回个prepayID,而是返回一个包含其他字段的JSON
            // 这个JSON小程序自己也可以生成,放在服务端生成是出于两个考虑:
            //
            // 1. 小程序的appid不用写在小程序的代码里,appid、secret信息全部由服务器管理,比较安全
            // 2. 计算paySign需要用到md5,小程序端使用的是JavaScript,没有内置的md5函数,放在服务端计算md5比较方便
    
            $prepayId = $match[1];
            $response= [
                'appId' => '小程序id',
                // 随机串,32个字符以内
                'nonceStr' => (string) mt_rand(10000, 99999),
                // 微信规定
                'package' => 'prepay_id=' . $prepayId,
                'signType' => 'MD5',
                // 时间戳,注意得是字符串形式的
                'timeStamp' => (string) time(),
            ];
            $sequence = '';
            foreach ($response as $key => $value) {
                $sequence .= "$key=$value&";
            }
            $response['paySign'] = strtoupper(md5("{$sequence}key=你的秘钥"));
    
            return json_encode($response);
        }

     

    测试结果:

    展开全文
  • 微信小程序调用支付接口支付

    万次阅读 多人点赞 2019-03-17 13:07:45
    我前段时间做微信支付,遇到了很多坑,网上也没有讲解的特别明白的,通过借鉴各路人才的经验,最后也完成了,网上有很多讲解,我在这只讲一些注意点和解决的方法。我就讲讲我从完全懵到完成的过程吧。 在微信提供的...

    我前段时间做微信支付,遇到了很多坑,网上也没有讲解的特别明白的,通过借鉴各路人才的经验,最后也完成了,网上有很多讲解,我在这只讲一些注意点和解决的方法。我就讲讲我从完全懵到完成的过程吧。

    在微信提供的接口文档中提供了一个微信支付接口,应该是直接调用这个接口就可以发起微信支付

    文档路径:https://developers.weixin.qq.com/miniprogram/dev/api/api-pay.html#wxrequestpaymentobject

    但是,当开始信心满满的去看所需参数时,懵逼了,这些参数是什么

    在这些参数中最难理解和获取的就是这两个了,仔细研究后发现,package这个参数的获取要调用微信提供的另一个接口,统一下单接口。原来在微信中支付需要先进行一下预下单。这里的时间戳使用的是秒值不是毫秒值

    文档路径:https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=9_1

    这个接口就需要后台通过http请求来调了

    而在这些参数中,有两个参数很眼熟,在第一步发起微信请求时也有这两个参数,后发现这里的随机字符串就是调起支付时用到的随机字符串,而且是必须一致,那么签名呢,要是也认为一样就完全调沟里了,这里的签名我称为一次签名,因为支付的时候要进行第二次签名。签名生成算法有讲解,多读几遍就明白了,我建议读个几十遍。

    把这些必填的参数都准备好

    很重要的是你要首先有个店铺,就有商户号了

    订单号必须唯一哦,通知地址就是当支付成功后微信会回调这个地址,在这里你可以做一些事,比如修改订单状态什么的。

    然后就是签名生成,这个很重要:把需要的参数都放到一个map中,然后对这些参数进行排序,然后把商品key拼接到后面进行MD5加密就生成签名了,我还是建议仔细看看签名生成算法,不要想太复杂,就是排序,拼接,加密三步完成。

    最后就是准备参数传输了,这里的参数传输是以xml的方式传输,下面就是传输的数据,其实就是一个大的字符串,

    你可以这样

    String s =“<xml>”

        +"<appid>wxdxxxxxxxxx</appid>"

        +"<mch_id>10000100</mch_id>"

        +"<nonce_str>24jtlk2j3ltjl2kjlkt3j</nonce_str>"

        +"<sign>432l4j5j4325l23k4j5lj34</sign>"

        +"</xml>"

    我就意思一下了,大家懂就行,其实就是一个字符串,完全可以通过遍历参数map来自己拼接的。

    然后就是把这个大字符串传过去,以上没问题的话就会返回一个字符串的xml,格式类型咱们拼接的参数。

    从中取出我们需要的东西,最重要的应该就是这个,预下单id,这就是之前咱们需要的package

    使用时是这样的:package='prepay_id=201411109120471241k1241240124bk1k24'

    然后就是二次签名了,签名生成顺序和第一次是一样的,主要要确定需要哪些参数。

    然后把这些参数返回给前台使用,取出来放进去就行了。

    到这里前端调用一下就发起支付了。

    有什么问题欢迎提问

     

    展开全文
  • 10分钟实现微信小程序支付功能

    千人学习 2019-08-13 10:24:31
    只需要一个简单的云函数,就可以轻松的实现微信小程序支付功能。 核心代码就下面这些 一,创建一个云开发小程序 关于如何创建云开发小程序,这里我就不再做具体讲解。不知道怎么创建云开发...
  • 小程序微信支付 实例配置详解

    万次阅读 热门讨论 2019-07-05 12:24:01
    近期进行小程序的开发,毕竟是商城项目的开发,最后牵扯到的微信支付是必要的个人开发过程中也是遇到各种问题。在此,进行代码的详细配置,以方便小程序新手的快速操作 使用语言:PHP 框架:ThinkPHP 3.2 整理时间...

    ★ 背景

    • 近期进行小程序的开发,毕竟是商城项目的开发,最后牵扯到的微信支付是必要的
    • 个人开发过程中也是遇到各种问题,在此,我根据自己的实际操作,进行了代码的详细配置,以方便小程序新手的快速操作
    -  使用语言:PHP             # PHP世界上最好的语言 HaHahahaaha
    -  使用框架:ThinkPHP 3.2    # 版本有点低而已,没啥大碍
    -  测试工具:微信开发者工具    # 其实还挺好用
    -  整理时间:2018-07-07      # 有问题,就会一直更新
    

    tip: 【代码都是可转化的,即便是 ThinkPHP5.0+ 还是 Laravel框架,相对熟悉 PHP 代码语法的,进行转化也只是分分钟的事哦!】

    一、开发前的准备

    ①. 开发步骤

    • 如果开发者已做过 JSAPIJSSDK 调起微信支付,接入小程序支付非常相似,以下是三种接入方式的对比:

    如此看来,小程序要想集成支付功能,倒是简单了

    ②. 阅读业务流程图

    • 本人强烈推荐阅读这个图示,流程明确了,代码逻辑自然也就理顺了!

    ③. 小程序支付业务

    • 此处,小程序官方已做了详细说明 —— 业务说明
    # 很多人这一步还没有完成,就咔咔咔的测试支付功能,显然是太急于求成了,比如:我!
    > 注意:
    > 1. 要开通微信支付功能(一般有两三天的审核时间)
    > 2. 本人开通后,选择的是 “绑定一个已有的微信支付商户号”,也就几分钟的事
    

    • 此处请阅读官方文末的注意事项【重要】:
    1 appid 必须为最后拉起收银台的小程序appid; 
    		# 这句话感觉不说还好,一说更容易引起多余的考虑(忽视)
    
    2 mch_id 为和 appid 成对绑定的支付商户号,收款资金会进入该商户号;
    		# 此处我直接使用了所绑定的商户号中的 mch_id
    
    3 trade_type 请填写"JSAPI"; 
    		# 可暂时忽略,因为我在代码中已进行了配置
    
    4 openid 为 appid 对应的用户标识,即使用 "wx.login" 接口获得的 openid 
    		# 可参考我的 payment/index.js 代码
    		# 另一种情况,如果项目数据库中已保存了该用户的openid字段,可自行获取
    

    二、小程序端代码配置指导

    • 这里进行配置的代码,都在附录源码包的 wxMini-PayDemo\wxChat 目录下

    为了项目代码的 通用性/易管理性,我自行提取出了两个主要的公共文件 config.jsutil.js;

    ①. utils下 config.js 文件的使用

    • config.js 文件中,主要就是配置一些公共访问路径之类的数据,方便后期代码上线后的链接更改
    • 所以,对于其中的 restUrlimgServer 修改为自己的服务器地址即可
    > 注意一点:
    我的 "restUrl" 是对应于我的小程序 Api 接口路径的,举个例子:
    我的支付回调路径为 "https://www.mySercver.com/WxApi/Pay/notify" 
    

    ②. utils下 util.js 文件的使用

    • 这个是和 config.js 文件在同一目录下的公共文件
    • 其实就是整合了三个主要的方法,需要注意的是:如果你有所补充,记得在文件的最后进行 “exports” 输出就好
    module.exports = {
      http_get: http_get,
      http_post: http_post,
      showToast: showToast,
    }
    

    ③. payment/index.js 文件的使用

    • 此文件作为 小程序微信支付前端的核心文件
    • 在保证你的各个文件目录对应配置正确的情况下,只需在进行支付唤醒时,调用其中的 btnClickToPay() 方法即可:
    • 当然,我只是随便定的一个方法,实际使用的时候,其实就是以类似的形式,去调用后面的 wxPay()方法呗!

    三、服务端代码文件的使用指导

    • 这里进行配置的代码,都在源码包的 wxMini-PayDemo\Server-PHP 目录下

    声明:
    因为本人所提供的代码是基于 ThinkPHP3.2 框架编写整理的,所以对于使用过 ThinkPHPLaravel 框架的 PHPer 来说,简单明了,可根据自己的框架进行调整适配,所以,此处讲的可能不会太过琐碎

    ①. 公共配置文件的数据补充

    • 此为源代码中的 "wxMini-PayDemo\Server-PHP\Conf\config.php",此文件代码比较少,我直接进行展示:
    return array(
        //'配置项'=>'配置值'
        'wxPay' => [
            'appid' => 'wx8787xxxxxxxxxxxxx',//TODO 此处使用的是小程序的 APPID
            'app_secret' => '0a7xxxxxxxxxxxxxxxxxxxxxxxxxxxxx622', //小程序的应用密钥
            'pay_mchid' => '13xxxxxx02', // 微信支付MCHID 商户收款账号
            'pay_apikey' => '1qaxxxxxxxxxxxxxxxxxxxxxhgf5', // 微信支付KEY
            'notify_url' => 'https://www.mySercver.com/WxApi/Pay/notify', // 微信支付成功后进行回调的链接
            'login_url' => "https://api.weixin.qq.com/sns/jscode2session?" .
                "appid=%s&secret=%s&js_code=%s&grant_type=authorization_code", // 微信使用code换取用户openid及session_key的url地址
        ],
    );
    
    • 对于上述配置信息的来源,应该没啥疑问吧?
    注意一点:
    "notify_url" 作为支付回调的链接地址,要求配置成自己的服务器路径 
    	;#同时注意协议的要求 “https” 
    
    小程序官方要求:
    	;# 需要进行服务器域名的配置
    	;# 操作位置为 “小程序(微信公众平台)/设置/开发设置”中的“服务器域名->request 合法域名”
    

    ②. 公共方法 function.php 的补充

    • 对于本人的逻辑处理中,其实只有一个方法 curl_get(), 并且只在 PayController.class.phpgetOpenID() 方法中进行了一次调用,也可以自行提取使用的

    ③. 核心处理文件 PayController.class.php

    此文件代码已做了详细处理,在你正确放置后,需要注意的几点如下:

    • (1). 注意命名空间 "namespace" 与自己业务代码的对应
    • (2). 在 "prepay()" 方法中,因为不同的业务都会有属于自己的判断处理逻辑,
    所以,在使用时完全可以替换掉所调用的 "prepayOrderDeal()" 方法  ;# 相信没多大歧义吧!
    		 #【在此处,我建议进行一下微信支付金额的校对】
    		 # 比如,通过订单号到你的项目数据库中,查询出需要支付的金额再与此比较,
    		 # 只有符合你的要求才可以进行微信支付的下单操作
    
    • (3). 在 "pay()" 方法中

    建议对应当前的订单号,保存微信支付返回的 prepay_id

    • (4). 再有就是,在 "notify()" 这个回调方法中
    一定会涉及到自己业务的更新处理逻辑
        所以被调用的 "payNotifyOrderDeal()"方法中就可以改成你自己的业务逻辑了 (此处是可以自行补充的)
    

    	注意,此处传入的 "$result" 参数中,我主要使用的就是其中的 "out_trade_no" 和 "total_fee" 
    		# 包含着微信支付的众多信息,可自行提取
    	前者用于匹配我对该已支付订单的后续更新操作 
    		#【提示:我在使用时需要使用 "M" 进行字符串的截取才是我自己业务的实际订单编号哦!】;
    	后者是实际微信消费的金额,可用于数据表的记录,以方便对账人员的校对工作
    

    补充:

    1. 为了方便后期 微信退款功能 的扩展,建议对应订单保存回调得到的 $result
    2. 可以将其转化为 json 字符串形式 $wx_pay_result_json = json_encode($result);, 然后存储在订单表中,比如:
    3. 如果,直接进行微信退款功能的实现,请完成后,参考:小程序 微信退款功能实现讲解 (PHP方式)

    四、使用及测试效果

    ①. 测试效果

    • 在我的小程序项目中,唤醒的效果(开发工具中)如下:

    • 如果是在自己的手机端进行测试,在保证你的域名配置正确的情况下,唤醒的样式就是常见的样子:

    ②. 补充说明

    - 相信在实际配置使用的过程中一定会出现各种问题,我也是一点点的梳理排错过来的
    - 前面的多是些配置问题的规范,如果到了最后的唤醒阶段,出现的问题要注意查看开发工具的控制台,
    - 其中会有比较详细的报错信息,然后再进行排查解决
    - 有何问题,欢迎指摘,祝你配置顺利咯!
    

    ☆ 附录:

    ①. >>> Github 源码下载参考

    再做补充:如果,直接进行微信退款功能的实现,请完成后,参考:小程序 微信退款功能实现讲解 (PHP方式)

    ②. 总结

    • 通过对以上操作的梳理,可以提取出主要的几个步骤:
    -  小程序要开通你的微信支付功能 # 需要审核时间的
    -  审核通过后,紧接着进行"开通"操作 #可有两种开通方式进行选择的
    -  前后端重要信息配置完毕
    -  补充自己的特有逻辑处理操作 #pay/prepayOrderDeal()和 pay/payNotifyOrderDeal()
    -  支付回调成功后,进行后续的订单(项目服务器)查询操作
    
    展开全文
  • 小程序支付,详细过程

    万次阅读 2018-03-29 18:57:17
    2、绑定商户号。3、在小程序填写合法域二、完成以上条件,你可以得到 “小程序appid 小程序秘钥 ” 这两个用于获取用户openid;...三、拿到这四样东西我们开始小程序支付; 前端代码: /* 调起微信支付 @p...
  • 详解微信小程序支付流程

    万次阅读 多人点赞 2018-07-02 18:29:54
    花了几天把小程序的支付模块接口写了一下,可能有着公众号开发的一点经验,没有入太多的坑,在此我想记录一下整个流程。首先先把小程序微信支付的图搬过来:...在小程序支付这块,还需要跟微信服务器进行交互。过程...
  • 小程序支付

    2019-05-09 15:34:09
    1. 商户号绑小程序号APPID(MA授权) 2. 小程序号绑小程序APPID 3. 必备4个参数:小程序appid(APPID),小程序密钥(APPSECRET),商户号(MCH_ID),商户key(MCH_KEY) 4. *签名:签名的key用商户key(MCH_...
  • 小程序支付流程

    千次阅读 2018-12-28 16:35:18
    微信支付作为小程序很重要的部分,今天有空,就来总结一下它 的基本流程,闲话少说,我们直接开始。 一:准备工作 1、小程序注册,要以公司的以身份去注册一个小程序,才有微信支付权限; 2、绑定商户号。 3、在...
  • 小程序微信支付功能开发

    万次阅读 2019-03-19 08:44:38
    关于小程序内唤起微信支付功能,不同人有不同的思路,有嵌套H5页面的,也有跳转第三方链接网站的,也有放收钱码等图片的。 今天讲一下微信原生的微信支付功能基础版块,支付页面和支付逻辑。 先上个效果图: 页面...
  • 前面给大家讲过一个借助小程序云开发实现微信支付的,但是那个操作稍微有点繁琐,并且还会经常出现问题,今天就给大家讲一个简单的,并且借助官方支付api实现小程序支付功能。 传送门 借助小程序云开发实现小程序...
  • 踩坑: 微信小程序支付流程(统一下单, 支付回调)

    万次阅读 多人点赞 2019-07-17 18:42:29
    众所周知,微信小程序目前只能使用微信支付,而且微信小程序支付相对于app支付,h5支付都要简单一些,但是该支付文档对java这语言是非常不友好的,居然没有demo,网上虽说有很多博客,但是找了好多都是跑不通,乱七八糟的很...
  • 微信小程序支付+Java后台实现(完整版)

    万次阅读 热门讨论 2019-05-27 20:01:01
    在开发微信小程序支付的功能前,我们先熟悉下微信小程序支付的业务流程图: 不熟悉流程的建议还是仔细阅读微信官方的开发者文档。 一,准备工作 事先需要申请企业版小程序,并开通“微信支付”(即商户功能)。...
  • 微信小程序支付 php后台

    万次阅读 2019-08-29 09:16:11
    微信小程序支付,一贯的风格,代码复制粘贴就好使,想明白原理,自己看开发文档去 一、前端代码: 1.先写一个可以点击支付的按钮 <view class="chongzhi_button" bindtap="pay">支付</view> 2.开始js...
  • 微信支付-小程序支付

    热门讨论 2020-07-30 23:32:08
    适用于微信小程序支付的时候,服务器端的预支付和支付接口,以及支付结果回调通知!
  • Laravel 微信小程序支付

    千次阅读 2018-04-04 16:20:53
    近期项目,有一个涉及到微信小程序支付功能,踩了不少坑,记录一哈子。开发环境:php 7.0.12 + Apache框架:Laravel5.3微信官方的流程示意图:作为phper,要做的部分就是用前端传递过来的code换取openid,生成商户...
  • 1.小程序支付的官方文档(点击即可) 参考官方文档为主   1.小程序默认是JSAPI支付方式 只需要HTTPS服务器 不需要设置安全域名目录  2.如果要设置安全域名目录也是在微信商户设定 2.安装HTTPS服务器(点击即可) ...
  • 前言:
  • 小程序支付原理实际上跟微信公众号普通支付原理类似,复制企鹅的原话就是: 商户系统先调用统一下单接口在微信支付服务后台生成预支付交易单,返回正确的预支付交易回话标识后再按扫码、JSAPI、APP、小程序等不同...
  • 微信小程序支付 java

    万次阅读 多人点赞 2018-10-16 10:26:17
    话不多说,直接开撸。 支付流程步骤: 1)首先调用wx.login方法获取code,通过code获取openid; 2)java后台调用统一下单支付接口...4)小程序前端wx.requestPayment方法发起微信支付; 5)java后台接收来自微信...
1 2 3 4 5 ... 20
收藏数 108,148
精华内容 43,259
关键字:

小程序支付