導航:首頁 > 軟體知識 > 微信小程序裡面怎麼設置支付

微信小程序裡面怎麼設置支付

發布時間:2024-07-12 07:44:23

A. 怎麼設置微信地鐵小程序優先銀行卡付款

打開地鐵小程序付空橋款方式。
選擇支付設置,同意開圓虧舉通免密支付,再選擇需要修改的付款方式,進入到頁面後,再去點擊扣費方式,等到提示框頁面彈出來後,再去勾選具體的支付方式即可。
該程序可以離線使用,即用戶掃碼乘車之後,可以實行非同步扣款,真正的「先上車,在給錢」、甚至是「下了車,再給錢」。大大便利了人們橘碧的出行。

B. 微信小程序支付功能怎麼實現

企業微信公眾號後台注冊並認證小程序,有了企業主體的小程序,你就可以開通支付功能了。開通微信小程序支付功能,奧慧介紹這兩種方法:(1)小程序綁定微信支付自有商戶號登錄小程序後台,點擊左側【微信支付】- 支付申請 - 申請接入。選擇「我還沒有微信支付商戶號」的方式,點擊「申請接入」,注冊微信支付商戶號,按要求提交相關材料即可。微信支付申請完,會發送微信支付商戶號,商戶平台用戶名密碼等信息到注冊者郵箱。登錄微信支付商戶平台,點擊上方的「賬戶中心」,在左側選擇「商戶信息」,然後在「商戶信息「頁面中的基本賬戶信息下,復制微信支付商戶號的號碼。再在左側選擇「API 安全」,然後在「API密鑰」下設置API密鑰。在小程序編輯器中,點擊【設置】- 收款設置 - 綁定自有微信支付賬戶,填寫商戶號、API密鑰。(2)使用「綁定微信支付服務商特約商戶」功能:在小程序編輯器內點擊「設置 - 收款設置-立即開通特約商戶」,填寫管理員信息、上傳相關資料(營業執照、組織機構代碼證等信息),等待微信審核,此過程大約需要1-5個工作日不等(微信官方審核時間不穩定)。審核通過後需要完成打款認證及簽署協議,管理員可以通過手機簽約或者電腦簽約。驗證相關信息並簽約之後,等待編輯器的微信支付功能開通即可。

C. 小程序付款要使用微信支付顯示未設置支付方式

小程帶虧序付款要使用微信支付顯示未設置支付方式原因是沒有綁定銀行卡。登錄小程序後台,點擊左檔舉側微信支付,選擇開通,蠢蠢神選擇綁定已有微信支付商戶號,填寫商戶號和商戶登錄密碼,提交即可,開通成功。

D. 微信小程序怎麼內嵌網頁實現支付

內嵌網頁中可使用JSSDK 1.3.0提供的介面,可坑就來了,居然不支持支付介面的調用,經過一番研究,總算打通了兩邊的交互。

大概流程

1、先說明涉及到的文件,下面會用到

1.1 app.js:小程序的app.js文件,在globalData里定義一個全局變數paySuccessUrl: '',用來保存支付成功跳轉url
1.2 wxminiwebview.js:小程序中放web-view的界面 1.3 wxminipay.js:小程序原生支付界面
1.4 web_pay.vue:內嵌網頁會調起支付的路由組件界面,由於我是用vue+vue-router寫的,所以你最好了解下vue和vue-router,記得引入微信jssdk1.3.0,最新版本才包含小程序相對應方法。很遺憾,微信並沒提供npm包,github有人提供的commonjs引入方式的微信jssdk版本也只有1.2.0,所以就只能這樣引入了。

<script src="./static/jweixin-1.3.0.js">script>

2、首先我們像官網那樣正常嵌入一個內嵌網頁,url是wxmini_webview.js中data中定義的變數,webview載入的就是網頁就是這個url。

<web-view src="{{url}}">web-view>

3、在內嵌網頁web_pay.vue里判斷當前是否是微信環境。

window.wx.ready(function () {
isWxMini = window.__wxjs_environment === 'miniprogram'
})

4、在內嵌網頁web_pay.vue調用支付時把支付金額,支付說明,支付成功跳轉url...(任何你想要的參數,記得encodeURIComponent),傳給小程序原生頁面。

if (isWxMini) {
let jumpUrl = encodeURIComponent(window.location)
let path = `/page/pay/pay?amount=${amount}&title=${desc}&jumpUrl=${jumpUrl}`
window.wx.miniProgram.navigateTo({
url: path
})
}

5、在小程序支付界面wxmini_pay.js里獲取到內嵌網頁傳過來的值,這里演示方便,實際上是在page的data里存儲這些會顯示在界面的值好些。

onLoad: function (options) {
console.log(options)
// 獲取網頁傳過來的值
// TODO 用es6解構來獲取值TODO
jumpUrl = options.jumpUrl
amount = options.amount
title = options.title
...
},

6、支付成功後,把跳轉url附帶支付結果及當前時間保存到全局變數。

paySuccess () {
let currentTime = new Date().getTime()
//這是為了防止wxmini_webview.js文件里調用setData由於前後兩個url一致導致路由不觸發刷新的bug
jumpUrl = options.jumpUrl+encodeURIComponent(`?payResult=1&time=${currentTime}`)
//payResult=1表示支付成功,這里我偷懶了直接在url後面補?,實際情況比較復雜
//為了實現支付成功返回後的無刷新載入,這里的參數應該是屬於路由web_pay.vue的,而不是屬於window.location.search的
//所以要判斷路由錨點#的位置和是否已經有路由參數(如果是vue-router的history模式我沒用過,應該和window.location一樣吧)
getApp().globalData.paySuccessUrl=jumpUrl //保存跳轉url到小程序全局變數里
wx.navigateBack() //返回會上個頁面,也就是承載網頁的容器頁面wxmini_pay.js
}

