成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專(zhuān)欄INFORMATION COLUMN

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

sherlock221 / 821人閱讀

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

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

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

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

讓我最困擾最耽誤時(shí)間的就是在使用返回的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("傳輸錯(cuò)誤");
      }
    });

netTool.createdOrder(params)是用來(lái)發(fā)送網(wǎng)絡(luò)請(qǐng)求

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

將返回的表單掛到html上；

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/84162.html

相關(guān)文章

  • 第三方庫(kù)

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

    seanHai 評(píng)論0 收藏0

  • 第三方庫(kù)

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

    gityuan 評(píng)論0 收藏0

  • 使用 vue2.0 開(kāi)發(fā)微信公眾號(hào)下前后端分離的SPA站點(diǎn)的填坑之旅

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

    afishhhhh 評(píng)論0 收藏0

  • 使用 vue2.0 開(kāi)發(fā)微信公眾號(hào)下前后端分離的SPA站點(diǎn)的填坑之旅

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

    Taonce 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<