2. 程式人生 > >支付--支付寶手機網站支付（WAP）

支付--支付寶手機網站支付（WAP）

阿新 • • 發佈：2019-01-08

介紹：
這是放在微信供公眾號內的一個專案，支付模組設計到微信公眾號支付和支付寶手機網站支付，這次把支付寶手機網站支付整理下來。

簽約：
首先要到支付寶開發者後臺去簽約支付寶手機網站支付方式。簽約的要求是必須有能訪問的網頁，網頁上有標明價格、名稱等詳細資訊的商品，而且整個下單流程要完善，網站的完成度要高，這才能通過稽核。

這裡寫圖片描述

參考：
因為之前對接過支付寶的app支付，所以對接wap支付就容易得多。後臺拼接引數的思路、方式都和之前一樣。直接複用之前的程式碼，只需稍微修改幾個引數就可以。
參見上一篇支付寶APP支付：http://blog.csdn.net/tonyfreak/article/details/78104519

這裡寫圖片描述

思路：
1、先到支付寶開放平臺建立應用獲取APPID
2、配置應用的相關引數，簽約申請開通對應的支付型別
3、獲得支付許可權後就可以著手進行程式碼編寫：
①、組裝引數分為公共請求引數和業務請求引數兩部分。詳見：https://docs.open.alipay.com/203/107090/
②、先把業務請求引數轉成json放入公共請求引數biz_content 中
③、將公共請求引數進行簽名操作
④、將簽名後獲得的簽名引數放入公共請求引數sign中
⑤、將此時的公共請求引數進行url編碼
⑥、將json資料傳給前端

微信公眾平臺無法使用支付寶收付款的解決方案
微信中無法開啟支付寶收款是微信瀏覽器限制所致，可以參考下圖方法引導使用者轉到系統瀏覽器，即可用支付寶收款。

點此下載。

微信中呼叫支付寶支付效果展示

這裡寫圖片描述

這裡寫圖片描述

後臺程式碼

組裝引數

/**
     * 封裝好引數，前臺通過form表單來調起支付寶
     */
    @RequestMapping("/alipayPayChongRequest")
    @ApiOperation(value="支付寶充值起調的介面",httpMethod="POST",response=JsonUtil.class,notes="支付寶充值起調的介面---/alipayPayChongRequest")
    public void alipayPayChongRequest(
            @ApiParam
 
(required=true,name="orderNumber",value="訂單編號")@RequestParam(value="orderNumber") String orderNumber,
            @ApiParam(required=true,name="orderTitle",value="訂單標題")@RequestParam(value="orderTitle") String orderTitle,
            @ApiParam(required=true,name="description",value="訂單描述")@RequestParam(value="description") String description){
        try{
            if(orderNumber !=null && !orderNumber.equals("") 
                    && orderTitle !=null && !orderTitle.equals("")
                    && description !=null && !description.equals("")){

                BusWalletChong chong = busWalletChongService.findBusWalletChongById(orderNumber);// 根據訂單主鍵id查詢，訂單編號就是主鍵id
                String saleMoney = chong.getPrice().toString();
                // 公共請求引數
                Map<String, String> param = new HashMap<>();                 
                param.put("app_id", AlipayConfig.appId);    // 應用appId
                param.put("method", "alipay.trade.wap.pay"); // 介面名稱
                param.put("format", "json"); //資料型別
                param.put("charset", AlipayConfig.input_charset);//編碼格式
                param.put("timestamp", DatetimeUtil.formatDateTime(new Date()));//傳送請求時間
                param.put("version", "1.0");//呼叫介面版本，固定為1.0
                param.put("notify_url", AlipayConfig.notify_url_chong);// 支付寶伺服器主動通知商戶服務
                param.put("sign_type", AlipayConfig.sign_type);//簽名型別          
                // 支付業務請求引數
                Map<String, Object> pcont = new HashMap<>();                 
                pcont.put("out_trade_no", orderNumber);// 訂單號(綜合採購單編號)
                pcont.put("total_amount", String.valueOf(saleMoney));// 交易金額
                pcont.put("subject", orderTitle); // 訂單標題
                pcont.put("body", description); // 對交易或商品的描述
                pcont.put("product_code", "QUICK_WAP_WAY");                  // 銷售產品碼           
                param.put("biz_content", JSON.toJSONString(pcont));           // 業務請求引數  不需要對json字串轉義

                Map<String, String> payMap = new HashMap<>();

                try {
                    param.put("sign", PayUtil.getSign(param, AlipayConfig.private_key)); // 業務請求引數
                    String orderStr = PayUtil.getSignEncodeUrl(param, true);
                    System.out.println(orderStr);
                    payMap.put("orderStr", orderStr);

                } catch (Exception e) {
                    e.printStackTrace();
                }           
                map1.put("msg", "成功");
                map2.put("result", payMap);
            }else{
                map1.put("msg", "引數不全");
            }                   
        } catch (BusinessException e) {
            e.printStackTrace();
            map1.put("msg", "發生後臺異常");
        }
        map.put("data", map2);
        map.put("result", map1);
        JsonUtil.writeJson(response, JsonUtil.objectToJson(map));           
    }