7、回到小程序wxmini_webview.js,會觸發onshow,在裡面進行界面無刷新載入。

onShow: function () {
console.log('on show')
let paySuccessUrl = getApp().globalData.paySuccessUrl
getApp().globalData.paySuccessUrl="" //清空支付成功url,防止一些操作觸發onShow事件
if (paySuccessUrl) {
let url = decodeURIComponent(paySuccessUrl)
this.setData({
//這里在次說明下步驟6中的&time=${currentTime},就是因為不加這個當你第一次支付成功回來這里
//這個url跟你第二次支付成功回來這里是一樣的,會導致第二次支付開始,這里的setData方法失效
url
})
}
},

8、步驟7中的setData會觸發webview中的網頁載入,由於我採用的是vue-router,而且前後兩個url只有路由的參數query不一樣,所以並不會觸發界面刷新,也不會觸發路由的重新載入,而是只會觸發beforeRouteUpdate 這個方法,舉個例子,現在支付前界面是https://host/#/pay,然後支付成功後跳轉https://host/?payResult=1&time=123456#/pay,此時界面不會刷新,pay路由也不會重新載入,而是觸發beforeRouteUpdate (to, from, next),你要做的只是在這里界面解析to.query里的數據,然後該幹嘛幹嘛

beforeRouteUpdate (to, from, next) {
console.log('路由發生改變,很有可能是小程序的支付成功回調')
let payResult = to.query.payResult
if (payResult) { // 小程序支付成功
if (payResult === '1') {
console.log('支付成功,下班打卡走人')
}
}
next()
},

E. 微信小程序里怎麼微信支付

微信小程序里怎麼微信支付?1
/6
申請微信支付。小程序認證以後,可以在小程序後台,微信支付菜單欄,申請微信支付。填寫企業信息和對公賬戶,微信支付會打一筆隨機金額到對公賬戶,輸入金額完成驗證後,在線簽署遷移,即完成了微信支付的申請流程。
微信支付申請完,會發送微信支付商戶號,商戶平台用戶名密碼等信息到注冊者郵箱。
2
/6
配置小程序密鑰。小程序後台設置頁,點擊生成,管理員驗證二維碼後,會隨機生成AppSecret。請妥善保管好Appsecret,不要明文存儲於伺服器,AppSecret用於和微信伺服器交互。比如獲取用戶的openid介面就需要用到.
3
/6
設置密鑰和下載證書
用申請微信支付獲得的用戶名和密碼,登錄商戶平台(pay.weixin.qq.com),在賬戶中心,API安全中下載證書和設置密鑰。
密鑰是32位,設置以後需要妥善保管,因為無法查看密鑰,所有微信支付相關的介面都會使用這個密鑰加密。
4
/6
配置HTTPS伺服器 小程序的前端是使用微信提供的框架開發,但是後台依然是開發者自己的伺服器。小程序發起的是HTTPS請求,意味著小程序開發者必須配置HTTPS伺服器。配置HTTPS伺服器之前,先要獲取證書,證書可以向相關機構購買,騰訊雲目前可以向用戶提供免費的證書。
5
/6
微信支付流程
微信支付有多種支付方式,包括刷卡支付,公眾號支付,掃碼支付,APP支付,所有微信支付的介面都可以到官方找到。小程序是在微信里調起支付的,其實是公眾號支付,關於公眾號支付的詳細文檔可以這里找到:http://bbs.html51.com/f-37-1/。所有公眾號支付相關的鏈接都可以在此鏈接找到,開發者首先需要大概了解這些介面。
小程序公眾號支付的主要流程如下(本圖只考慮了正常流程,異常流程參考公眾號支付文檔):
6
/6
小程序調起微信支付,用的是小程序微信支付介面wx.requestPayment,該介面的詳細描述可以查看小程序的微信支付API。
這個介面中的package和timeStamp參數是從開發者的第三方伺服器返回的,package是第三方伺服器從統一下單介面回復中獲得。
介面中其他的參數,appId,noceStr,signType以及paySign則由小程序這邊存儲或者計算而得。

閱讀全文

與微信小程序裡面怎麼設置支付相關的資料

熱點內容
交易貓擔保開通審核要多少時間 瀏覽:515
成熟的交易者會怎麼樣 瀏覽:857
人體通過什麼進行信息處理 瀏覽:947
重慶市大渡口區有哪些鋼材市場 瀏覽:270
河源水果批發市場在哪裡 瀏覽:72
新進市場如何應對 瀏覽:54
如何導出db文件中的數據 瀏覽:121
豬大腸賣多少錢一斤市場價 瀏覽:624
手機桌面小程序怎麼刪 瀏覽:319
首飾產品描述怎麼樣寫 瀏覽:202
益兒潤這產品怎麼樣 瀏覽:963
什麼東西適合在跳蚤市場上買 瀏覽:581
312發生在哪個交易所 瀏覽:725
技術專利轉讓平台都有哪些 瀏覽:218
電信5g代理是什麼意思 瀏覽:289
技校的軟體技術學的是什麼 瀏覽:464
現貨交易有什麼用 瀏覽:744
程序學校哪個好 瀏覽:815
十公分疤痕總什麼祛疤產品 瀏覽:448
如何量出一個直角的數據 瀏覽:176