準備工作:
1)確保該小程序已綁定商戶號,并且該商戶號已開通小程序支付。
2)小程序的 異步通知 邏輯(根據(jù)微信發(fā)送的支付結(jié)果處理自己網(wǎng)站的邏輯,如:修改訂單狀態(tài) )自行完善。(若該網(wǎng)站已有微信公眾號支付,可公用一套異步通知)
操作流程指導(dǎo):
1)小程序授權(quán)以后,在[微信小程序支付配置] 欄目,點擊編輯配置
2)點擊編輯后,顯示彈窗。依次填寫對應(yīng)的微信商戶ID、微信商戶秘鑰、異步通知地址、小程序appid、小程序secert、支付后跳轉(zhuǎn)頁面路徑(指定 小程序支付完后跳轉(zhuǎn)到的頁面,如個人中心,訂單列表 等頁面)。
3)需要在網(wǎng)站調(diào)用支付的頁面引用以下js文件,并且添加頁面跳轉(zhuǎn)到小程序代碼。
紅色為要填寫的幾個值。ordersn,money,key 三個參數(shù)均不能為空,否則無法正常調(diào)起支付。
<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="https://passport.cnblogs.com/scripts/jsencrypt.min.js"></script>
<script src="https://wxservice.appbsl.com.cn/public/static/js/encryption.js"></script>
<script >
function topay() { //跳轉(zhuǎn)支付
wx.miniProgram.getEnv(function(res) {
if(res.miniprogram){ //判斷是否為小程序環(huán)境
var ordersn = ''; //要支付的訂單號,確保唯一 如20190329123456
var money = ''; //要支付的金額 如200
var key = ''; //你的AppKey,在小程序配置頁面獲取
var encrypt_str = encryption(ordersn,money,key);//跳轉(zhuǎn)小程序需要帶的參數(shù)
var url = "/zsk_browser/pages/pay/pay?encrypt_str=" + encrypt_str;//跳轉(zhuǎn)小程序的路徑
wx.miniProgram.navigateTo({ //跳轉(zhuǎn)小程序方法
url: url
});
}
})
}
</script>
var key = ''; //你的AppKey,在小程序配置頁面獲取