微信小程式如何從0開始進入支付
小程式中微信支付的能力是隨著小程式的發布一併推出的,然而小程式文件裡關於微信支付介面只有一個 requestPayment 函數的描述。
這個 requestPayment 函數確實是小程式前端唯一需要呼叫的函數,但是微信支付的成功存取實際上遠遠不止這一個函數。對於沒有接過微信支付的開發者,會覺得一頭霧水,完全沒辦法下手。
本文闡述如何從零開始接取小程式支付,尤其適合沒有微信支付接取經驗的開發者。
1. 申請微信支付
小程式認證以後,可以在小程式後台,微信支付選單欄,申請微信支付。

填寫企業資訊和對公帳戶,微信支付會打一筆隨機金額到對公帳戶,輸入金額完成驗證後,在線簽署遷移,即完成了微信支付的申請流程。
微信付款申請完,會寄微信支付商家號,商家平台使用者名稱密碼等資訊到註冊者信箱。
2. 準備工作
2.1 設定小程式金鑰

在小程式後台設定頁,點選生成,管理員驗證二維碼後,會隨機產生AppSecret。請妥善保管好 Appsecret,不要明文儲存於伺服器,AppSecret 用於和微信伺服器互動。例如取得使用者的 openid 介面就需要用到。
2.2 設定金鑰和下載憑證
用申請微信支付所獲得的使用者名稱和密碼,登入商家平台(pay.weixin.qq.com),在帳戶中心,API 安全性中下載憑證和設定金鑰。
密鑰是 32 位,設定以後需要妥善保管,因為無法查看密鑰,所有微信支付相關的介面都會使用這個密鑰加密。
2.3 設定 Https 伺服器
小程式的前端是使用微信提供的框架開發,但是後台仍然是開發者自己的伺服器。小程式發起的是 https 請求,表示小程式開發者必須配置 https 伺服器。
設定 https 伺服器之前,先要取得證書,證書可以向相關機構購買,騰訊雲目前可以提供使用者免費的證書。
憑證安裝指引在這裡查看:
https://www.qcloud.com/doc/product/400/4143
3.微信支付流程
微信支付有多種支付方式,包括刷卡支付,公眾號支付,掃碼支付,APP 支付,在這裡微信支付的所有接口:https://pay.weixin .qq.com/wiki/doc/api/index.html
小程式是在微信裡調起支付的,其實是公眾號支付。關於公眾號支付的詳細文件可在這裡查看:https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_1
##所有公眾號支付相關的連結都可以在此連結找到,開發者首先需要大概了解這些介面。 小程式公眾號支付的主要流程如下(本圖只考慮了正常流程,例外流程參考公眾號支付文件):
3.1 關於 openid
上述流程中請求 openid,用的是小程式最新 api 中的接口,開發者可以查看小程式的登入接口。
開發者從第三方伺服器取得的 openid,在統一下單的介面裡面需要使用到。
3.2 關於小程式調起微信支付
上述流程中的小程式調起微信支付,用的是小程式微信支付介面wx.requestPayment,該介面的詳細描述可以查看小程式的微信支付API。
這個介面中的 package 和 timeStamp 參數是從開發者的第三方伺服器回傳的,package 是第三方伺服器從統一下單一介面回復中取得。
介面中其他的參數,appId,noceStr,signType 以及 paySign 則由小程式這邊儲存或計算而得。
其中paySign 是簽名,簽名演算法文件在這裡:
https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter= 4_3&t=20161107
整個公眾號支付的主要流程基本上都是在第三方伺服器上實現,開發者需要熟讀公眾號支付文檔,了解訊息互動流程以及每個介面。
這裡並沒有描述正常微信支付必不可少的一些功能:異常處理,查詢訂單,發起退款,下載對帳單等等。
4. 小程式與 JSSDK 微信支付比較
JSSDK 的微信支付介面是公眾號裡用 JS 調起公眾號支付的方法,具體可以參考公眾平台的文檔。
可以看到,小程式和JSSDK 的微信支付非常類似,這裡比較一下2 者的差異:

以上就是JeffChen(微信公眾號:行動開發技術) 關於小程式接取微信支付的分享,希望對你有幫助。
更多微信小程式如何從0開始進入支付相關文章請關注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)

