1、开发前准备
开发前，需要准备好以下资料：微信公众号AppId，商户号mchid，密钥key，微信公众号APPSecret，API证书
（1）申请微信认证服务号，开通微信支付，并在微信支付后台，关联服务号的appid
（2）下载微信支付sdk：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=11_1
（3）准备支付接入的域名，为域名申请SSL证书，配置服务器，具体方法如下：如何配置SSL，并让http转向https_开心lulu的博客-CSDN博客_http配置ssl
（3）设置JSAPI支付授权目录，操作步骤：登录微信支付商户平台（https://pay.weixin.qq.com） >> 产品中心 >> 开发配置 >>支付配置 >> 支付授权目录，如下图：
（4）设置APIv2密钥，操作步骤：登录微信支付商户平台（https://pay.weixin.qq.com）>> 账户中心 >> 账户设置 >> API安全 >> APIv2密钥 >> 设置
（5）申请API证书，?操作步骤：登录微信支付商户平台（https://pay.weixin.qq.com）>> 账户中心 >> 账户设置 >> API安全 >> 申请API证书 >> 管理证书
步骤参照：https://kf.qq.com/faq/161222NneAJf161222U7fARv.html
点击下载证书工具；下载后，双击“WXCertUtil.exe”文件，选择安装路径后，点击申请证书
也可通过以下链接下载证书工具：
windows版本?：https://wx.gtimg.com/mch/files/WXCertUtil.exe
mac版本?：https://wx.gtimg.com/mch/files/WXCertUtil.dmg
在【证书工具】，填写商户号信息（商户号、商户名称），点击下一步
在【证书工具】，复制证书请求串
（若提示"请粘贴请求串到商户平台获取证书串"，请在第5点步骤检查是否已粘贴。可同时尝试手动鼠标复制粘贴的方法）
在【商户平台】，粘贴证书请求串
在【商户平台】，输入操作密码，安全验证后生成证书串
在【商户平台】，复制证书串
在【证书工具】，粘贴证书串，点击下一步，申请证书成功
（若提示"证书与本地公私钥不匹配"，可能是浏览器禁用了剪切板复制功能。请在操作步骤第7点，操作时使用鼠标选中全部证书串内容（注意右边有下拉框），单击鼠标右键选择复制）
提醒：请将生成的证书文件转交给技术人员，由技术人员将证书部署到服务器上（请务必妥善保管证书及私钥，因为私钥文件只能通过证书工具导出，若私钥丢失，则无法找回，只能作废后重新申请。）
（6）获取APPSecret
?2、部署sdk包
将第一步下载下来的sdk包改名为 WxpayJSAPI（可自由命名），复制到ThinkPHP\Library\Vendor目录下，以便后续调用。
原包中没有cert和logs目录，新建cert用来存放证书，当然，你也可以存放在你喜欢的目录，之后在配置文件中修改证书目录即可，logs日志目录同理。
3、修改包中的引用路径
即将所有的 require_once “…/” 改成 VENDOR_PATH 路径
如果觉得修改麻烦，可以直接下载我修改好的：https://download.csdn.net/download/zhouyankaixin/86540539
4、修改配置文件
打开文件 WxPayJsapi/example/WxPay.Config.php
修改里面的配置信息
5、编写支付的控制器和视图
我创建的控制器为：WxPayController.class.php，方法为：payJsApi，代码如下：
public function payJsApi(){
//订单ID
$id=I('id',0,'intval');
/*这里可以获取订单相关信息，做对应判断*/
//引入文件
vendor('WxPayJsapi.example.WxPay#JsApiPay');
try{
$tools = new \JsApiPay();
$openId = $tools->GetOpenid();
//②、统一下单
$input = new \WxPayUnifiedOrder();
$input->SetBody('商品名称');
$input->SetAttach("test");
$input->SetOut_trade_no("订单编号");
$input->SetTotal_fee("1");//订单金额，单位分
$input->SetTime_start(date("YmdHis"));
//微信支付订单过期时间，以下表示过期时间为10分钟
$input->SetTime_expire(date("YmdHis", time() + 600));
$input->SetGoods_tag("商品标签");
//完整回调页面：https://...
$input->SetNotify_url("回调页面");
$input->SetTrade_type("JSAPI");
$input->SetOpenid($openId);
$config = new \WxPayConfig();
$order = \WxPayApi::unifiedOrder($config, $input);
$jsApiParameters = $tools->GetJsApiParameters($order);
//下单成功后，需要将微信返回的接口json字符串保存到数据库中，以便用户暂时未支付时，下次点开可支付
/*保存代码*/
$this->assign('jsApiParameters',$jsApiParameters);
//获取共享收货地址js函数参数（如果不需要收货地址，这里可以删除）
$editAddress = $tools->GetEditAddressParameters();
$this->display();exit;
} catch(Exception $e) {
\Log::ERROR(json_encode($e));
}
}视图代码如下（以下不需要收货地址），如有需要修改收货地址，可参考官方DEMO：WxPayJsapi/example/jsapi.php
<script type="text/javascript">
var jsApiParameters={$jsApiParameters};
function jsApiCall()
{
WeixinJSBridge.invoke(
'getBrandWCPayRequest',
jsApiParameters,
function(res){
if(res.err_msg=='get_brand_wcpay_request:ok'){
//支付成功
//...
}else{
if(res.err_msg=='get_brand_wcpay_request:cancel'){
//取消
alert('支付已取消');
}else{
//支付失败
alert(res.err_code+res.err_desc+res.err_msg);
}
}
}
);
}
function callpay()
{
jsApiCall();
}
</script>
<body>
<br/>
<font color="#9ACD32"><b>该笔订单支付金额为<span style="color:#f00;font-size:50px">1分</span>钱</b></font><br/><br/>
<div align="center">
<button style="width:210px; height:50px; border-radius: 15px;background-color:#FE6714; border:0px #FE6714 solid; cursor: pointer; color:white; font-size:16px;" type="button" onClick="callpay()" >立即支付</button>
</div>
</body>访问支付页面：
6、回调
public function notifyWx(){
//回调数据，xml格式
$strXml=$GLOBALS['HTTP_RAW_POST_DATA'];
//将xml转成数组
$reData=xmlToArray($strXml);
if($reData['return_code']=='SUCCESS'){
//订单ID
$transaction_id=$reData['transaction_id'];
//查询订单状态
vendor('WxPayJsapi.example.notify');//引入文件
$notify=new \PayNotifyCallBack();
$result=$notify->Queryorder($transaction_id);
if(!$result){
//支付失败的
echo '该订单还没支付';
exit;
}
/*修改订单状态，保存支付记录*/
}
exit;
}/**
* xml转数组
* @param string $xmlStr xml字符串
*/
function xmlToArray($xmlStr){
//1.xml数据转成object对象
$xml = simplexml_load_string($xmlStr, 'SimpleXMLElement', LIBXML_NOCDATA);
//2.object对象转json格式
$xml = json_encode($xml);
//3.json格式转数组
$arr = json_decode($xml,true);
return $arr;
}