成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vue2.0與支付個人總結(jié)

sherlock221 / 737人閱讀

摘要：最近在使用寫，中要求可以實現(xiàn)線上支付，研究了微信支付與支付寶支付。其實支付寶的支付原理很簡單，無論是支付還是原生支付前臺只需要使用服務器返回的數(shù)據(jù)調(diào)起支付就可以了。

最近在使用vue寫webapp，app中要求可以實現(xiàn)線上支付，研究了微信H5支付與支付寶H5支付。其中微信H5支付處在內(nèi)測階段，需要申請，按照格式寫了郵件七個工作日也沒得到回復郵件，據(jù)說微信H5支付對于單量和交易額有要求，滿足要求后才有很大幾率開通。支付寶H5支付相對申請較為簡單，人工技術(shù)客服強大，基本能解決很多問題，不得不說這點還是阿里的產(chǎn)品更好，所以下面主要聊聊我所知道和遇見的支付寶H5支付的相關問題。

其實支付寶的支付原理很簡單，無論是H5支付還是原生APP支付,前臺只需要使用服務器返回的數(shù)據(jù)調(diào)起支付就可以了。

支付寶H5支付，基本流程就是在前臺使用服務器提供的接口創(chuàng)建訂單，服務器根據(jù)支付寶提供的SDK，進行簽名等一系列操作，具體可以參見支付寶的官方文檔https://docs.open.alipay.com/203，當服務器完成這些操作后會會返回一個form表單，前臺拿到后家在這個form表單就可以了。

讓我最困擾最耽誤時間的就是在使用返回的form數(shù)據(jù)
基本形式：


....

在vue中使用form的方式：

netTool.createdOrder(params).then(response => {

      if (response.errno === "0") {
        console.log("輸出正確", response);
        this.datadorm = response.result.wappay;

        const div = document.createElement("div");
        div.innerHTML = this.datadorm;
        document.body.appendChild(div);
        document.forms.alipaysubmit.submit();
      } else {
        console.log("傳輸錯誤");
      }
    });

netTool.createdOrder(params)是用來發(fā)送網(wǎng)絡請求

在response中接收返回的form表單數(shù)據(jù)，
也就是this.datadorm = response.result.wappay進行接收；

將返回的表單掛到html上；

最后就是調(diào)用執(zhí)行了，我是在created周期中調(diào)用的；

對于支付結(jié)果后臺需要與支付寶發(fā)起異步通知，并且驗簽，我們還要在后臺添加一個同步通知(return_url)就是在前臺支付完成的跳轉(zhuǎn)結(jié)果通知頁面。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/84162.html

相關文章

  • 第三方庫

    摘要：微信支付，支付寶支付，銀聯(lián)支付三大支付總結(jié)支付寶植入總結(jié)支付寶的植基于和百度地圖的組件庫基于百度地圖封裝的組件庫，使用這個庫最好需要先了解和百度地圖。 Commento - 多說 & Disqus 開源替代品 Commento - 多說 & Disqus 開源替代品 anime.js 簡單入門教程 強大輕量的動畫庫 anime.js 入門教程 來自B站的開源的MagicaSakura源...

    seanHai 評論0 收藏0

  • 第三方庫

    摘要：微信支付，支付寶支付，銀聯(lián)支付三大支付總結(jié)支付寶植入總結(jié)支付寶的植基于和百度地圖的組件庫基于百度地圖封裝的組件庫，使用這個庫最好需要先了解和百度地圖。 Commento - 多說 & Disqus 開源替代品 Commento - 多說 & Disqus 開源替代品 anime.js 簡單入門教程 強大輕量的動畫庫 anime.js 入門教程 來自B站的開源的MagicaSakura源...

    gityuan 評論0 收藏0

  • 使用 vue2.0 開發(fā)微信公眾號下前后端分離的SPA站點的填坑之旅

    摘要：目前正在寫一個微信公眾號的小項目，記錄一下遇到的問題和解決方法主要是前端。前端提交時使用，在后端再取出對應的微信支付看了下文檔，以前是需要用喚起支付，而現(xiàn)在則是把微信內(nèi)置到了微信的瀏覽器中。 目前正在寫一個微信公眾號的小項目，記錄一下遇到的問題和解決方法（主要是前端）。內(nèi)容持續(xù)更新中~ 主要實現(xiàn) 前后端分離前端為 SPA 單頁面使用微信的JSSDK微信支付 技術(shù)方案 后端使用 php ...

    afishhhhh 評論0 收藏0

  • 使用 vue2.0 開發(fā)微信公眾號下前后端分離的SPA站點的填坑之旅

    摘要：目前正在寫一個微信公眾號的小項目，記錄一下遇到的問題和解決方法主要是前端。前端提交時使用，在后端再取出對應的微信支付看了下文檔，以前是需要用喚起支付，而現(xiàn)在則是把微信內(nèi)置到了微信的瀏覽器中。 目前正在寫一個微信公眾號的小項目，記錄一下遇到的問題和解決方法（主要是前端）。內(nèi)容持續(xù)更新中~ 主要實現(xiàn) 前后端分離前端為 SPA 單頁面使用微信的JSSDK微信支付 技術(shù)方案 后端使用 php ...

    Taonce 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<