H5+APP 微信支付 使用方法

发布于 2020-11-11  66 次阅读


要想在APP里使用微信支付功能,首先到 微信开发者中心 进入官方 ,申请开发者帐号,创建移动应用,创建好等审核通过,

然后 申请微信支付功能,支付功能需要300元验证费用,开通之后,就可以使用微信支付功能了。

Android平台,确定你的安卓证书 签名已经填写进去,还有应用的包名填写正确,例如:

应用签名:b42c12942a52ef1ef83b6ee09bc8aeb1

包名:com.html5app.html5app

  1. 将申请到的 AppID 填写到项目 manifest.json 配置文件中。
  2. 获得 5+APP 支付的方法,通过 plus.payment.getChannels 方法获取相关支付通道,如果勾选到微信支付和支付宝,它将会循环出来。 // 获取支付通道, 这里的支付通道,主要是官方支持的一些支付方法,可以在SDK配置,微信和支付宝相关参数
 var pays=[]; //储存相关支付通道的信息

    plus.payment.getChannels(function(channels)
    {

    for(var i in channels)
    {
    var channel=channels[i];
    if(channel.id=='qhpay'||channel.id=='qihoo')
    {    // 过滤掉不支持的支付通道
    continue;
    }
    console.log("支付方式:"+channel.id); //
    pays[channel.id]=channel;

    }    
    });    
  1. 微信支付的原理是:首先提交订单数据到服务器生成预付订单后,通过微信API接口,返回生成的一些订单的信息及密钥,回到APP客户端,再调起微信支付窗口,提示用户完成支付。 以 PHP 为例: 填你写微信商户的相关信息,
    <?php

    class weChat_Pay
    {
    //入口函数
    function weChatPay(body,trade_no,total_fee=1)
    {json = array();
       //生成预支付交易单的必选参数:

       newPara = array();
       //应用IDnewPara["appid"] = "wx78e18a8efcd18214";
       //商户号
       newPara["mch_id"] = "1488199398";
       //设备号newPara["device_info"] = "WEB";
       //随机字符串,这里推荐使用函数生成
       newPara["nonce_str"] =this->getRandChar(32); //"1add1a30ac87aa2db72f57a2375d8fec";
       //商品描述
       newPara["body"] =body;// "APP支付测试";
        //商品详情
     // newPara["detail"] =detail;//     
       //商户订单号,这里是商户自己的内部的订单号
       newPara["out_trade_no"] =trade_no;// "1415659990";
       //总金额
       newPara["total_fee"] =total_fee;//total_fee1;
       //终端IPnewPara["spbill_create_ip"] = _SERVER["REMOTE_ADDR"];
       //通知地址,注意,这里的url里面不要加参数newPara["notify_url"] = "http://app.html5-app.com/onehk_notify.v1.php";
       //交易类型
       newPara["trade_type"] = "APP";

       //第一次签名newPara["sign"] =this->produceWeChatSign(newPara);
       //把数组转化成xml格式
       xmlData =this->getWeChatXML(newPara);


      //get_data=[];
       //利用PHP的CURL包,将数据传给微信统一下单接口,返回正常的prepay_id
       get_data =this->sendPrePayCurl(xmlData);

      // return json_encode(get_data);
       //返回的结果进行判断。
       if(get_data['return_code'] == "SUCCESS" &&get_data['result_code'] == "SUCCESS")
       {
        //根据微信支付返回的结果进行二次签名
        //二次签名所需的随机字符串
        newPara["nonce_str"] =this->getRandChar(32);// "5K8264ILTKCH16CQ2502SI8ZNMTM67VS";
        //二次签名所需的时间戳
        newPara['timeStamp'] = time()."";
        //二次签名剩余参数的补充secondSignArray = array(
         "appid"=>newPara['appid'],
         "noncestr"=>newPara['nonce_str'],
         "package"=>"Sign=WXPay",
         "prepayid"=>get_data['prepay_id'],
         "partnerid"=>newPara['mch_id'],
         "timestamp"=>newPara['timeStamp'],
        );json['datas'] = secondSignArray;json['ordersn'] = newPara["out_trade_no"];json['datas']['sign'] =this->weChatSecondSign(newPara,get_data['prepay_id']);json['message'] = "预支付完成";
        //预支付完成,在下方进行自己内部的业务逻辑
        /*****************************/
        return json;
       }
      else
       {json['message'] = get_data['return_msg'];
       }
      returnjson;

    }

    //第一次签名的函数produceWeChatSign
    public static function produceWeChatSign(newPara)
    {
      //stringA =http_build_query(newPara);
      //stringSignTemp=stringA."&key=7b094c83e8667ec1be4c1c9653b1e6c7";
     // return strtoupper(MD5(stringSignTemp));
       foreach (newPara ask => v)
            {Parameters[strtolower(k)] =v;
            }
            //签名步骤一:按字典序排序参数
            ksort(Parameters);String =self::formatBizQueryParaMap(Parameters, false);
            //echo "【string】 =".String."</br>";
            //签名步骤二:在string后加入KEY
            String =String."&key=7b094c83e8667ec1be4c1c9653b1e6c7";
            //签名步骤三:MD5加密
            result_ = strtoupper(md5(String));
            return result_;



     }

    //将数组转成uri字符串
    public static function formatBizQueryParaMap(paraMap, urlencode)
        {buff = "";
            ksort(paraMap);
            foreach (paraMap as k =>v)
            {
                if(urlencode)
                {v = urlencode(v);
                }buff .= strtolower(k) . "=" .v . "&";
            }
            reqPar;
            if (strlen(buff) > 0) 
            {
                reqPar = substr(buff, 0, strlen(buff)-1);
            }
            returnreqPar;
        }
    //生成xml格式的函数
    public static function getWeChatXML(arr)
    {xml = "<xml>";
            foreach (arr askey=>val)
            {
                 if (is_numeric(val))
                 {
                    xml.="<".key.">".val."</".key.">"; 

                 }
                 else
                    xml.="<".key."><![CDATA[".val."]]></".key.">";  
            }
            xml.="</xml>";
            returnxml; 
     }

    //通过curl发送数据给微信接口的函数
    function sendPrePayCurl(xmlData) {url = "https://api.mch.weixin.qq.com/pay/unifiedorder";
      header[] = "Content-type: text/xml";curl = curl_init();
      curl_setopt(curl, CURLOPT_HTTPHEADER,header);
      curl_setopt(curl, CURLOPT_URL,url);
      curl_setopt(curl, CURLOPT_RETURNTRANSFER, true);
      curl_setopt(curl, CURLOPT_POST, 1);
      curl_setopt(curl, CURLOPT_POSTFIELDS,xmlData);
      curl_setopt(curl, CURLOPT_SSL_VERIFYPEER, false);
      curl_setopt(curl, CURLOPT_SSL_VERIFYHOST,FALSE);
      data = curl_exec(curl);
      if (curl_errno(curl)) {
       print curl_error(curl);
      }
      curl_close(curl);
      return self::XMLDataParse(data);
     }

     //获取指定长度的随机字符串
    public static function getRandChar(length)
    {str = null;
           strPol = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyz";max = strlen(strPol)-1;

           for(i=0;i<length;i++){str.=strPol[rand(0,max)];//rand(min,max)生成介于min和max两个数之间的一个随机整数
           }
           return strtoupper(str);
    }

    //xml格式数据解析函数
     public static function XMLDataParse(data){
      msg = array();msg = (array)simplexml_load_string(data, 'SimpleXMLElement', LIBXML_NOCDATA);
      returnmsg;
     }

    //二次签名的函数
    function weChatSecondSign(newPara,prepay_id){
      secondSignArray = array(
       "appid"=>newPara['appid'],
       "noncestr"=>newPara['nonce_str'],
       "package"=>"Sign=WXPay",
       "prepayid"=>prepay_id,
       "partnerid"=>newPara['mch_id'],
       "timestamp"=>newPara['timeStamp'],
      );
      stringA =self::formatBizQueryParaMap(secondSignArray,false);
      stringSignTemp=stringA."&key=7b094c83e8667ec1be4c1c9653b1e6c7";
      return strtoupper(MD5($stringSignTemp));
     }

     }
     ?>
  1. 然后调用PHP 类
    weChat=new weChat_Pay();getwx=weChat->weChatPay("商品标题","订单号","金额");data["pay"]="wxpay";
     data["type"]=getwx;

     echo json_encode($data);

返回微信商户返回的一些相关信息

5.APP前端返回数据后,通过 plus.payment.request 调起微信支付窗口

假如: 返回的是微信支付信息

    plus.payment.request(pays[data.pay],data.type["datas"],function(returns)
    {
     //支付成功
    },function(e)
    {
     // plus.nativeUI.alert(JSON.stringify(e));
    //用户取消支付或出错
    });
  1. 到此微信支付就完成了。

7.如果通到微信支付错误-100,或其他错误,检查微信相关参数是否填写正确,应用需要在线打包后才能测试使用,PHP 需要在服务器环境才能使用微信支付。


一沙一世界,一花一天堂。君掌盛无边,刹那成永恒。