ホームページ > 記事 > WeChat アプレット > PHP: WeChat ミニ プログラム WeChat 決済サーバーの統合例 詳細な説明
WeChat ミニ プログラム WeChat 支払いサーバー セット
ミニ プログラム js にはネットワークにアクセスする機能があるため、理論的には、WeChat 支払いの統合作業はすべてミニ プログラム側で完了できますが、セキュリティのために機密キーが使用されないため、公開されておらず、公式プロバイダーを使用できます。既製の php デモはより省力化されているため、署名とリクエストはサーバー側で完了し、アプレットは wx.requestPayment(OBJECT) インターフェイスにのみ接続します。
全体的な統合プロセスは、最初に統一された方法で注文を出し、次に返された結果を使用して支払いを要求します。
全部で 3 つのステップがあります:
1. ミニ プログラムは、wx.login によって返されたコードを openid と交換します 2. サーバーは WeChat に注文を出します 3. ミニ プログラムは支払いを開始します
事前に次のものを準備します。
APPID = 'wx426b3015555a46be'; MCHID = '1900009851'; KEY = '8934e7d15453e97507ef794cf7b0519d'; APPSECRET = '7813490da6f1265e4901ffb80afaa36f';
PHP SDK、ダウンロードリンクは記事の最後にあります
1 番目と 4 番目のサンプルはミニ プログラムの申請時に取得され、2 番目と 3 番目のサンプルは WeChat ペイメントの開設を申請するときに取得されます。 3 番目と 4 番目のサンプルは比較的似ているため、これら 2 つを混同すると署名が失敗します。
WeChat で注文し、prepay_id を取得します
1. コントローラーを作成し、WxPay.Api.php クラスをインポートします
<?php require_once __DIR__ . '/BaseController.php'; require_once __DIR__ . '/../third_party/wxpay/WxPay.Api.php'; class WXPay extends BaseController { function index() { } }
その後、index.php/wxpay
2 を変更してアクセス要求を行うことができます。設定ファイルWxPay.Config.php
対応するキーを自分で適用するように変更します
3.インデックスメソッドを実装します
function index() { // 初始化值对象 $input = new WxPayUnifiedOrder(); // 文档提及的参数规范:商家名称-销售商品类目 $input->SetBody("灵动商城-手机"); // 订单号应该是由小程序端传给服务端的,在用户下单时即生成,demo中取值是一个生成的时间戳 $input->SetOut_trade_no('123123123'); // 费用应该是由小程序端传给服务端的,在用户下单时告知服务端应付金额,demo中取值是1,即1分钱 $input->SetTotal_fee("1"); $input->SetNotify_url("http://paysdk.weixin.qq.com/example/notify.php"); $input->SetTrade_type("JSAPI"); // 由小程序端传给服务端 $input->SetOpenid($this->input->post('openId')); // 向微信统一下单,并返回order,它是一个array数组 $order = WxPayApi::unifiedOrder($input); // json化返回给小程序端 header("Content-Type: application/json"); echo json_encode($order); }
注1: ドキュメント内で言及されているnonce_strは送信されていませんが、SDKがそれを埋めますin for us
ソース WxPay.Api.php 55 行目
$inputObj->SetNonce_str(self::getNonceStr());//随机字符串
説明 2: サインも setSign に与えられています。ソースは WxPay.Data.php 111 行目、MakeSign() にあります
/** * 生成签名 * @return 签名,本函数不覆盖sign成员变量,如要设置签名需要调用SetSign方法赋值 */ public function MakeSign() { //签名步骤一:按字典序排序参数 ksort($this->values); $string = $this->ToUrlParams(); //签名步骤二:在string后加入KEY $string = $string . "&key=".WxPayConfig::KEY; //签名步骤三:MD5加密 $string = md5($string); //签名步骤四:所有字符转为大写 $result = strtoupper($string); return $result; }
4. ミニ プログラム ログイン インターフェイスを呼び出して openid を取得します
WeChat へのログイン要求を取得し、コードを取得して、openId と引き換えにコードを送信します
wx.login({ success: function(res) { if (res.code) { //发起网络请求 wx.request({ url: 'https://api.weixin.qq.com/sns/jscode2session?appid=wx9114b997bd86f***&secret=d27551c7803cf16015e536b192******&js_code='+res.code+'&grant_type=authorization_code', data: { code: res.code }, success: function (response) { console.log(response); } }) } else { console.log('获取用户登录态失败!' + res.errMsg) } } });
コンソールから、 openid の取得に成功したので、あとはそれをサービスに転送するだけです。 サーバー側をクリックするだけで、サーバー側の $this->input->post('openId') が収集を待っています。
5. ミニプログラムは、統合注文を行うために https://lendoo.leanapp.cn/index.php/WXPay へのリクエストを開始します
//统一下单接口对接 wx.request({ url: 'https://lendoo.leanapp.cn/index.php/WXPay', data: { openId: openId }, success: function (response) { console.log(response); }, header: { 'content-type': 'application/x-www-form-urlencoded' }, });
以下の結果が得られます
{ "appid": "wx9114b997bd86f8ed", "mch_id": "1414142302", "nonce_str": "eEICgYFuGqxFRK6f", "prepay_id": "wx201701022235141fc713b8f80137935406", "result_code": "SUCCESS", "return_code": "SUCCESS", "return_msg": "OK", "sign": "63E60C8CD90394FB50E612D085F5362C", "trade_type": "JSAPI" }
前提は https です://lendoo .leanapp.cn はすでにホワイトリストに含まれています:
6. アプレットはシミュレーターテストのために支払い API
// 发起支付 var appId = response.data.appid; var timeStamp = (Date.parse(new Date()) / 1000).toString(); var pkg = 'prepay_id=' + response.data.prepay_id; var nonceStr = response.data.nonce_str; var paySign = md5.hex_md5('appId='+appId+'&nonceStr='+nonceStr+'&package='+pkg+'&signType=MD5&timeStamp='+timeStamp+"&key=d27551c7803cf16***e536b192d5d03b").toUpperCase(); console.log(paySign); console.log(appId); wx.requestPayment({ 'timeStamp': timeStamp, 'nonceStr': nonceStr, 'package': pkg, 'signType': 'MD5', 'paySign': paySign, 'success':function(res){ console.log('success'); console.log(res); } });
を呼び出し、スキャン用の QR コードがポップアップ表示されます
結果はエラーです:
errMsg:"requestPayment:fail" err_code:2 err_desc:"支付验证签名失败"
キーを署名に追加する必要があります! ! ! 'appId='+appId+'&nonceStr='+nonceStr+'&package='+pkg+'&signType=MD5&timeStamp='+timeStamp+"&key=d27551c7803cf16*e536b192d5d03b"これで完了です。
しかし、文書にはキーについての言及はありません
支払いが成功したスクリーンショット
PHPの詳細については、WeChatアプレット、WeChat支払いサーバー統合例の詳細な説明、およびソースコードのダウンロードをご覧ください。PHPに注目してください。関連記事の中国語サイト!