FoundPHP H5支付

中文简体

#FoundPHP  H5支付

### FoundPHP H5支付 简介
H5支付是目前网站主流的支付方式，可以脱离微信公众号或支付宝小程序的开发，更方便企业进行收款。
   
 FoundPHP H5支付支持当今社会流行的微信支付和支付宝支付，在普通的H5网页中调取微信、支付宝进行付款，可在微信、支付宝内绑定银行卡信用卡，调用微信、支付宝支付相当于可使用银行卡、信用卡支付。

------------
#### 1.FoundPHP H5快速生成工具
"FoundPHP H5快速生成工具"是为了方便开发者快速开发H5支付而制作的一款工具，只需填写好基本数据，即可生成专属H5程序
##### FoundPHP H5快速生成工具：https://www.foundphp.com/index.php?m=application&a=pay&t=pay_h5

##### 1.1 工具使用方式
###### 配置信息
![](data/files/edit/21/01/28/210128_17542085.png)

| 名称     | 说明  |
| --------   | -----    |
| 项目域名      | 项目所在的域名 'https://www.foundphp.com/' |
| 支付请求地址     | 调用支付的程序地址 '?m=pay&a=h5_pay' |
| 表单ID     | 页面中需要提交数据的表单ID |
| 错误提示    | 调用支付失败时，页面提示的内容 |

###### 付款信息

![](data/files/edit/21/01/28/210128_18227080.png)

| 名称     | 说明  |
| --------   | -----    |
| 金额      | H5项目付款的金额|
| 支付标题    | 付款项目标题 |
| Body      | 付款项目内容 |
| Goods tag    | 付款产品标签 |
| Notify url    | 异步回调地址 |

填写完以上信息后，点击生成即可生成专属程序

![](data/files/edit/21/01/28/210128_19322552.png)

1.下载支付插件包，解压至框架目录plugin\class下

![](data/files/edit/21/01/28/210128_19519142.png)

2.下载H5支付PHP程序，存放至项目付款请求目录下
> 假设付款目录为?m=pay&a=h5_pay
> 则将H5支付PHP程序下载存放至plugin\model\pay,并重命名为h5_pay.php

![](data/files/edit/21/01/28/210128_19533828.png)

3.下载H5支付JS脚本，在H5页面中载入此脚本
> 在H5页面中，需定义以下标签，点击"支付"按钮即可调用支付程序

```java
<script type="text/javascript" src="images/foundphp_pay.js"></script>
<div id="pay_warp">
	<form id="表单ID">
		//可在此设定自己的表单
		
		<button class="pay_btn">支付</button>
	</form>
</div>
```
引入js效果，自动载入微信支付和支付宝支付选择

![](data/files/edit/21/01/28/210128_19578394.png)

点击支付后，弹出微信付款或支付宝付款

![](data/files/edit/21/01/28/210128_20024595.png)

![](https://dev.foundphp.com/data/file/edit/20/06/16/200616_18049427.jpg)