中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

nodejs如何開發(fā)微信支付的功能

這篇文章給大家分享的是有關(guān)nodejs如何開發(fā)微信支付的功能的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。

成都創(chuàng)新互聯(lián)是專業(yè)的漢南網(wǎng)站建設(shè)公司,漢南接單;提供成都網(wǎng)站制作、成都做網(wǎng)站、外貿(mào)營銷網(wǎng)站建設(shè),網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行漢南網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

odeJs 微信公眾號功能開發(fā),移動端 H5頁面調(diào)用微信的支付功能。這幾天根據(jù)公司的需要使用 node 和 h6頁面調(diào)用微信的支付功能完成支付需求?,F(xiàn)在把開發(fā)過程重新捋一遍,以幫助更多的開發(fā)者順利的完成微信支付功能的開發(fā)。

一.請求CODE

請求 code 的目的就是獲取用戶的 openid(用戶相對于當(dāng)前公眾號的唯一標識) 和access_token,請求的API:open.weixin.qq.com/connect/oauth3/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect
此 api 需要注意幾個參數(shù):

1.  appid公眾號的 appid,可以在公眾號中看到
2.  redirect_uri 自定義的微信回調(diào)地址, 微信會在你請求完上面的地址后跳轉(zhuǎn)到你定義的redirect_uri的地址, 帶著 code,此處的 redirect_url 需要 **url_encode** *php*, 如果你的程序是 node 則需要使用 **encodeURLComponent(url)**編碼
3.  response_type=code,這個沒什么好說的就是固定的 response_type=code,詳細說明可以查看微信官網(wǎng)的說明
4.  scope=snsapi_userinfo,固定這樣寫就好,詳細說明可以查看微信官網(wǎng)的說明
5.  state=STATE 固定這樣寫就好,詳細說明可以查看微信官網(wǎng)的說明
6.  wechat_redirect 固定這樣寫就好,詳細說明可以查看微信官網(wǎng)的說明

二.通過code獲取access_token,openid

第一步已經(jīng)獲取到了 code 的值了, 那么接下來就需要通過 code 來獲取 access_token,openid的值了,請求的 api
API api.weixin.qq.com/sns/oauth3/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code
此處api 的參數(shù)說明:

1.  appid 微信公眾號 id,微信公眾號后臺獲取
2.  secret 微信公眾號的密鑰, 微信公眾號后臺獲取
3.  code, 第一步獲取用到的 code
4.  grant_type=authorization_code 固定就好

三.通過access_token調(diào)用接口

access_token 可以做后續(xù)的功能, 可以參考官方的例子:
open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=open1419316518&lang=zh_CN

四.網(wǎng)頁端調(diào)起支付API

看見這個是不是感覺快完事兒了, 只要網(wǎng)頁端調(diào)用微信支付功能就完事兒了?no,還差點
在微信瀏覽器里面打開H5網(wǎng)頁中執(zhí)行JS調(diào)起支付。接口輸入輸出數(shù)據(jù)格式為JSON。
注意:WeixinJSBridge內(nèi)置對象在其他瀏覽器中無效。
示例代碼如下:

function onBridgeReady(){
 WeixinJSBridge.invoke(
 'getBrandWCPayRequest', {
  "appId" : "wx2421b1c4370ec43b", //公眾號名稱,由商戶傳入 
  "timeStamp":" 1395712654",  //時間戳,自1970年以來的秒數(shù) 
  "nonceStr" : "e61463f8efa94090b1f366cccfbbb444", //隨機串 
  "package" : "prepay_id=u802345jgfjsdfgsdg888", 
  "signType" : "MD5",  //微信簽名方式: 
  "paySign" : "70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信簽名 
 },
 function(res){ 
  if(res.err_msg == "get_brand_wcpay_request:ok" ) {} // 使用以上方式判斷前端返回,微信團隊鄭重提示:res.err_msg將在用戶支付成功后返回 ok,但并不保證它絕對可靠。 
 }
 ); 
}
if (typeof WeixinJSBridge == "undefined"){
 if( document.addEventListener ){
 document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
 }else if (document.attachEvent){
 document.attachEvent('WeixinJSBridgeReady', onBridgeReady); 
 document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
 }
}else{
 onBridgeReady();
}

看到上面的代碼, 那么想調(diào)用微信的支付功能需要傳遞參數(shù),

{
 "appId" : "wx2421b1c4370ec43b", //公眾號名稱,由商戶傳入 
 "timeStamp":" 1395712654",  //時間戳,自1970年以來的秒數(shù) 
 "nonceStr" : "e61463f8efa94090b1f366cccfbbb444", //隨機串 
 "package" : "prepay_id=u802345jgfjsdfgsdg888", 
 "signType" : "MD5",  //微信簽名方式: 
 "paySign" : "70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信簽名 
}

參數(shù)說明:

