手把手教你小程序對接微信支付

XBaron 發布于2019-07-01 12:24 / 1671人閱讀

摘要：按著我的步驟一步一步操作，你就可以成功的到這個微信支付技能包。原文鏈接手把手教你實現小程序微信支付由于自己本身就是開發的，所以只涉及到微信支付的開發。我將會一步一步的記錄如何實現微信支付的。第一步先上微信支付開發文檔境內普通商戶里面下載與。

這是我自己研究了兩天的微信支付整理得的開發筆記，然后在這里分享給大家，讓大家快速上手微信支付。

按著我的步驟一步一步操作，你就可以成功的get到這個微信支付技能包。

補上自己最想的文章：[5分鐘解決微信支付][1]
https://segmentfault.com/a/1190000014444847
這篇文章被很多人咨詢，感謝你們的支持，所以新寫了一篇填坑，希望對大家有幫助。

=======================
更多編程技巧，可關注琉憶編程庫：shuaiqi100.com。

原文鏈接：手把手教你實現小程序微信支付

由于自己本身就是PHP開發的，所以只涉及到PHP微信支付的開發。我將會一步一步的記錄如何實現微信支付的。

第一步：先上微信支付開發文檔境內普通商戶里面下載SDK與DEMO。

下載網址：https://pay.weixin.qq.com/wik...

在這里可以下載自己對應的編程代碼來使用對應的SDK和DEMO進行改。我主要用的是PHP，所以下載的是PHP。

第二步：將下載的支付SDK與DEMO進行解壓，然后打開這個解壓后的文件夾。

第三步，從商家中心下載證書到本地放到cert文件夾里面。

商家中心路徑：（注意需要下載安全插件，且只能在IE模式登錄！）
https://pay.weixin.qq.com/ind...

具體路徑為：登錄進去到商家中心后，登錄微信支付商戶平臺，點擊【賬戶中心】->【賬戶設置】->【API安全】->【下載證書】中

下載證書完成后，記得順便設置密鑰！！這個密鑰等下需要在微信支付lib配置文件夾里面配置支付。

密鑰要求：需要字母+數字一起32位數！！為的是認真和安全。

下載證書到本地后，取出這兩個證書放到cert文件里面去，
這兩個證書分別叫做： apiclient_cert.pem 和 apiclient_key.pem

第四步：配置支付信息

打開lib文件夾下的 WxPay.Config.php

在這里就有說明需要用到的配置信息，只用配置這四項，其他的都不用修改！！
首先是APPID，注意一定是要注冊的主體一致，其次用到支付的公眾號或者是小程序都必須是和APPID一致的開發者！！不的話，請求支付會出錯，提示：appid and openid not match！

APPID和MCHID可以通過開戶郵件中獲取，關于KEY就是剛才在第三步中要一起設置的密鑰，直接復制粘貼進來就可以了。

APPSECRET就是小程序里面開發者的那個APPSECRET，直接去微信小程序里面獲取粘貼過來就可以了！具體看下面！！

按上面的配置好，保存后就可以下一步了，修改支付接口。

第五步：修改獲取openid的接口

打開example文件夾，打開WxPay.JsApiPay.php
找到 private function __CreateOauthUrlForOpenid($code) 方法。
需要修改里面的 $urlObj["code"] = $code; 修改為：$urlObj["js_code"] = $code;

注意：說說為什么這樣修改：【下面的內容只是為了了解，不想深入原理可以跳過】
code 換取 session_key
這是一個 HTTPS 接口，開發者服務器使用登錄憑證 code 獲取 session_key 和 openid。其中 session_key 是對用戶數據進行加密簽名的密鑰。為了自身應用安全，session_key 不應該在網絡上傳輸。
獲取openid的接口地址： https://api.weixin.qq.com/sns...

微信支付中，需要獲取微信用戶的openid，所以在小程序中，需要先通過wx.login獲取到用戶返回的code代碼，然后用code換取用戶的openid回來。在微信支付中，WxPay.JsApiPay.php里面已經封裝了通過傳過來的code換取openid的方法：GetOpenid()。而在這里請求獲取openid的路徑知道帶參名是js_code不是code，所以需要修改配置文件里面的code為js_code！

保存好后，就可以第六步了，修改支付接口！！

第六步：修改支付接口

打開example文件夾下的jsapi.php文件。

首先：刪除頭部的這些代碼，也可以注釋！【因為用不到，都是測試數據】

//初始化日志
$logHandler= new CLogFileHandler("../logs/".date("Y-m-d").".log");
$log = Log::Init($logHandler, 15);

//打印輸出數組信息
function printf_info($data)
{

foreach($data as $key=>$value){
    echo "$key : $value 
";
}

}

其次：刪除底部的HTML代碼，全部！全部！全部！！因為都是多余的，不要因為這些HTML代碼請求出錯。

...............這里省略..................

最后，修改核心的部分代碼！！將要進行詳細講解。這時候貼上官方文檔，可以看著文檔修改這里的支付信息，因為很重要。

