實戰：微信小程序支付開發

mdluo 發布于2019-06-27 15:00 / 1291人閱讀

摘要：調用微信申請支付的方式生成一串驗證信息如下小程序隨機字符串的預支付交易單小程序就是上面的驗證信息測試開啟校驗請求域名與配置，點擊預覽使用真機測試，開發工具不會響應發起支付的接口。

該文章紀錄了我在開發小程序支付過程中的具體流程
自己寫的一個簡單電商小程序：https://github.com/ateddy/Wec...

1. 申請微信支付

小程序認證后進入微信支付申請小程序的微信支付

填寫企業信息對公賬戶并上傳憑證后，微信支付會打一筆隨機金額到對公賬戶，輸入金額完成驗證后，在線簽署協議，這樣整個微信支付的申請流程完成了。注意此處申請所填寫的信息都需要真實且詳細，設置小程序的密鑰。

微信支付申請完，會發送微信支付商戶號，商戶平臺用戶名密碼等信息到注冊者郵箱。

2.配置商戶信息

申請微信支付成功后，登陸商戶平臺(pay.weixin.qq.com)進入賬戶中心，設置微信商戶的API Key與下載證書

3.配置Https服務器

小程序的前端是使用微信提供的框架開發，但是后臺依然是開發者自己的服務器。小程序發起的是 https 請求，意味著小程序開發者必須配置 https 服務器。
配置 https 服務器之前，先要獲取證書，證書可以向相關機構購買，騰訊云目前可以向用戶提供免費的證書。

證書安裝指引在這里查看：
https://www.qcloud.com/docume...

4.服務端準備

下載微信支付sdk,配置微信小程序信息與商戶信息，放置證書到對應目錄。調用微信申請支付JSAPI的方式生成一串驗證信息如下：

appId:"wx3*******6"http://小程序id
nonceStr:"qdpys6rdizbnpj12ahwvkf568a6c1sr9" //隨機字符串
package:"prepay_id=wx2016***********3" //wx的預支付交易單
paySign:"8A7DC1A560B3B6DB0C656AC382D3E6F1"
signType:"MD5"
timeStamp:"1481167418"

5.小程序demo：

  const wechatData = payRes.data.payment;//wechatData就是上面的驗證信息
  console.log(wechatData);
  wx.requestPayment({
    "appId" : wechatData.appId,
    "timeStamp": wechatData.timeStamp,
    "nonceStr": wechatData.nonceStr,
    "package": wechatData.package,
    "signType": "MD5",
    "paySign": wechatData.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");
  }
});
console.log(2);

6.測試

開啟校驗請求域名與AppID配置，點擊預覽使用真機測試，開發工具不會響應發起支付的接口。

云服務器 GPU云服務器微信小程序支付微信小程序免費開發微信小程序怎樣開發微信小程序的開發

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

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

從零開始：微信小程序新手入門寶典《一》

摘要：為了方便大家了解并入門微信小程序，我將一些可能會需要的知識，列在這里，讓大家方便的從零開始學習一微信小程序的特點張小龍張小龍全面闡述小程序，推薦通讀此文小程序是一種不需要下載安裝即可使用的應用，它出現了觸手可及的夢想，用戶掃一掃或者搜一下即為了方便大家了解并入門微信小程序，我將一些可能會需要的知識，列在這里，讓大家方便的從零開始學習；一：微信小程序的特點張小龍：張小龍全面闡述小程...

whataa 2019-07-25 11:18 評論0 收藏0
從零開始：微信小程序新手入門寶典《一》

摘要：為了方便大家了解并入門微信小程序，我將一些可能會需要的知識，列在這里，讓大家方便的從零開始學習一微信小程序的特點張小龍張小龍全面闡述小程序，推薦通讀此文小程序是一種不需要下載安裝即可使用的應用，它出現了觸手可及的夢想，用戶掃一掃或者搜一下即為了方便大家了解并入門微信小程序，我將一些可能會需要的知識，列在這里，讓大家方便的從零開始學習；一：微信小程序的特點張小龍：張小龍全面闡述小程...

mdluo 2019-08-21 15:02 評論0 收藏0
從零開始：微信小程序新手入門寶典《一》

摘要：為了方便大家了解并入門微信小程序，我將一些可能會需要的知識，列在這里，讓大家方便的從零開始學習一微信小程序的特點張小龍張小龍全面闡述小程序，推薦通讀此文小程序是一種不需要下載安裝即可使用的應用，它出現了觸手可及的夢想，用戶掃一掃或者搜一下即為了方便大家了解并入門微信小程序，我將一些可能會需要的知識，列在這里，讓大家方便的從零開始學習；一：微信小程序的特點張小龍：張小龍全面闡述小程...

LdhAndroid 2019-08-14 17:08 評論0 收藏0
10行代碼實現小程序支付功能！丨實戰

摘要：前面給大家講過一個借助小程序云開發實現微信支付的，但是那個操作稍微有點繁瑣，并且還會經常出現問題，今天就給大家講一個簡單的，并且借助官方支付實現小程序支付功能。只需要一個簡單的云函數，就可以輕松的實現微信小程序支付功能。前面給大家講過一個借助小程序云開發實現微信支付的，但是那個操作稍微有點繁瑣，并且還會經常出現問題，今天就給大家講一個簡單的，并且借助官方支付api實現小程序支付功能。...

SimpleTriangle 2019-08-26 10:48 評論0 收藏0