上一篇咱們講了在微信瀏覽器內實現微信支付的功能,它特別適合於一些基於微信公衆號的h5站點等,支付流程也至關流暢,可是...php
還有一種狀況,好比如今北哥兄弟連PC版,是生成了一個二維碼,這個二維碼是專屬的,掃描後直接就蹦出了支付頁面。如今告訴你它如何實現的~html
本文相關框架前端
Yii2數據庫
EasyWechatjson
上節課咱們講了一個很重要的概念,那就是預支付交易回話標識 「咱們先調用接口在微信支付服務後臺生成預支付交易單,返回正確的預支付交易回話標識後再按掃碼、JSAPI、APP等不一樣場景生成交易串調起支付。」segmentfault
換句話說,獲取預支付交易回話標識 這步基本都是一致的,不一樣就在於場景不一樣,你們必定要觸類旁通。api
那麼你還記得上篇咱們獲取 預支付交易回話標識 的代碼實現麼?數組
忘記了?那你先穿越下:開啓穿越門瀏覽器
核心就是這段代碼安全
我先來模擬一個場景,假設咱們如今有一個action(index.php?r=charge/qrcode)負責生成上篇文章充值花費的微信二維碼,但願結果是微信掃碼後,不進入任何頁面,直接蹦出輸入支付密碼的地方,而後就支付了。
// ChargeController use EasyWeChat\Foundation\Application; use EasyWeChat\Payment\Order; ... /** * 生成支付二維碼 **/ public function actionQrcode(){ $charge = new Charge(); // 刷刷刷一堆代碼,就生成了未付款訂單。 // 經過EasyWechat來調用 $config = Yii::$app->params['WECHAT']; $wxApp = new Application($config); $payment = $wxApp->payment; $notifyUrl = Yii::$app->request->getHostInfo() . Url::to(['/wechat/charge/notify-qrcode']); $attributes = [ 'trade_type'=>Order::NATIVE,//不一樣點 'body'=>"商品描述", 'detail'=>"商品簡介", 'out_trade_no'=>$charge->number, 'total_fee'=>$charge->money*100, 'notify_url'=>$notifyUrl ]; $o = new Order($attributes); $result = $payment->prepare($o); if ($result->return_code == 'SUCCESS' && $result->result_code == 'SUCCESS'){ $prepayId = $result->prepay_id; $codeUrl = $result->code_url; } } ...
上面的codeUrl就是支付二維碼內容,從這裏你看到了,其實流程仍是同樣的,先得到一個prepayId(Native類型),而後得到一個codeUrl,固然,在視圖裏面你須要用一個庫將這個codeUrl生成一個二維碼(可使用Yii的yii2-qrcode-helper庫或js庫都成)。
要注意:這個過程是原生的微信支付,和公衆號沒有半毛錢關係,所以在$attributes 裏你看到了,沒有 openid 這個必填項了已經,這點要尤爲注意
而後瀏覽器就會出現一個二維碼,以下圖。
你真的用微信掃了?好純真的少年呀,這是北哥小報的公衆號二維碼呀。好了,反正你將codeUrl的內容生成了一個二維碼,客戶微信掃描後。
而後客戶進行支付,錢就刷刷刷的進入到微信支付平臺帳號啦。
哦,還有一點,就是咱們如何知道微信支付成功了那,對於原生掃碼支付,咱們也須要給微信提供一個異步通知的地址,對,就是那個$notifyUrl,看來你認真看了上一篇。
在上面設置生成二維碼代碼裏咱們定義了一個url
$notifyUrl = Yii::$app->request->getHostInfo() . Url::to(['/wechat/charge/notify-qrcode']);
如今咱們就用它來接收微信給咱們的反饋
public function actionNotifyQrcode(){ $config = Yii::$app->params['WECHAT']; $wxApp = new Application($config); $payment = $wxApp->payment; $response = $payment->handleNotify(function ($notify, $successful){ if ($successful) { $order_arr = json_decode($notify, true); $transactionId = $order_arr['transaction_id']; // $order_arr就是微信異步通知給服務器的信息 //todo 咱們的邏輯,將charge變爲已支付 } }); $response->send(); }
很奇怪是麼,它和接收公衆號支付類的notify是同樣的,並且EasyWeChat封裝的就幾行代碼,非常簡單。
要注意:這也是一個POST請求,請關閉該方法的csrf驗證,不然Yii會將其拒之門外。
這就完了麼?是的。
二維碼支付其實比公衆號設置的更簡單,你也看到了,生成二維碼,而後掃描接收支付通知,處理本地邏輯。
關於APP的的微信支付要日後放一放,這個還要涉及對於APP SDK的配置等。
接下來咱們還會將微信企業支付接口和微信發紅包接口這兩個微信支付。
(完)
轉自:https://segmentfault.com/a/1190000009826689
框架下載:https://www.easywechat.com/
前期準備:
申請微信支付後, 會收到2個參數, 商戶id,和商戶key.
注意,這2個參數,不要和微信的參數混淆.
微信參數: appid, appkey, token
支付參數: merchant_id(商戶號), key(支付密鑰)
支付密鑰怎麼獲得?
到 https://pay.weixin.qq.com -->帳戶中心-->API安全-->設置API密鑰
自行設置一個32位的密鑰
微信支付流程:
一、composer安裝EasyWechat包
環境要求:
安裝:
composer require overtrue/wechat:~3.1 -vvv
二、公衆號配置
2.一、配置支付目錄及受權域名
2.二、配置網頁受權
三、初始化SDK,建立一個 EasyWeChat\Foundation\Application
實例
<?php use EasyWeChat\Foundation\Application; protected $app=null; public function construct(){ $options = [ /** * Debug 模式,bool 值:true/false * * 當值爲 false 時,全部的日誌都不會記錄 */ 'debug' => true, /** * 帳號基本信息,請從微信公衆平臺/開放平臺獲取 */ 'app_id' => 'your-app-id', // AppID 'secret' => 'your-app-secret', // AppSecret 'token' => 'your-token', // Token 'aes_key' => '', // EncodingAESKey,安全模式下請必定要填寫!!! /** * 日誌配置 * * level: 日誌級別, 可選爲: * debug/info/notice/warning/error/critical/alert/emergency * permission:日誌文件權限(可選),默認爲null(若爲null值,monolog會取0644) * file:日誌文件位置(絕對路徑!!!),要求可寫權限 */ 'log' => [ 'level' => 'debug', 'permission' => 0777, 'file' => '/tmp/easywechat.log', ], /** * OAuth 配置 * * scopes:公衆平臺(snsapi_userinfo / snsapi_base),開放平臺:snsapi_login * callback:OAuth受權完成後的回調頁地址 */ 'oauth' => [ 'scopes' => ['snsapi_userinfo'], 'callback' => '/examples/oauth_callback.php', ], /** * 微信支付 */ 'payment' => [ 'merchant_id' => 'your-mch-id', 'key' => 'key-for-signature', 'cert_path' => 'path/to/your/cert.pem', // XXX: 絕對路徑!!!! 'key_path' => 'path/to/your/key', // XXX: 絕對路徑!!!! 'notify_url' => '默認的訂單回調地址', // 你也能夠在下單時單獨設置來想覆蓋它 // 'device_info' => '013467007045764', // 'sub_app_id' => '', // 'sub_merchant_id' => '', // ... ], ]; $this->$app = new Application($options); }
4. 獲得支付對象payment
$payment =$this->$app->payment;
五、把訂單對象order(訂單號,金額,openid)以參數傳入
<?php use EasyWeChat\Foundation\Application; use EasyWeChat\Payment\Order; $attributes = [ 'trade_type' => 'JSAPI', // JSAPI,NATIVE,APP... 'body' => 'iPad mini 16G 白色', 'detail' => 'iPad mini 16G 白色', 'out_trade_no' => '1217752501201407033233368018',//訂單號 'total_fee' => 5388, // 單位:分 'notify_url' => 'http://xxx.com/order-notify', // 支付結果通知網址,若是不設置則會使用配置裏的默認地址 'openid' => '當前用戶的 openid', // trade_type=JSAPI,此參數必傳,用戶在商戶appid下的惟一標識, // ... ]; $order = new Order($attributes);
6.、預處理,獲得一個預處理id, payment->prepare(order);
$result = $payment->prepare($order); if ($result->return_code == 'SUCCESS' && $result->result_code == 'SUCCESS'){ $prepayId = $result->prepay_id; }
七、生成支付JS配置
$json = $payment->configForPayment($prepayId); // 返回 json 字符串,若是想返回數組,傳第二個參數 false
八、將把訂單號和json寫入用戶確認支付的模板中,觸發js,調起支付
return view('done',['order'=>$ordersn,'json'=>$json]);
<script> $('form').submit (function() { WeixinJSBridge.invoke( 'getBrandWCPayRequest', {!!$json!!}, function(res){ if(res.err_msg == "get_brand_wcpay_request:ok" ) { // 使用以上方式判斷前端返回,微信團隊鄭重提示: // res.err_msg將在用戶支付成功後返回 // ok,但並不保證它絕對可靠。 } } ); return false; }); </script>
九、成功回調
在用戶成功支付後,微信服務器會向該 訂單中設置的回調URL 發起一個 POST 請求,請求的內容爲一個 XML。
先在中間件VerifyCsrfToken中配置paid方法無需走CSRF驗證
public function paid(){ $response =$this->$app->payment->handleNotify(function($notify, $successful){ // 使用通知裏的 "微信支付訂單號" 或者 "商戶訂單號" 去本身的數據庫找到訂單 $order = 查詢訂單($notify->out_trade_no); if (!$order) { // 若是訂單不存在 return 'Order not exist.'; // 告訴微信,我已經處理完了,訂單沒找到,別再通知我了 } // 若是訂單存在 // 檢查訂單是否已經更新過支付狀態 if ($order->paid_at) { // 假設訂單字段「支付時間」不爲空表明已經支付 return true; // 已經支付成功了就再也不更新了 } // 用戶是否支付成功 if ($successful) { // 不是已經支付狀態則修改成已經支付狀態 $order->paid_at = time(); // 更新支付時間爲當前時間 $order->status = 'paid'; } else { // 用戶支付失敗 $order->status = 'paid_fail'; } $order->save(); // 保存訂單 return true; // 返回處理完成 }); return $response; }
至此微信支付就完成了,如有其餘問題,請參考EasyWeChat文檔
轉自:
https://www.cnblogs.com/lamp01/p/7420944.html