閒魚官方微信小程式悄悄上線,在小程式中可以發布閒置與買家/賣家私訊交流、查看個人資料及訂單、搜尋物品等,有用好奇閒魚微信小程式叫什麼,現在快來看一下。閒魚微信小程式叫什麼答案:閒魚,閒置交易二手買賣估價回收。 1、在小程式中可以發布閒置、與買家/賣家私訊交流、查看個人資料及訂單、搜尋指定物品等功能;2、在小程式的頁面中有首頁、附近、發閒置、訊息、我的5項功能;3、想要使用的話必要要開通微信支付才可以購買;

微信小程式實現圖片上傳功能隨著行動網路的發展,微信小程式已經成為了人們生活中不可或缺的一部分。微信小程式不僅提供了豐富的應用場景,還支援開發者自訂功能,其中包括圖片上傳功能。本文將介紹如何在微信小程式中實作圖片上傳功能,並提供具體的程式碼範例。一、前期準備工作在開始編寫程式碼之前,我們需要先下載並安裝微信開發者工具,並註冊成為微信開發者。同時,也需要了解微信

實現微信小程式中的下拉式選單效果,需要具體程式碼範例隨著行動互聯網的普及,微信小程式成為了網路開發的重要一環,越來越多的人開始關注和使用微信小程式。微信小程式的開發相比傳統的APP開發更加簡單快捷,但也需要掌握一定的開發技巧。在微信小程式的開發中,下拉式選單是一個常見的UI元件,實現了更好的使用者操作體驗。本文將詳細介紹如何在微信小程式中實現下拉式選單效果,並提供具

實現微信小程式中的圖片濾鏡效果隨著社群媒體應用程式的流行,人們越來越喜歡在照片中應用濾鏡效果,以增強照片的藝術效果和吸引力。在微信小程式中也可以實現圖片濾鏡效果,為使用者提供更多有趣和創意的照片編輯功能。本文將介紹如何在微信小程式中實現圖片濾鏡效果,並提供具體的程式碼範例。首先,我們需要在微信小程式中使用canvas元件來載入和編輯圖片。 canvas元件可以在頁面

閒魚官方微信小程式已經悄悄上線,它為用戶提供了一個便捷的平台,讓你可以輕鬆地發布和交易閒置物品。在小程式中,你可以與買家或賣家進行私訊交流,查看個人資料和訂單,以及搜尋你想要的物品。那麼閒魚在微信小程式中究竟叫什麼呢,這篇教學攻略將為您詳細介紹,想要了解的用戶們快來跟著本文繼續閱讀吧!閒魚微信小程式叫什麼答案:閒魚,閒置交易二手買賣估價回收。 1、在小程式中可以發布閒置、與買家/賣家私訊交流、查看個人資料及訂單、搜尋指定物品等功能;2、在小程式的頁面中有首頁、附近、發閒置、訊息、我的5項功能;3、

使用微信小程式實現輪播圖切換效果微信小程式是一種輕量級的應用程序,具有簡單、高效的開發和使用特點。在微信小程式中,實作輪播圖切換效果是常見的需求。本文將介紹如何使用微信小程式實現輪播圖切換效果,並給出具體的程式碼範例。首先,在微信小程式的頁面檔案中,新增一個輪播圖元件。例如,可以使用<swiper>標籤來實現輪播圖的切換效果。在該組件中,可以透過b

實作微信小程式中的滑動刪除功能,需要具體程式碼範例隨著微信小程式的流行,開發者在開發過程中經常會遇到一些常見功能的實作問題。其中,滑動刪除功能是常見、常用的功能需求。本文將為大家詳細介紹如何在微信小程式中實現滑動刪除功能,並給出具體的程式碼範例。一、需求分析在微信小程式中,滑動刪除功能的實作涉及以下要點:列表展示:要顯示可滑動刪除的列表,每個列表項目需要包

實現微信小程式中的圖片旋轉效果,需要具體程式碼範例微信小程式是一種輕量級的應用程序,為用戶提供了豐富的功能和良好的用戶體驗。在小程式中,開發者可以利用各種元件和API來實現各種效果。其中,圖片旋轉效果是一種常見的動畫效果,可以為小程式增添趣味性和視覺效果。在微信小程式中實作圖片旋轉效果,需要使用小程式提供的動畫API。以下是一個具體的程式碼範例,展示如何在小程
