微信小程式開發之總結支付功能錯誤
微信小程序 支付功能开发错误总结
微信小程序支付终于踩完坑了，发现里面坑挺大的，现在发个贴，希望以后入坑的同学可以看一下 ：
https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_4&index=2
业务流程在这里大家看文档的时候可以看到。第一个坑，获取用户的openid，参数一定要拼在url连接上，否则会报{"errcode":40013,"errmsg":"invalid appid, hints: [ req_id: iil1ba0504ns86 ]"}错误
onLoad: function () {
var that = this
wx.login({
success: function (res) {
if (res.code) {
//发起网络请求
wx.request({
url: 'https://api.weixin.qq.com/sns/jscode2session?appid=wxaacf22345345cfc7162fe3&secret=83ebd41c3e6f34a49b3a34578063434548ff3f71&js_code=' + res.code + '&grant_type=authorization_code',
method: "POST",
success: function (res) {
that.setData({
openid: res.data.openid
})
}
})
} else {
console.log('获取用户登录态失败！' + res.errMsg)
}
}
});
}第二个坑，支付统一下单接口，签名这个坑是比较多人遇到问题的这个是MD5加密经常和签名工具里面的加密签名不一样
签名加密工具地址：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=20_1
签名加密的时候要转成utf-8,加密我用自己的接口进行加密的 digest.update(data.getBytes("utf-8"));
// 统一下单接口获取sign（签名）
paysignjsapi: function (appid, attach, body, mch_id, nonce_str, notify_url, openid, out_trade_no, spbill_create_ip, total_fee, trade_type, key) {
var self = this;
//加密签名
wx.request({
url: 'http://localhost:8080/XinXingWXApi/wxXcxApi/Md5Encrypt.do',
method: 'GET',
data: {
appid: appid,
attach: attach,
body: body,
mch_id: mch_id,
nonce_str: nonce_str,
notify_url: notify_url,
openid: openid,
out_trade_no: out_trade_no,
spbill_create_ip: spbill_create_ip,
total_fee: total_fee,
trade_type: trade_type,
key: key
},
//统一下单
success: function (res) {
var sign = res.data.strMd5
var formData = "<xml>"
formData += "<appid>" + appid + "</appid>" //appid
formData += "<attach>" + attach + "</attach>" //附加数据
formData += "<body>" + body + "</body>" //标题
formData += "<mch_id>" + mch_id + "</mch_id>" //商户号
formData += "<nonce_str>" + nonce_str + "</nonce_str>" //随机字符串，不长于32位。
formData += "<notify_url>" + notify_url + "</notify_url>" //异步接收微信支付结果通知的回调地址
formData += "<openid>" + openid + "</openid>" //用户Id
formData += "<out_trade_no>" + out_trade_no + "</out_trade_no>" //商户订单号
formData += "<spbill_create_ip>" + spbill_create_ip + "</spbill_create_ip>"
formData += "<total_fee>" + total_fee + "</total_fee>" //金额
formData += "<trade_type>" + trade_type + "</trade_type>" //公共号支付
formData += "<sign>" + sign + "</sign>"//签名
formData += "</xml>"返回数据解析xml
//请求统一下单接口
wx.request({
url: "https://api.mch.weixin.qq.com/pay/unifiedorder",
method: 'POST',
data: formData,
success: function (data) {
wx.request({
url: "http://localhost:8080/XinXingWXApi/wxXcxApi/xmlAnalyze.do?strXml=" + data.data,
method: 'POST',
success: function (res) {
var pk = 'prepay_id=' + res.data.prepayId;
var timeStamp = self.createTimeStamp();
//获取支付签名，并支付
self.getsignType(appid, timeStamp, nonce_str, pk, "MD5", key);
}
})
}
})
}
});
}第三就是调用支付了,这里也有几个小坑，第一就是appId很多写成appid就不行了，第二个就是preoatid 的参数格式要写对prepay_id=wx2017011711060194dccf725232155886323 第三个就是调用支付的时候报支付签名错误，也需要到签名接口查看签名是否一致，查看参数是否是对的，调用微信支付的时候必须加上appId
getsignType: function (appid, timeStamp, nonce_str, pk, signType, key) {
var that = this;
wx.request({
url: "http://localhost:8080/XinXingWXApi/wxXcxApi/getSignType.hn",
method: 'GET',
data: {
appId: appid,
timeStamp: timeStamp,
nonceStr: nonce_str,
pk: pk,
signType: signType,
key: key
},
success: function (res) {
console.log(res.data.paySign)
var paySign = res.data.paySign
//调用微信支付
wx.requestPayment({
'appId': appid,
'timeStamp': timeStamp,
'nonceStr': nonce_str,
'package': pk,
'signType': 'MD5',
'paySign': paySign,
'success': function (res) {
console.log(res);
console.log('success');
},
'fail': function (res) {
console.log(res);
console.log('fail');
},
'complete': function (res) {
// console.log(res);
console.log('complete');
}
});
}
})
}以上是微信小程式開發之總結支付功能錯誤的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
百度地圖搭計程車如何支付 搭計程車的付款步驟介紹
Mar 13, 2024 am 10:04 AM
百度地圖APP現在已經都成為了超多用戶們首選的出行導航的軟體，那麼這裡的一些功能全面，都能夠免費的讓大家進行選擇操作哦，解決自己日常出行方面會遇到的一些問題，完全都能夠查詢到自己的一些出行的路線，規劃自己的一些出行的方案，查詢完對應的這一些路線，都能根據自己的需求，選擇合適的一些出行方式，那麼你們不管是選擇一些公共交通，騎行，步行或是搭計程車等，都能滿足你們的，有著對應的一些導航路線，成功的帶領你們去往某地，那麼大家選擇打車的話，都能感到更加的方便，超多的一些司機們都是會在線上接單，搭計程車變得超級
豆包app有什麼功能
Mar 01, 2024 pm 10:04 PM
豆包app裡會有很多ai創作的功能，那麼豆包app有什麼功能呢？使用者可以透過這個軟體來創作繪畫，和ai進行聊天，也能夠為用戶生成文章，幫助大家搜尋歌曲等。這篇豆包app功能介紹就能夠告訴大家具體的操作方法，以下就是具體內容，趕快看看吧！豆包app有什麼功能答：可以畫畫、聊天、寫文、找歌。功能介紹：1、問題查詢：可以透過ai來更快的找到問題的答案，什麼樣的問題都是可以詢問。 2.圖片生成：可以有ai來為大家創造不同的圖片，只需要告訴大家大概的要求。 3.ai聊天：能夠為用戶創建一個可以聊天的ai，
vivox100s和x100區別：效能比較及功能解析
Mar 23, 2024 pm 10:27 PM
vivox100s和x100手機都是vivo手機產品線中的代表機型，它們分別代表了vivo在不同時間段內的高端技術水平，因此這兩款手機在設計、性能和功能上均有一定區別。本文將從效能比較和功能解析兩個面向對這兩款手機進行詳細比較，幫助消費者更好地選擇適合自己的手機。首先，我們來看vivox100s和x100在效能上的比較。 vivox100s搭載了最新的
自媒體到底是什麼？它的主要特點和功能有哪些？
Mar 21, 2024 pm 08:21 PM
隨著網路的快速發展，自媒體這個概念已經深入人心。那麼，自媒體到底是什麼呢？它有哪些主要特點和功能呢？接下來，我們將一一探討這些問題。一、自媒體到底是什麼？自媒體，顧名思義，就是自己就是媒體。它是指透過網路平台，個人或團隊可以自主創建、編輯、發布和傳播內容的資訊載體。不同於傳統媒體，如報紙、電視、電台等，自媒體具有更強的互動性和個人化，讓每個人都能成為訊息的生產者和傳播者。二、自媒體的主要特色和功能有哪些？ 1.低門檻：自媒體的崛起降低了進入媒體產業的門檻，不再需要繁瑣的設備和專業的團隊，一部手
小紅書帳號管理軟體有哪些功能？怎麼經營小紅書帳號？
Mar 21, 2024 pm 04:16 PM
隨著小紅書在年輕人中的流行，越來越多的人開始利用這個平台分享各方面的經驗和生活見解。如何有效管理多個小紅書帳號成為關鍵問題。在本文中，我們將討論一些小紅書帳號管理軟體的功能，並探討如何更好地經營小紅書帳號。隨著社群媒體的發展，許多人發現自己需要管理多個社群帳號。對於小紅書用戶來說，這也是一個挑戰。一些小紅書帳號管理軟體可以幫助使用者更輕鬆地管理多個帳號，包括自動發佈內容、定時發布、資料分析等功能。透過這些工具，使用者可以更有效率地管理他們的帳號，提高帳號的曝光率和關注。另一、小紅書帳號管理軟體有
PHP技巧：快速實現返回上一頁功能
Mar 09, 2024 am 08:21 AM
PHP技巧：快速實現回到上一頁功能在網頁開發中，常常會遇到需要實作返回上一頁的功能。這樣的操作可以提高使用者體驗，讓使用者更方便地在網頁之間進行導航。在PHP中，我們可以透過一些簡單的程式碼來實現這項功能。本文將介紹如何快速實現返回上一頁功能，並提供具體的PHP程式碼範例。在PHP中，我們可以使用$_SERVER['HTTP_REFERER']來取得上一頁的URL
什麼是Discuz？ Discuz的定義與功能介紹
Mar 03, 2024 am 10:33 AM
《探索Discuz：定義、功能及程式碼範例》隨著網路的快速發展，社群論壇已成為人們獲取資訊、交流觀點的重要平台。在眾多的社群論壇系統中，Discuz作為國內較知名的一種開源論壇軟體，備受廣大網站開發者和管理員的青睞。那麼，什麼是Discuz？它又有哪些功能，能為我們的網站提供怎樣的幫助呢？本文將對Discuz進行詳細介紹，並附上具體的程式碼範例，幫助讀者更
Linux下GDM的功能與作用詳解
Mar 01, 2024 pm 04:18 PM
Linux下GDM的功能和作用詳解在Linux作業系統中，GDM（GNOMEDisplayManager）是一種圖形化登入管理器，它提供了使用者在系統中登入和登出的介面。 GDM通常是GNOME桌面環境的一部分，但也可以被其他桌面環境所使用。 GDM的功能不僅是提供一個登入介面，還包括使用者會話管理、螢幕保護、自動登入等功能。 GDM的功能主要包括以下幾個面向：
