本教程主要讲解了如何集成微信支付在微信小程序服务端?操作起来是很简单的,想要学习的朋友们可以跟着小编一起去看一看下文,希望能够帮助到大家。 一共三步: 1.小程序端通过wx.login的返回的code换取openid 2.服务端向微信统一下单 3.小程序端发起支付 事先准备好这几样东西: APPID='wx426b3015555a46be'; MCHID='1900009851'; KEY='8934e7d15453e97507ef794cf7b0519d'; APPSECRET='7813490da6f1265e4901ffb80afaa36f'; 复制代码 PHPSDK,下载链接见文尾 第1、4样是申请小程序时获得的,第2、3样是申请开通微信支付时获得的,注意第3、4样长得比较像,其实是2个东西,两者混淆将导致签名通不过。 向微信端下单,得到prepay_id 1.创建一个Controller,引并WxPay.Api.php类 require_once__DIR__.'/BaseController.php'; require_once__DIR__.'/../third_party/wxpay/WxPay.Api.php'; classWXPayextendsBaseController{ functionindex(){ } } 复制代码 之后可以通过index.php/wxpay来作访问请求 2.修改配置文件WxPay.Config.php 改成自己申请得到相应key 3.实现index方法 functionindex(){ //初始化值对象 $input=newWxPayUnifiedOrder(); //文档提及的参数规范:商家名称-销售商品类目 $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"); echojson_encode($order); } 复制代码 说明1:文档上提到的nonce_str不是没提交,而是sdk帮我们填上的 出处在WxPay.Api.php第55行 $inputObj->SetNonce_str(self::getNonceStr());//随机字符串 复制代码 说明2:sign也已经好心地给setSign了,出处在WxPay.Data.php第111行,MakeSign()中 /** *生成签名 *@return签名,本函数不覆盖sign成员变量,如要设置签名需要调用SetSign方法赋值 */ publicfunctionMakeSign() { //签名步骤一:按字典序排序参数 ksort($this->values); $string=$this->ToUrlParams(); //签名步骤二:在string后加入KEY $string=$string."&key=".WxPayConfig::KEY; //签名步骤三:MD5加密 $string=md5($string); //签名步骤四:所有字符转为大写 $result=strtoupper($string); return$result; } 复制代码 4.小程序内调用登录接口,获取openid 向微信登录请求,拿到code,再将code提交换取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.小程序端发起请求,作统一下单 //统一下单接口对接 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" } 复制代码 6.小程序端调起支付API //发起支付 varappId=response.data.appid; vartimeStamp=(Date.parse(newDate())/1000).toString(); varpkg='prepay_id='+response.data.prepay_id; varnonceStr=response.data.nonce_str; varpaySign=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); } }); 复制代码 模拟器测试,将弹出一个二维码供扫描 结果报了一个错误: errMsg:"requestPayment:fail"err_code:2err_desc:"支付验证签名失败" key需要加入到签名中!!!'appId='+appId+'&nonceStr='+nonceStr+'&package='+pkg+'&signType=MD5&timeStamp='+timeStamp+"&key=d27551c7803cf16*e536b192d5d03b"这才是完整的。 可是文档里明明没提到key啊 支付成功截图
|