支付回撥

/**
     * 支付寶充值成功的回撥介面
     */
    @RequestMapping("/alipayPayCallBackWallet")
    @ApiOperation(value="支付寶充值成功的回撥介面",httpMethod="POST",response=JsonUtil.class,notes="支付寶充值成功的回撥介面---pay/alipayPayCallBackWallet")
    public String alipayPayCallBackWallet(){
        try {
            // 獲取支付寶POST過來反饋資訊
            Map<String, String> params = new HashMap<String, String>();
            Map requestParams = request.getParameterMap();
            for (Iterator iter = requestParams.keySet().iterator(); iter.hasNext();) {
                String name = (String) iter.next();
                String[] values = (String[]) requestParams.get(name);
                String valueStr = "";
                for (int i = 0; i < values.length; i++) {
                    valueStr = (i == values.length - 1) ? valueStr + values[i]
                            : valueStr + values[i] + ",";
                }
                // 亂碼解決，這段程式碼在出現亂碼時使用。如果mysign和sign不相等也可以使用這段程式碼轉化
                //valueStr = new String(valueStr.getBytes("ISO-8859-1"), "utf-8");
                params.put(name, valueStr);
            }
            // 獲取支付寶的通知返回引數，可參考技術文件中頁面跳轉同步通知引數列表(以下僅供參考)//
            // 商戶訂單號
            String out_trade_no = new String(request.getParameter("out_trade_no").getBytes("ISO-8859-1"), "UTF-8");
            // 支付寶交易號
            String trade_no = new String(request.getParameter("trade_no").getBytes("ISO-8859-1"), "UTF-8");
            // 充值金額
            String price = new String(request.getParameter("total_amount").getBytes("ISO-8859-1"), "UTF-8");
            // 獲取支付寶的通知返回引數，可參考技術文件中頁面跳轉同步通知引數列表(以上僅供參考)//
            boolean check = AlipayNotify.verify(params);
            if (check) {// 驗證成功
                // ////////////////////////////////////////////////////////////////////////////////////////
                // 請在這裡加上商戶的業務邏輯程式程式碼
                String orderNo = out_trade_no;// 提交訂單返回的訂單編號
                // 支付寶交易號
                String alipayOrderNo = trade_no;
                BusWalletChong chong = busWalletChongService.findBusWalletChongById(orderNo);
                if(chong != null && !"".equals(chong)){
                    if("1".equals(chong.getStatus())){// 支付狀態為：已支付
                        response.getWriter().write(setXML("SUCCESS", ""));
                    }else{
                        BusWalletChong newChong = new BusWalletChong();
                        newChong.setPrice(new BigDecimal(price));
                        newChong.setPayId(alipayOrderNo);
                        newChong.setPayType(BusWalletChong.ALIPAY_ZHIFU_TYPE);
                        newChong.setId(orderNo);
                        boolean flag = busWalletChongService.updateWallet(newChong);
                        if(flag){
                            response.getWriter().write(setXML("SUCCESS", ""));
                        }else{
                            response.getWriter().write(setXML("FAIL", ""));
                        }
                    }
                }else{
                    response.getWriter().write(setXML("FAIL", ""));
                }
                response.getWriter().write("SUCCESS"); 
            } else {// 驗證失敗
                response.getWriter().write("FAIL");
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
        return null;
    }
public static String setXML(String return_code, String return_msg) {
        return "<xml><return_code><![CDATA[" + return_code + "]]></return_code><return_msg><![CDATA[" + return_msg
                + "]]></return_msg></xml>";
    }

簽名工具類

/**
     * 對支付引數資訊進行簽名
     * 
     * @param map
     *            待簽名授權資訊
     * 
     * @return
     */
    public static String getSign(Map<String, String> map, String rsaKey) {
        List<String> keys = new ArrayList<String>(map.keySet());
        // key排序
        Collections.sort(keys);

        StringBuilder authInfo = new StringBuilder();
        boolean first = true;
        for (String key : keys) {
            if (first) {
                first = false;
            } else {
                authInfo.append("&");
            }
            authInfo.append(key).append("=").append(map.get(key)); 
        }

        return SignUtils.sign(authInfo.toString(), rsaKey);
    }

簽名編碼工具類

/**
     * 返回簽名編碼拼接url
     * 
     * @param params
     * @param isEncode
     * @return
     */
    public static String getSignEncodeUrl(Map<String, String> map, boolean isEncode) {
        String sign = map.get("sign");
        String encodedSign = "";
        if (CollectionUtil.isNotEmpty(map)) {
            map.remove("sign");
            List<String> keys = new ArrayList<String>(map.keySet());
            // key排序
            Collections.sort(keys);

            StringBuilder authInfo = new StringBuilder();

            boolean first = true;// 是否第一個
            for (String key: keys) {
                if (first) {
                    first = false;
                } else {
                    authInfo.append("&");
                }
                authInfo.append(key).append("=");
                if (isEncode) {
                    try {
                        authInfo.append(URLEncoder.encode(map.get(key), AlipayConstants.CHARSET_UTF8));
                    } catch (UnsupportedEncodingException e) {
                        e.printStackTrace();
                    }
                } else {
                    authInfo.append(map.get(key));
                }
            }

            try {
                encodedSign = authInfo.toString() + "&sign=" + URLEncoder.encode(sign, AlipayConstants.CHARSET_UTF8);
            } catch (UnsupportedEncodingException e) {
                e.printStackTrace();
            }
        }

        return encodedSign.replaceAll("\\+", "%20");
    }

前端程式碼

//點選支付寶付款
        function payByAli(orderId,description,title){
            $.ajax({
                data:{orderNumber:orderId,orderTitle:title,description:description},
                dataType:"json",
                type:"post",
                async: false,
                url:"${ctxPath}/payZhiFuBao/alipayPayRequest",
                success:function(msg){
                    if(msg.result.msg == "成功"){
                        //獲取拼接好的url
                        var url = msg.data.result.orderStr;
                        var urls = "https://mapi.alipay.com/gateway.do?"+url;
                        console.log(urls);
                        $(".ali").attr("href",urls);
                    }
                },
                error:function(msg){

                }
            });
        }

相關推薦

支付--支付寶手機網站支付（WAP）

介紹： 這是放在微信供公眾號內的一個專案，支付模組設計到微信公眾號支付和支付寶手機網站支付，這次把支付寶手機網站支付整理下來。 簽約： 首先要到支付寶開發者後臺去簽約支付寶手機網站支付方式。簽約的要求是必須有能訪問的網頁，網頁上有標明價格、名稱等詳細資

微信支付寶手機網站支付（WAP）

$.ajax({ type: 'POST', url: api + '/pay/generateOrderInfo', //支付介面

[支付寶]手機網站支付快速接入

tps alt wke mba resp pan 新版 字符 手機網站支付 參考開發文檔：https://doc.open.alipay.com/docs/doc.htm?spm=a219a.7629140.0.0.FjX7f6&treeId=193&art

tp3.2 支付寶手機網站支付

amount state gif 驗證 實名認證 郵件 方法 view 手機網頁 手機網站支付接口,支付寶官方文檔：https://b.alipay.com/signing/productSet.htm?navKey=all 第一步： 1)登陸支付寶企業賬號 進入支付

PHP支付寶手機網站支付功能

ima 商戶 處理 nbsp 接口 公網 appid 開發者平臺 php5 1.開通支付寶商家中心裏面的手機網站支付 2.再去開放平臺-開發者中心-創建移動支付的應用-獲取到APPID 3.接著去文檔中心下載DEMO 其實demo很簡單。如果第一次看的話會存在看

支付寶手機網站支付

支付寶手機網址支付是移動端一個必不可少的功能。支付寶支付的文件還是很清楚的，可以直接看文件進行編寫。我寫一下我的程式碼 支付流程：使用者點選前端的支付，然後後臺生成支付需要的資料，傳給支付寶，支付調起輸入支付密碼 支付成功 程式碼： 1）生成需要資料的後臺方法

Java整合微信H5支付/支付寶手機網站支付

微信H5支付:1,微信外部H5支付:名詞解釋:就是在自己的H5網站頁面裡呼叫微信支付功能,注意,這裡只能是在微信外部支付,在微信內開啟網站是無法支付的,要另外使用微信公眾號支付呼叫微信H5支付介面前提條件:1,註冊公眾號並且通過認證2,在公眾號裡申請微信支付,成為商戶號3,在

.net螞蟻金服支付寶手機網站支付介面記錄

新建應用、祕鑰之類的步驟略過下載SDK，.net下載地址，在專案中新增引用AopSdkhttps://openhome.alipay.com/doc/sdkDownload.resource?sdkType=NET下載了demo，alipay.wap.create.dire

支付寶手機網站支付介面整合的經驗小結

1.申請企業賬號：我們需要一個企業賬號； 4.下載並解壓後的資料夾結構： 5.選擇java開發的測試包，進去之後根據readme.txt文件說明進行引數配置即可測試了（測試包中的伺服器非同步通知頁面路徑和頁面跳轉同步通知頁面路徑在測試時可以不用配置）； 幾個重要引數

支付寶手機網站支付開發記錄之結果非同步通知

開發的時候明明配置了非同步通知，可是沒有執行非同步通知，就算是官方Demo也不行 看了文件才發現需要配置外網 用外網就需要每次測試都要上傳伺服器太麻煩了 腦袋中《大型網站技術架構》中的內容浮現

Payment：支付寶手機網站支付教程

支付寶的H5支付體驗真不錯（支付寶叫他手機網站支付）。 反觀微信支付幹嘛要把H5支付藏起來？而且體驗還那麼差。 Payment 3.0 支付寶的配置設定文件請 點選這裡 從本篇開始，將用支付寶的沙箱方式進行演示，在專案的 payment/examp

支付寶手機網站支付出現系統繁忙，請稍後再試

今日在做一個檔案搞定支付寶系列時，其中在做支付寶手機網站相容微信瀏覽器時，遇到了不少坑，這裡詳細記錄一下。 1.驗簽出錯 按照支付寶提供的demo（alipay_in_weixin_demo），裡面只傳了少部分引數，跟手機版支付有很大差別。按照手機版網頁

新版支付寶手機網站支付、支付寶pc支付、支付寶無密退款實現

前面我記錄過老版本的支付以及退款，這次寫的是新版本的支付和退款 和微信支付一樣，用的是IJPay這個封裝的jar，必須給大神點個贊，集成了微信支付寶支付，用的也是RSA2官方推薦的方式，給出介面呼叫即可 首先拿到支付寶相關資訊， appId，privateKey

支付寶手機網站支付開發記錄之沙箱測試

前期準備工作： 登入開放平臺申請身份流程這些就不說了，網上有很多。直接上幹活 沙箱開發測試 // 商戶appid public static String APP

一個PHP檔案搞定支付寶系列之手機網站支付（相容微信瀏覽器）

<?php header('Content-type:text/html; Charset=utf-8'); $appid = 'xxxxx'; //https://open.alipay.com 賬戶中心->金鑰管理->開放平臺金鑰，填寫添加了電腦網站支付的應用的APPID $retur

支付寶開發之手機網站支付(H5支付)

其實官方的文件中:https://docs.open.alipay.com/203 介紹的已經很詳細了，我就實地的看文件操作了一遍，具體步驟如下: 一、建立應用 流程如下: 首先要有支付寶開放平臺: https://open.alipay.com/platform/h

手機網站支付喚起支付寶app

商家在網頁中呼叫支付寶提供的網頁支付介面調起支付寶客戶端內的支付模組，商家網頁會跳轉到支付寶中完成支付，支付完後跳回到商家網頁內，最後展示支付結果。若無法喚起支付寶客戶端，則在一定的時間後會自動進入網頁

支付寶的手機網站支付介面的應用

1.首先下載介面包 　 　　解壓下載的檔案可以看到資料夾的結構如下圖： 　　 　　我使用的是RSA簽名方式，PHP－UTF－8的資料夾 2.readme.txt的文件說明 　　紅色字型的檔案是最重要的檔案，也是必需的！ │├lib┈┈┈┈┈┈┈┈┈┈┈

tp3.2 實現新支付寶支付介面 (手機網站支付)

1、準備工作          第 2）可能有些人不太理解           1）                    2） 點選  RSA簽名工具         

【java】小白最詳細除錯支付寶沙箱手機網站支付，電腦網站掃碼支付

      最近公司有電腦網站跟手機網站的支付寶支付需求，正好博主最近相對有空，於是花了一天時間去實現這個功能。先是在支付寶的開放平臺的文件中心看了半天，，發現並不能找到立馬就能上手開發的內容。於是搜了幾篇部落格，綜合之下終於實現了功能。在此將java沙箱除錯的歷程整理出來，