H5网站接入微信支付（H5支付+JSAPI支付）详细描述
最近开发H5项目，需要接入微信支付，这里记录一下。
场景
项目是H5项目，这里踩坑了，以为接入H5支付就可以了，后面发现H5支付只能在微信外调用，所以后面连忙加入JSAPI支付 H5支付H5支付是指商户在微信外（如移动端APP、PC网站等）通过H5页面进行的支付。这种方式主要适用于移动端APP和PC网站等场景。
优势1. 方便快捷：用户只需点击按钮即可完成支付，不需要下载或安装任何软件。
2. 安全性高：微信支付系统采用了严格的安全措施，确保交易过程中的数据安全。
3. 支持多种支付方式：微信支付支持多种支付方式，如余额、信用卡等。
劣势1. 需要在微信外调用：H5支付只能在微信外（如移动端APP、PC网站等）进行，不能直接在微信内完成支付。
2. 可能存在延迟：由于网络原因，H5支付可能会出现延迟。
JSAPI支付JSAPI支付是指商户通过JavaScript脚本在微信内完成的支付。这种方式主要适用于微信小程序等场景。
优势1. 直接在微信内完成：JSAPI支付可以直接在微信内完成，不需要跳转到其他页面。
2. 速度快：由于是直接在微信内完成，JSAPI支付的速度比H5支付快很多。
3. 安全性高：微信小程序系统采用了严格的安全措施，确保交易过程中的数据安全。
劣势1. 需要开发小程序：JSAPI支付需要开发一个微信小程序来完成支付。
2. 可能存在兼容问题：由于微信小程序的版本更新频繁，可能会出现兼容问题。
接入流程接入微信支付需要以下步骤：
1. 注册商户号：首先需要在微信开放平台注册一个商户号。
2. 申请API密钥：然后需要申请API密钥，用于签名和验签。
3. 配置支付参数：需要配置支付参数，如商户ID、API密钥等。
4. 完成支付流程：最后需要完成支付流程，包括用户授权、订单创建、支付确认等。
总结H5网站接入微信支付（H5支付+JSAPI支付）是一个复杂的过程，需要考虑多种因素，如安全性、速度、兼容问题等。选择合适的支付方式和流程可以确保交易过程中的数据安全和用户体验。
参考资料
1. 微信开放平台文档： 微信支付API文档： H5支付示例代码： JSAPI支付示例代码：