參考文檔：
https://pay.weixin.qq.com/wik...

第七步請求微信支付接口jsapi.php文件，然后發起支付

前面的修改只是為了這一步實現微信支付，彈出我們想要的支付密碼輸入框！！
記住，在微信小程序中是需要使用wx.request方法請求demo里面的jsapi.php文件，然后請求這個方法成功后會返回一串參數，然后根據打印的參數對應的填入這些參數內賦值即可。

wx.requestPayment({
"timeStamp": "",
"nonceStr": "",
"package": "",
"signType": "MD5",
"paySign": "",
"success":function(res){
},
"fail":function(res){
}
})
【具體可以看開發文檔的參數配置】
網址：https://mp.weixin.qq.com/debu...

第八步微信支付成功修改訂單操作

        這一步過去我曾卡了很久，但是它很重要！！

登陸微信支付第三方平臺
網址： https://pay.weixin.qq.com/ind...

然后按設置好的微信請求支付鏈接下寫一個notify的控制器方法用于回調執行，當微信支付成功后就會去執行這個目錄下的notify方法，然后可以寫修改訂單狀態。

注意事項： 1.回調方法可以看demo里面的Notify.php文件進行修改成控制器方法用于回調！！ 2.回調的方法一定要是在微信支付平臺設置的支付目錄下！！ 3.支付的回調路徑是不能夠帶參數的！！不能帶參數！！不能帶參數！！ 如果回調沒有成功，請看上面的注意事項進行檢查，因為我在這里跌倒了N次，N次，N次！！！

對了，另外提醒下是在jsapi.php文件里面設置的回調路徑，也就是demo里面的:wxpay/example/jsapi.php ，【同目錄下的Notify.php文件是官方給的回調方法，可以看這個方法進行改寫回調控制器！！】如下代碼：

$input->SetNotify_url("http://paysdk.weixin.qq.com/example/notify.php");
//修改為你的支付目錄下的路徑+回調函數名，例如:http://www.abc.com/example/no...

至此最開頭的demo配置到發起支付到支付成功對訂單的操作全部方法都在這里，如果你在哪一步不了解可以給我留言，另外如果你有什么想法建議也可以給我留言。

如果你覺得這篇文章對你有用可以幫我分享出去給更多需要的人。

最后謝謝大家的支持。

個人微信公眾號：琉憶編程庫

GPU云服務器云服務器手把手教你做圖像識別手把手教你阿里云服務器搭建商城微信小程序對接云服務器微信小程序支付

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/30641.html

5分鐘解決小程序的微信支付

摘要：，之前在寫過一篇微信支付教程手把手教你實現小程序的微信支付。說說必須要自己填寫的東西開頭的這幾個信息都可以從小程序后臺微信支付申請成功后發的郵件中拿到。你好，是我琉憶，一個文藝的程序員。很久沒有更新什么技術文了，特在此補上一篇精華文章——微信支付。PS，之前在segmentfault寫過一篇微信支付教程：手把手教你實現小程序的微信支付。【從發表開始，到現在被很多人收藏，加微信和QQ...

forsigner 2019-06-28 18:45 評論0 收藏0
手把手教你學Dapr

摘要：配置配置使用概率抽樣。采樣率定義了對跟蹤跨度進行采樣的概率，其值可以介于和含之間。例如，以下配置對象將采樣率更改為即每個跨度都被采樣，并使用協議將跟蹤發送到位于的服務器文件路徑注將采樣率更改為會完全禁用跟蹤。目錄手把手教你學Dapr - 1. .Net開發者的大時代手把手教你學Dapr - 2. 必須知道的概念手把手教你學Dapr - 3. 使用Dapr運行第一個.Net程序手把手教你學Da...

qqlcbb 2021-11-18 10:07 評論0 收藏0
Taro 優秀學習資源匯總

摘要：多端統一開發框架優秀學習資源匯總官方資源項目倉庫官方文檔項目倉庫官方文檔微信小程序官方文檔百度智能小程序官方文檔支付寶小程序官方文檔字節跳動小程序官方文檔文章教程不敢閱讀包源碼帶你揭秘背后的哲學從到構建適配不同端微信小程序等的應用小程序最 Awesome Taro 多端統一開發框架 Taro 優秀學習資源匯總 showImg(https://segmentfault.com/img/r...

toddmark 2019-08-23 18:02 評論0 收藏0
手把手教你如何通過 KubeSphere 玩轉 Kubernetes 存儲

摘要：青云知行學院最新課程出爐啦，歡迎訂閱，還有青云優惠券放送主題系列培訓課程二如何通過玩轉存儲時間月日本期內容介紹本節課主要介紹存儲的特點，如何配置存儲類型，如何使用存儲功能。青云知行學院最新課程出爐啦，歡迎訂閱，還有青云優惠券放送！！主題： KubeSphere 系列培訓課程（二）- 如何通過 KubeSphere 玩轉 Kubernetes 存儲時間：1 月 23 日 20：00...

LucasTwilight 2019-06-28 11:14 評論0 收藏0