1. appId //公眾號名稱,由商戶傳入
2. timeStamp //時間戳,自1970年以來的秒數(shù)  此處需要特別的注意一下,需要是字符串的時間戳格式, 意思就是必須就“” 引號
3. nonceStr //隨機串    32位的, 隨后會提供方法
4. signType // 微信簽名方式: MD5
5. paySign //微信簽名, 隨后說
6. **package**   //這個最重要, 充哪里獲取到的呢? 接下來說。
ps: 官網(wǎng)接口說明
pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6

五.獲取package,從微信的 統(tǒng)一下單 接口獲取prepay_id

官方 api:
api.mch.weixin.qq.com/pay/unifiedorder

請求參數(shù)一堆, 但是有一些不是必須的,下面是必須參數(shù)

{
 appid : APPID,
 attach : ATTACH,
 body : BODY,
 mch_id : MCH_ID,
 nonce_str: NONCE_STR,
 notify_url : NOTIFY_URL,// 微信付款后的回調(diào)地址
 openid : OPENID,
 out_trade_no : OUT_TRADE_NO ,//new Date().getTime(), //訂單號
 spbill_create_ip : SPBILL_CREATE_IP , //客戶端的 ip
 total_fee : TOTAL_FEE, //商品的價格, 此處需要注意的是這個價格是以分算的, 那么一般是元, 你需要轉(zhuǎn)換為 RMB 的元
 trade_type : 'JSAPI',
}

微信的統(tǒng)一下單接口要求傳遞的是 xml 的數(shù)據(jù), 而且數(shù)據(jù)還需要簽名, 那么首先吧數(shù)據(jù)簽名。
簽名規(guī)則可以參考微信給出的簽名規(guī)則(簽名方法一會給出)
微信官方簽名規(guī)則:
pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=4_3

生成簽名后需要吧數(shù)據(jù)組裝為xml 的格式:

var body = '<xml> ' +
 '<appid>'+config.wxappid+'</appid> ' +
 '<attach>'+obj.attach+'</attach> ' +
 '<body>'+obj.body+'</body> ' +
 '<mch_id>'+config.mch_id+'</mch_id> ' +
 '<nonce_str>'+obj.nonce_str+'</nonce_str> ' +
 '<notify_url>'+obj.notify_url+'</notify_url>' +
 '<openid>'+obj.openid+'</openid> ' +
 '<out_trade_no>'+obj.out_trade_no+'</out_trade_no>'+
 '<spbill_create_ip>'+obj.spbill_create_ip+'</spbill_create_ip> ' +
 '<total_fee>'+obj.total_fee+'</total_fee> ' +
 '<trade_type>'+obj.trade_type+'</trade_type> ' +
 '<sign>'+obj.sign+'</sign> ' + // 此處必帶簽名, 否者微信在驗證數(shù)據(jù)的時候是不通過的
 '</xml>';

接下來就是請求 api 獲取prepay_id的值了, 將上面得到的 xml 數(shù)據(jù)請求下面的 api 發(fā)送給微信, 微信驗證數(shù)據(jù)沒問題后會放回你想要的值。
api : api.mch.weixin.qq.com/pay/unifiedorder

六. 獲取到了prepay_id是不是就可以在 h6 段直接調(diào)用微信的支付了么?答案是還不可以。

獲取到了prepay_id那么現(xiàn)在h6 呼起微信的支付功能的參數(shù)是這樣的:

{
 "appId" : "wx2421b1c4370ec43b", //公眾號名稱,由商戶傳入 
 "timeStamp":" 1395712654",  //時間戳,自1970年以來的秒數(shù) 
 "nonceStr" : "e61463f8efa94090b1f366cccfbbb444", //隨機串 
 "package" : "prepay_id=u802345jgfjsdfgsdg888", 
 "signType" : "MD5",  //微信簽名方式:
}

有了這樣的參數(shù), 那么你還需要吧所有參與的參數(shù)做簽名。簽名規(guī)跟上面的一樣,生成了簽名后需要吧簽名的參數(shù) paySign 賦給h6 呼起微信的支付功能的參數(shù)(也就是微信的簽名不參與簽名的生成)
最后的參數(shù)是這樣子的:

{
 "appId" : "wx2421b1c4370ec43b", //公眾號名稱,由商戶傳入 
 "timeStamp":" 1395712654",  //時間戳,自1970年以來的秒數(shù) 
 "nonceStr" : "e61463f8efa94090b1f366cccfbbb444", //隨機串 
 "package" : "prepay_id=u802345jgfjsdfgsdg888", 
 "signType" : "MD5",  //微信簽名方式:
 "paySign" : "70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信簽名
}

如果你的各個環(huán)節(jié)都沒有問題, 那么得到了這樣參數(shù)后你就可以正常的調(diào)用起微信的支付功能, 跟原生的功能是沒有任何的差別的,(估計你現(xiàn)在的心里也特高興吧, 沒有 app 竟然可以使用 app 的功能,就是這么的神奇)。

七.支付完成的回調(diào)

