建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
微信小程序支付前端源碼
本文實(shí)例為大家分享了微信小程序支付前端源碼，供大家參考，具體內(nèi)容如下
成都創(chuàng)新互聯(lián)公司主要為客戶提供服務(wù)項(xiàng)目涵蓋了網(wǎng)頁(yè)視覺設(shè)計(jì)、VI標(biāo)志設(shè)計(jì)、成都全網(wǎng)營(yíng)銷、網(wǎng)站程序開發(fā)、HTML5響應(yīng)式成都網(wǎng)站建設(shè)公司、成都做手機(jī)網(wǎng)站、微商城、網(wǎng)站托管及成都網(wǎng)站改版、WEB系統(tǒng)開發(fā)、域名注冊(cè)、國(guó)內(nèi)外服務(wù)器租用、視頻、平面設(shè)計(jì)、SEO優(yōu)化排名。設(shè)計(jì)、前端、后端三個(gè)建站步驟的完善服務(wù)體系。一人跟蹤測(cè)試的建站服務(wù)標(biāo)準(zhǔn)。已經(jīng)為成都食品包裝袋行業(yè)客戶提供了網(wǎng)站推廣服務(wù)。
//index.js
Page({
data: {
},
//點(diǎn)擊支付按鈕進(jìn)行支付
payclick: function () {
var t = this;
wx.login({
//獲取code換取openID
success: function (res) {
//code = res.code //返回code
console.log("獲取code");
console.log(res.code);
var opid = t.getOpenId(res.code);
}
})
},
//獲取openID
getOpenId: function (code) {
var that = this;
wx.request({
url: "https://api.weixin.qq.com/sns/jscode2session?appid=你的appid&secret=AppSecret(小程序密鑰)&js_code=" + code + "&grant_type=authorization_code",
data: {},
method: 'GET',
success: function (res) {
console.log("獲取openid")
console.log(res)
that.setData({
openid: res.data.openid,
session_key: res.data.session_key
})
that.generateOrder(res.data.openid)
},
fail: function () {
// fail
},
complete: function () {
// complete
}
})
},
//生成商戶訂單
generateOrder: function (openid) {
var that = this
wx.request({
url: 'http://localhost:25492/wx/getda',//后臺(tái)請(qǐng)求地址
method: 'GET',
data: {
gfee: '商品價(jià)錢',
gname: '商品名稱',
openId: openid
//（商品價(jià)錢和商品名稱根據(jù)自身需要是否傳值, openid為必傳）
},
success: function (res) {
console.log("后臺(tái)獲取數(shù)據(jù)成功");
console.log(res);
var param = { "timeStamp": res.data.timeStamp, "package": res.data.package, "paySign": res.data.paySign, "signType": "MD5", "nonceStr": res.data.nonceStr };
//發(fā)起支付
that.pay(param);
},
fail: function (res) {
console.log("向后臺(tái)發(fā)送數(shù)據(jù)失敗")
}
})
},
//支付
pay: function (param) {
var that = this;
console.log("發(fā)起支付")
console.log(param)
wx.requestPayment({
timeStamp: param.timeStamp,
nonceStr: param.nonceStr,
package: param.package,
signType: param.signType,
paySign: param.paySign,
success: function (res) {
console.log("success");
console.log(res);
},
fail: function (res) {
console.log("fail")
console.log(res);
},
complete: function (res) {
console.log("complete");
console.log(res)
}
})
}
})
本地調(diào)試如過出現(xiàn)請(qǐng)求失敗請(qǐng)將 微信開發(fā)者工具 > 詳情(右上角) > 不校驗(yàn)合法域名、web-view（業(yè)務(wù)域名）、TLS 版本以及 HTTPS 證書 勾上即可
微信小程序支付C#后端源碼
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。
分享文章：微信小程序支付前端源碼
文章鏈接：http://www.ef60e0e.cn/article/jgeedj.html
