# 微信小程序支付

進入小程序,下單,請求下單支付,調用小程序登錄API來獲取Openid(https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-login.html#wxloginobject)
,生成商戶訂單,這些都是在小程序端完成的業務。
代碼部分如下:
wxpay: function () {
var that = this
wx.login({
success: function (res) {
console.log("RRRRR", res.code)//getOpenId
//獲取getOpenId
that.getOpenId(res.code)
}
});
},
getOpenId: function (code) {
var that = this;
wx.request({
url: `${app.globalData.API_URL}/order`,
data: {},
method: 'post',
success: function (res) {
console.log('order_id')
console.log(res.data)
that.generateOrder(res.data.order_id)
},
fail: function () {
// fail
},
complete: function () {
// complete
}
})
},
/**生成商戶訂單 */
generateOrder: function (order_id) {
var that = this
//統一支付
wx.request({
url: `${app.globalData.DOMAIN}/mpbase/wxapp/wxpay/mp_id/d8d49a5800362843f29833e03038a72a/id/` + order_id,
method: 'post',
data: {},
success: function (res) {
console.log(res)
var pay = res.data
//發起支付
var timeStamp = pay[0].timeStamp;
console.log("timeStamp:" + timeStamp)
var packages = pay[0].package;
console.log("package:" + packages)
var paySign = pay[0].paySign;
console.log("paySign:" + paySign)
var nonceStr = pay[0].nonceStr;
console.log("nonceStr:" + nonceStr)
var param = { "timeStamp": timeStamp, "package": packages, "paySign": paySign, "signType": "MD5", "nonceStr": nonceStr };
that.pay(param)
},
})
},
/* 支付 */
pay: function (param) {
console.log("支付")
console.log(param)
wx.requestPayment({
timeStamp: param.timeStamp,
nonceStr: param.nonceStr,
package: param.package,
signType: param.signType,
paySign: param.paySign,
success: function (res) {
// success
console.log("支付")
console.log(res)
wx.navigateBack({
delta: 1, // 回退前 delta(默認為1) 頁面
success: function (res) {
wx.showToast({
title: '支付成功',
icon: 'success',
duration: 2000
})
},
fail: function () {
// fail
},
complete: function () {
// complete
}
})
},
fail: function (res) {
// fail
console.log("支付失敗")
console.log(res)
wx.showModal({ title: '提示', content: '支付失敗', })
return
},
complete: function () {
// complete
console.log("pay complete")
}
})
},
- 商城api接口
- 首頁數據獲取
- 分類接口
- 購物車接口
- 商品信息接口
- 搜索接口
- 訂單列表接口
- 店鋪接口
- 收藏接口
- 收貨地址接口
- 生成訂單接口
- 支付接口
- 會員中心接口
- 登錄注冊接口
- 關于我們
- 圖片上傳
- 分銷中心
- 分銷明細
- 代金券
- 平臺紅包列表
- 分銷申請列表
- 我的推廣
- 微信小程序
- 簡介
- 開發前準備
- 目錄結構介紹
- 發起請求
- 網絡請求提交表單
- 代碼及開發所遇到問題總結
- 導航跳轉時所遇到的問題
- 緩存數據與數據取得的問題
- 如何引入外部css
- 如何定義與使用全局變量
- 如何定義新的界面
- 微信小程序支付
- 小程序的手機驗證碼登錄
- 上傳,下載
- 提示框
- app.json配置
- 配置demo
- pages
- window
- tabBar
- networkTimeout
- debug
- page.json
- 緩存
- 特效
- 滑動方式
- 城市切換
- 五星好評
- Switch
- 上拉加載
- wxml 標簽
- 視圖容器
- 基礎內容
- 表單組件
- 導航
- 媒體組件
- 自定義提示框
- 小程序內訪問網頁
- 倒計時顯示
- 微信小程序,如何在返回前一個頁面時,執行前一個頁面的方法
- 在本地可以請求到數據,但手機上是請求不到的
- curl請求失敗
- 代碼同步
- 短信平臺更換