微信支付之JSAPI公衆號支付詳解

這篇文章主要介紹了JSAPI公衆號支付的方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨着小編來一起學習學習吧

前提

本教程默認以下幾點你已經完全滿足:

  1. 開通了認證後的服務號
  2. 服務號開通的微信支付的認證
  3. 騰訊給你的郵件中有商戶登錄的賬號和密碼
  4. 擁有一個可供上傳代碼和設置回調域名的網站或雲服務
  5. 有一點點php知識。

開通了認證後的服務號服務號開通的微信支付的認證騰訊給你的郵件中有商戶登錄的賬號和密碼擁有一個可供上傳代碼和設置回調域名的網站或雲服務有一點點php知識。

第一步:公衆號設置

1、 你的公衆號,在支付認證的標籤下, 內容應該和下圖類似。證明公衆號已經完成了認證和合約的簽署。

2、 然後在微信支付–開發配置中,設置測試授權目錄和測試白名單

3、 在公衆號設置-功能設置標籤中,設置JS接口安全域名,這個域名在認證獲取token的過程中可能會用到。但具體如何使用目前我也不是特別的清楚,只是按照大家的思路配置完事。

第二步:下載,調試SDK

1、 進入下載頁面,選擇要下載的SDK類型,這裏我們選擇的是PHP類型

2、 下載完成之後,使用IDE將SDK打開,其文件目錄應如下所示:

3、 將這個sdk整體打包上傳到你的服務器上,或是雲服務平臺。將網址發送到微信客戶端,打開應該能看到如下界面

4、 點擊JSAPI支付

5、 點擊立即支付

6、 交易成功返回頁面。

第三步:修改代碼,訪問自己的商戶

1、 index.php.將第一個列表中的a標籤中具體的網址,轉爲你自己的網址,這樣你的配置才能生效。
注:這一步一定要注意,很多教程都沒說,結果我改來改去都是訪問騰訊的測試頁面。

2、 然後在jsapi.php找到如下的代碼:

//①、獲取用戶openid
$tools = new JsApiPay();
$openId = $tools->GetOpenid();

3、 進入GetOpenid()函數

public function GetOpenid()
  {
    //通過code獲得openid
    if (!isset($_GET['code'])){
      //觸發微信返回code碼
      $baseUrl = urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].$_SERVER['QUERY_STRING']);
      $url = $this->__CreateOauthUrlForCode($baseUrl);
      Header("Location: $url");
      exit();
    } else {
      //獲取code碼,以獲取openid
      $code = $_GET['code'];
      $openid = $this->getOpenidFromMp($code);
      return $openid;
    }
  }

大概說一下代碼功能:

通過baseUrl 獲取基礎網址通過url 拼裝獲取code的url然後通過header函數進行跳轉。

4、 進入lib/WxPay.Config.php文件,根據說明修改以下幾個內容

//=======【基本信息設置】=====================================
  //
  /**
   * TODO: 修改這裏配置爲您自己申請的商戶信息
   * 微信公衆號信息配置
   * 
   * APPID:綁定支付的APPID(必須配置,開戶郵件中可查看)
   * 
   * MCHID:商戶號(必須配置,開戶郵件中可查看)
   * 
   * KEY:商戶支付密鑰,參考開戶郵件設置(必須配置,登錄商戶平臺自行設置)
   * 設置地址:https://pay.weixin.qq.com/index.php/account/api_cert
   * 
   * APPSECRET:公衆帳號secert(僅JSAPI支付的時候需要配置, 登錄公衆平臺,進入開發者中心可設置),
   * 獲取地址:https://mp.weixin.qq.com/advanced/advanced?action=dev&t=advanced/dev&token=2005451881&lang=zh_CN
   * @var string
   */
  const APPID = '你的appid'; //demo:wx426b3015555a46be
  const MCHID = '郵件中的商戶號';//demo:1225312702
  const KEY = '這個是你在商戶管理平臺-API安全中自行設置的32位字符串';//demo:e10adc3949ba59abbe56e057f20f883e
  const APPSECRET = '你的app密鑰';//demo:01c6d59a3f9024db6336662ac95c8e74

  //=======【證書路徑設置】=====================================
  /**
   * TODO:設置商戶證書路徑
   * 證書路徑,注意應該填寫絕對路徑(僅退款、撤銷訂單時需要,可登錄商戶平臺下載,
   * API證書下載地址:https://pay.weixin.qq.com/index.php/account/api_cert,下載之前需要安裝商戶操作證書)
   * @var path
   */
  const SSLCERT_PATH = '../cert/apiclient_cert.pem';
  const SSLKEY_PATH = '../cert/apiclient_key.pem';

5、 設置Key

6、 配置完成後,基本上也就能夠如同SDK例子一樣的使用公衆號支付功能了。

支付完成後,在商戶管理平臺應該能查到類似下面的流水信息

如果有問題

如果你點擊JSAPI支付,出現log.php的訪問權限問題

permission denied in example/log.php

解決方案如下:

1、 進入jsapi.php文件

2、 找到下面的代碼

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

3、 將這三句話註釋掉就行了。

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

這樣應該就可以用了。

4、 界面應該和下面的一樣,其中金額上面,應該顯示你註冊的商戶平臺錄入的商戶名稱。

jsapi無法使用你不是公衆號平臺關注用戶

1、 返回查看你設置的測試白名單中加入的微信號,和你測試用的微信號是否一致,不一致請設置一致

2、 微信平臺bug,你將白名單中的微信號刪除,然後重新添加一遍就可以了

jsapi報錯

1、 檢查下面的內容,是否與你當前的公衆號和商戶號配置是一致的。

 /**
   * TODO: 修改這裏配置爲您自己申請的商戶信息
   * 微信公衆號信息配置
   * 
   * APPID:綁定支付的APPID(必須配置,開戶郵件中可查看)
   * 
   * MCHID:商戶號(必須配置,開戶郵件中可查看)
   * 
   * KEY:商戶支付密鑰,參考開戶郵件設置(必須配置,登錄商戶平臺自行設置)
   * 設置地址:https://pay.weixin.qq.com/index.php/account/api_cert
   * 
   * APPSECRET:公衆帳號secert(僅JSAPI支付的時候需要配置, 登錄公衆平臺,進入開發者中心可設置),
   * 獲取地址:https://mp.weixin.qq.com/advanced/advanced?action=dev&t=advanced/dev&token=2005451881&lang=zh_CN
   * @var string
   */
  const APPID = 'demo:wx426b3015555a46be';
  const MCHID = '1225312702';
  const KEY = 'e10adc3949ba59abbe56e057f20f883e';
  const APPSECRET = '01c6d59a3f9024db6336662ac95c8e74';

#cer商戶證書

該證書需要上傳到example目錄統一目錄下的cer文件中,登錄商戶平臺,下載後,覆蓋該文件夾即可

注意

測試授權目錄,和你的服務器地址,一級域名必須是一致的。否則無法通過支付驗證。

以上所述是小編給大家介紹的JSAPI公衆號支付的方法詳解整合,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回覆大家的。在此也非常感謝大家對神馬文庫網站的支持!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章