微信支付完了后會在 h6 頁面的微信支付的回調(diào)函數(shù)里面放回值,
res.err_msg == "get_brand_wcpay_request:ok" ,這樣就是成功了, 但是不是就完事兒了呢 ? 也不是,為什么呢? 微信真的收到錢了么? 收到的錢是不是你傳遞給微信的值呢 ?你還需要將支付的結(jié)果寫數(shù)據(jù)庫什么的,這些都是未知。還記的在統(tǒng)一下單接口中有個必須參數(shù)就是 notify_url : NOTIFY_URL,// 微信付款后的回調(diào)地址 這個地址是用戶傳遞給微信的, 微信在收到用戶的付款后會以 post 的方式請求這個接口,微信會傳遞用戶付款的信息過來, 不過是 xml 格式的。
類系這樣的 xml 格式:

<xml>
 <appid><![CDATA[wx2421b1c4370ec43b]]></appid>
 <attach><![CDATA[支付測試]]></attach>
 <bank_type><![CDATA[CFT]]></bank_type>
 <fee_type><![CDATA[CNY]]></fee_type>
 <is_subscribe><![CDATA[Y]]></is_subscribe>
 <mch_id><![CDATA[10000100]]></mch_id>
 <nonce_str><![CDATA[5d2b6c2a8db53831f7eda20af46e531c]]></nonce_str>
 <openid><![CDATA[oUpF8uMEb4qRXf22hE3X68TekukE]]></openid>
 <out_trade_no><![CDATA[1409811653]]></out_trade_no>
 <result_code><![CDATA[SUCCESS]]></result_code>
 <return_code><![CDATA[SUCCESS]]></return_code>
 <sign><![CDATA[B552ED6B279343CB493C5DD0D78AB241]]></sign>
 <sub_mch_id><![CDATA[10000100]]></sub_mch_id>
 <time_end><![CDATA[20140903131540]]></time_end>
 <total_fee>1</total_fee>
 <trade_type><![CDATA[JSAPI]]></trade_type>
 <transaction_id><![CDATA[1004400740201409030005092168]]></transaction_id>
</xml>

根據(jù)自己的業(yè)務(wù)邏輯解析這個 xml 格式的數(shù)據(jù)就好了。
注意:這里你在獲取到數(shù)據(jù)后微信需要得到你的回應(yīng), 如果你一直不回應(yīng)微信, 微信會請求你好幾次, 這樣估計你的邏輯會有問題吧,所以你需要給微信返回 xml 的格式的 回應(yīng)。

<xml>
 <return_code><![CDATA[SUCCESS]]></return_code>
 <return_msg><![CDATA[OK]]></return_msg>
</xml>

小坑:node ,express 框架開發(fā), 如果你在微信的支付成功后的回調(diào)中沒有獲取到任何 xml 的值, 那么你需要安裝一組件:body-parser-xml, 你可以使用 npm install body-parser-xml --save 安裝, 在 app.js 里面require('body-parser-xml')(bodyParser);,使用中間件的方式

// 解決微信支付通知回調(diào)數(shù)據(jù)
app.use(bodyParser.xml({
 limit: '2MB', // Reject payload bigger than 1 MB
 xmlParseOptions: {
 normalize: true, // Trim whitespace inside text nodes
 normalizeTags: true, // Transform tags to lowercase
 explicitArray: false // Only put nodes in array if >1
 }
}));

這樣你就可以正常的獲取到微信的 xml 數(shù)據(jù)了。

使用方法:

pay.getAccessToken({
 notify_url : 'http://demo.com/', //微信支付完成后的回調(diào)
 out_trade_no : new Date().getTime(), //訂單號
 attach : '名稱',
 body : '購買信息',
 total_fee : '1', // 此處的額度為分
 spbill_create_ip : req.connection.remoteAddress,
 }, function (error, responseData) {
 res.render('payment', {
  title : '微信支付',
  wxPayParams : JSON.stringify(responseData),
  //userInfo : userInfo
 });
 });

就到這里吧, 感覺也差不多了。如有不對的地方還請指正。

感謝各位的閱讀!關(guān)于“nodejs如何開發(fā)微信支付的功能”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

當(dāng)前題目:nodejs如何開發(fā)微信支付的功能
文章來源:http://www.rwnh.cn/article10/jippdo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供移動網(wǎng)站建設(shè)、虛擬主機、面包屑導(dǎo)航、網(wǎng)站改版、ChatGPT、網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

微信小程序開發(fā)
鄂伦春自治旗| 静海县| 济阳县| 新沂市| 三门峡市| 木里| 乌拉特中旗| 安新县| 花垣县| 晋城| 五家渠市| 东丽区| 剑阁县| 固安县| 枞阳县| 九江市| 湘西| 滁州市| 商河县| 江北区| 丰宁| 全州县| 广南县| 密云县| 吉木萨尔县| 新平| 思南县| 大连市| 全南县| 承德县| 平度市| 五常市| 北宁市| 吐鲁番市| 根河市| 资源县| 兴仁县| 庆云县| 静安区| 永兴县| 东丽区|