国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

uni-app 微信、支付寶APP支付流程

這篇具有很好參考價(jià)值的文章主要介紹了uni-app 微信、支付寶APP支付流程。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

一、微信支付

1、登錄微信開放平臺(tái),添加移動(dòng)應(yīng)用,審核通過(guò)后可獲取應(yīng)用ID(AppID,支付訂單中需要使用)
2、使用商戶號(hào)和登錄密碼登錄微信商戶平臺(tái),進(jìn)入 “賬戶中心” > “API安全” > “設(shè)置APIv2密鑰” 設(shè)置API密鑰(用于服務(wù)器生成訂單),詳情參考API證書及密鑰
APP支付流程
3、在manifest.json文件“App模塊配置”項(xiàng)的“Payment(支付)”下,勾選“微信支付”項(xiàng)
uniapp支付流程,PHP,微信,微信,微信小程序,小程序,uniapp
4、微信支付請(qǐng)求示例代碼 phpSDK下載

//訂單對(duì)象,從服務(wù)器獲取
var orderInfo = {
  "appid": "wx499********7c70e",  // 應(yīng)用ID(AppID)
  "partnerid": "148*****52",      // 商戶號(hào)(PartnerID)
  "prepayid": "wx202254********************fbe90000", // 預(yù)支付交易會(huì)話ID
  "package": "Sign=WXPay",        // 固定值
  "noncestr": "c5sEwbaNPiXAF3iv", // 隨機(jī)字符串
  "timestamp": 1597935292,        // 時(shí)間戳(單位:秒)
  "sign": "A842B45937F6EFF60DEC7A2EAA52D5A0" // 簽名,這里用的 MD5 簽名
};
//獲取支付渠道
var wxpaySev = null;
plus.payment.getChannels(function(channels){
    for (var i in channels) {
        var channel = channels[i];
        if (channel.id === 'wxpay') {
            wxpaySev = channel;
        }
    }
    //發(fā)起支付
    plus.payment.request(wxpaySev, orderInfo, function(result) {
        var rawdata = JSON.parse(result.rawdata);
        console.log("支付成功");
    }, function(e) {
        console.log("支付失?。? + JSON.stringify(e));
    });
  }, function(e){
      console.log("獲取支付渠道失?。? + JSON.stringify(e));
});

二、支付寶支付

1、登錄 支付寶開放平臺(tái) ,進(jìn)入控制臺(tái)頁(yè)面創(chuàng)建移動(dòng)應(yīng)用,填寫應(yīng)用信息并提交審核,在應(yīng)用詳情頁(yè)面的能力列表中添加APP支付功能,進(jìn)入開發(fā)設(shè)置完成加密方式、IP白名單等開發(fā)信息,設(shè)置添加功能和配置密鑰后(獲取公鑰、私鑰,用于服務(wù)器生成訂單),將應(yīng)用提交審核,詳情參考上線應(yīng)用應(yīng)用上線后,完成簽約才能在生產(chǎn)環(huán)境使用支付功能

2、打開項(xiàng)目的manifest.json文件,在“App模塊配置”項(xiàng)的“Payment(支付)”下,勾選“支付寶支付”
uniapp支付流程,PHP,微信,微信,微信小程序,小程序,uniapp
3、示例代碼 phpSDK下載

var orderInfo = '';  //從服務(wù)器獲取的訂單
//獲取支付寶支付對(duì)象
var alipaySev = null;  // 支付寶支付對(duì)象
plus.payment.getChannels(function(channels){
    for (var i in channels) {
        var channel = channels[i];
        if (channel.id === 'alipay') {
            alipaySev = channel;
        }
    }
    //發(fā)起支付
    plus.payment.request(alipaySev, orderInfo, function(result){
          var rawdata = JSON.parse(result.rawdata);
          console.log("支付成功");
      }, function(e){
          console.log("支付失?。? + JSON.stringify(e));
    });
  }, function(e){
      console.log("獲取支付渠道失敗:" + JSON.stringify(e));
});

總結(jié)

1、支付的sdk如果可以盡量用uniapp提供的SDK 不然可能會(huì)導(dǎo)致支付調(diào)不成功(不要問(wèn)我是怎么知道的,都是淚)
2、如果需要其他的可以參考uniapp提供的 其他支付文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-545324.html

到了這里,關(guān)于uni-app 微信、支付寶APP支付流程的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來(lái)自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 在 WebStorm 中開發(fā) uni-app - 用vue2實(shí)現(xiàn)手機(jī)APP(apk) + 微信小程序項(xiàng)目開發(fā)方案
webstorm開發(fā)的uniapp + hbuilderx進(jìn)行app?小程序打包

    在 WebStorm 中開發(fā) uni-app - 用vue2實(shí)現(xiàn)手機(jī)APP(apk) + 微信小程序項(xiàng)目開發(fā)方案 webstorm開發(fā)的uniapp + hbuilderx進(jìn)行app?小程序打包

    我們主要分析了如下小程序開發(fā)框架,主要包括: 框架 技術(shù)棧 案例 微信小程序 支付寶小程序 百度小程序 頭條小程序 H5 App uni-app Vue 豐富 ? ?? ?? ? ?? ? Taro React 豐富 ? ? ? ? ? ? wepy Vue 豐富 ? ? ? ? ? ? mpvue Vue 豐富 ? ? ? ? ?? ? ?首先,就要排

    2023年04月15日
    瀏覽(106)
  • 在 WebStorm 中開發(fā) uni-app - 用vue2實(shí)現(xiàn)手機(jī)APP(apk) + 微信小程序項(xiàng)目開發(fā)方案
                    
            
webstorm開發(fā)的uniapp + hbuilderx進(jìn)行app?小程序打包

    在 WebStorm 中開發(fā) uni-app - 用vue2實(shí)現(xiàn)手機(jī)APP(apk) + 微信小程序項(xiàng)目開發(fā)方案 webstorm開發(fā)的uniapp + hbuilderx進(jìn)行app?小程序打包

    我們主要分析了如下小程序開發(fā)框架,主要包括: 框架 技術(shù)棧 案例 微信小程序 支付寶小程序 百度小程序 頭條小程序 H5 App uni-app Vue 豐富 ? ?? ?? ? ?? ? Taro React 豐富 ? ? ? ? ? ? wepy Vue 豐富 ? ? ? ? ? ? mpvue Vue 豐富 ? ? ? ? ?? ? ?首先,就要排

    2024年02月05日
    瀏覽(99)
  • WebStorm開發(fā)uni-app ,用vue2實(shí)現(xiàn)手機(jī)APP(apk) + 微信小程序多端項(xiàng)目開發(fā)方案
webstorm開發(fā)的uniapp + hbuilderx進(jìn)行app?小程序打包

    WebStorm開發(fā)uni-app ,用vue2實(shí)現(xiàn)手機(jī)APP(apk) + 微信小程序多端項(xiàng)目開發(fā)方案 webstorm開發(fā)的uniapp + hbuilderx進(jìn)行app?小程序打包

    我們主要分析了如下小程序開發(fā)框架,主要包括: 框架 技術(shù)棧 案例 微信小程序 支付寶小程序 百度小程序 頭條小程序 H5 App uni-app Vue 豐富 ? ?? ?? ? ?? ? Taro React 豐富 ? ? ? ? ? ? wepy Vue 豐富 ? ? ? ? ? ? mpvue Vue 豐富 ? ? ? ? ?? ? ?首先,就要排

    2024年02月11日
    瀏覽(100)
  • 語(yǔ)法速通 uni-app隨筆【uni-app】【微信小程序】【vue】

    語(yǔ)法速通 uni-app隨筆【uni-app】【微信小程序】【vue】

    其中, pages 目錄/ index 目錄【必有】: index.js 編寫業(yè)務(wù)邏輯 【初始數(shù)據(jù),生命周期函數(shù)】 index.json 編寫配置 index.wxml 編寫模板 【可理解為本頁(yè)html】 index.wxss 【可理解為本頁(yè)css】 直接輸入敲回車,連尖括號(hào)都不需要就可以標(biāo)簽補(bǔ)全 1)初始數(shù)據(jù)寫死 在 index.wxml 引入變

    2024年02月12日
    瀏覽(228)
  • UNI-APP開發(fā)微信小程序的基本流程

    UNI-APP開發(fā)微信小程序的基本流程

    需提前準(zhǔn)備的工具:HBuilder X ,微信開發(fā)者工具 登錄小程序官網(wǎng),如已有賬號(hào),則直接登錄。 無(wú)賬號(hào),申請(qǐng)完賬號(hào)后,進(jìn)入賬號(hào)填寫相關(guān)信息,獲取appId。 獲取appId:【開發(fā)-開發(fā)管理-開發(fā)設(shè)置】 【文件】-【新建】-【項(xiàng)目】: 點(diǎn)擊【manifest.json】,將微信小程序的配置信息填

    2024年02月06日
    瀏覽(28)
  • 微信小程序uni-app

    微信小程序uni-app

    小程序 是一種不需要下載、安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用觸手可及的夢(mèng)想,用戶掃一掃或者搜一下就能打開應(yīng)用,也實(shí)現(xiàn)了用完即走的理念,用戶不用安裝太多應(yīng)用,應(yīng)用隨處可用,但又無(wú)須安裝卸載。 微信開發(fā)文檔 1、工作原理 網(wǎng)頁(yè)開發(fā),渲染線程和腳本是互斥的

    2024年02月10日
    瀏覽(106)
  • 微信小程序授權(quán)(uni-app)

    概述 為了避免重復(fù)開發(fā),自己封裝了一個(gè)通用用戶授權(quán)回調(diào)方法,只需要傳入需要授權(quán)的scope,權(quán)限中文描述、回調(diào)函數(shù),就可以實(shí)現(xiàn)一整套小程序是否授權(quán)、打開授權(quán)設(shè)置,調(diào)用后續(xù)操作函數(shù)的工作 功能 可以根據(jù)自己的實(shí)際應(yīng)用進(jìn)行微調(diào) 目前使用的uni-app版本,可以根據(jù)自

    2024年02月16日
    瀏覽(99)
  • uni-app:vue3 + uni-app 在微信小程序中無(wú)法使用app.component全局注冊(cè)組件

    按上文中的代碼執(zhí)行后,會(huì)發(fā)現(xiàn)在微信小程序開發(fā)中全局注冊(cè)的組件是無(wú)法顯示的,這是uniapp的一個(gè)未解決bug, 在uniapp中出了可以通過(guò)vue實(shí)例的component方法注冊(cè)全局組件外,uniapp支持另一種全局注冊(cè)的方式,就是通過(guò) easycom 掃描注冊(cè),步驟如下 easycom 的掃描流程是:通過(guò)代碼

    2024年02月16日
    瀏覽(105)
  • uni-app微信小程序,APP都適用自定義頂部導(dǎo)航

    uni-app微信小程序,APP都適用自定義頂部導(dǎo)航

    *使用自定義的導(dǎo)航樣式,首先需要把原生的頂部的導(dǎo)航方式給隱藏掉(\\\"navigationStyle\\\": \\\"custom\\\") *手機(jī)頂部手機(jī)狀態(tài)欄的高度 *微信小程序中膠囊的位置信息存儲(chǔ)(使用store存儲(chǔ)) *由于微信小程序中帶有導(dǎo)航膠囊,所以需要根據(jù)膠囊去獲取一定的參數(shù)信息 在微信小程序中,我們只需要獲

    2024年02月06日
    瀏覽(91)
  • uni-app微信小程序使用echarts

    uni-app微信小程序使用echarts

    前言:本來(lái)是使用的ucharts,但因?yàn)闊o(wú)法監(jiān)聽圖例點(diǎn)擊交互,滿足不了需求,所以只能放棄。 首先,下載echart組件??梢韵入S便建個(gè)文件夾,然后 npm init。接著下載依賴 然后找到 node_modulesmpvue-echarts下的文件,如圖 只留下src,其他的刪掉(沒有用到)。然后復(fù)制 mpvue-echart

    2024年02月10日
    瀏覽(96)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包