h5支付的資料還真叫個少，不過找到一個好的方式，按著大神的步驟去實現還真就ok了，話不多說，開始準備吧

微信支付的坑很多，特別在平臺的設定上

然後設定授權域名，在介面設定中就能找到，包括js介面安全域名和網頁授權域名：

這個點進去之後會看到最下面兩個：js介面安全域名，這個可以設定三個，就是填寫你訪問頁面的域名即可

下面這個是網頁授權回撥域名，用於你支付完畢後回撥的域名，將下載的檔案放到伺服器的根路徑，確保可以訪問，我是放在tomcat的webapp中

設定的域名要備案

然後設定支付域名，設定路徑：商戶平臺-->產品中心-->開發配置中設定域名，

如果是公眾號支付就設定對應的，要注意的是公眾號支付授權域名為請求的前一級，比如你要請求http://xxx/wx/abc，那麼你就設定http://xxx/wx即可

h5支付設定h5域名就行，不用字尾，直接寫你要設定的域名

partnerkey需要在API中設定，需要安裝證書，這個根據提示安裝即可，自行設定32位partnerkey

我用的是一個大神的IJPay的springboot版，寫成自己的SpringMVC版，後續都會給連結

主要用的的是封裝的jar，現在maven庫中已經有了，用0.8版本以上的吧，這樣jdk相容問題已經解決

我將基本會用到的jar貼一下

<dependency>
      <groupId>com.jfinal</groupId>
      <artifactId>enjoy</artifactId>
      <version>3.2</version>
    </dependency>

    <!-- https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackson-databind -->
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-databind</artifactId>
      <version>2.6.0</version>
    </dependency>

    <dependency>
      <groupId>com.github.binarywang</groupId>
      <artifactId>weixin-java-mp</artifactId>
      <version>2.8.0</version>
    </dependency>

    <dependency>
      <groupId>com.jfinal</groupId>
      <artifactId>jfinal</artifactId>
      <version>3.2</version>
    </dependency>

    <dependency>
      <groupId>com.jfinal</groupId>
      <artifactId>jfinal-weixin</artifactId>
      <version>1.9</version>
    </dependency>

    <dependency>
      <groupId>com.github.javen205</groupId>
      <artifactId>IJPay</artifactId>
      <version>1.0</version>
    </dependency>

    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>fastjson</artifactId>
      <version>1.2.37</version>
    </dependency>


    <!-- okhttp2 -->
    <dependency>
      <groupId>com.squareup.okhttp</groupId>
      <artifactId>okhttp</artifactId>
      <version>2.7.5</version>
    </dependency>
    <dependency>
      <groupId>com.squareup.okhttp3</groupId>
      <artifactId>okhttp</artifactId>
      <version>3.8.0</version>
    </dependency>
    <dependency>
      <groupId>com.squareup.okio</groupId>
      <artifactId>okio</artifactId>
      <version>1.11.0</version>
    </dependency>
 

著手程式碼

public static WxPayApiConfig getApiConfig() {
		return WxPayApiConfig.New()
				       .setAppId(appID)
				       .setMchId(mchID)
				       .setPaternerKey(partnerKey)
				       .setPayModel(WxPayApiConfig.PayModel.BUSINESSMODEL);
	}

		/**
	 * 微信H5 支付--------------------好使
	 * 注意：必須再web頁面中發起支付且域名已新增到開發配置中
	 */
	@RequestMapping(value ="/pay.do",method = {RequestMethod.POST,RequestMethod.GET})
	public void wapPay(HttpServletRequest request,HttpServletResponse response){
		System.out.println("--pay start--");
                String notify_url = "https://你的域名/pay_notify.do";//這是回撥地址，方法在下面
		//獲取ip

        String ip = IpKit.getRealIp(request);
		if (com.jpay.ext.kit.StrKit.isBlank(ip)) {
			ip = "127.0.0.1";
		}
		
		H5ScencInfo sceneInfo = new H5ScencInfo();
		
		H5 h5_info = new H5();
		h5_info.setType("Wap");
		//此域名必須在商戶平臺--"產品中心"--"開發配置"中新增
		
		h5_info.setWap_url("http://www.xxx.com");
		h5_info.setWap_name("公司官網");
		sceneInfo.setH5_info(h5_info);
		WxPayApiConfig wxPayApiConfig=getApiConfig();
		Map<String, String> params=WxPayApiConfig.New()
				                           .setAppId(appID)
				                           .setMchId(mchID)
				                           .setBody("H5支付測試")
				                           .setSpbillCreateIp(ip)
				                           .setTotalFee("520")
				                           .setTradeType(WxPayApi.TradeType.MWEB)
				                           .setNotifyUrl(notify_url)
				                           .setPaternerKey(partnerKey)
				                           .setOutTradeNo(String.valueOf(System.currentTimeMillis()))
				                           .setSceneInfo("{\"h5_info\": {\"type\":\"IOS\",\"app_name\": \"mtgg\",\"package_name\": \"com.tencent.tmgp.sgame\"}}")
				                           .setAttach("H5支付測試")
				                           .build();
		String xmlResult = WxPayApi.pushOrder(false,params);
		Map<String, String> result = PaymentKit.xmlToMap(xmlResult);
		//返回結果
		String return_code = result.get("return_code");
		String return_msg = result.get("return_msg");
		if (!PaymentKit.codeIsOK(return_code)) {
			log.error("return_code>"+return_code+" return_msg>"+return_msg);
			throw new RuntimeException(return_msg);
		}
		String result_code = result.get("result_code");
		if (!PaymentKit.codeIsOK(result_code)) {
			log.error("result_code>"+result_code+" return_msg>"+return_msg);
			throw new RuntimeException(return_msg);
		}
		// 以下欄位在return_code 和result_code都為SUCCESS的時候有返回
		
		String prepay_id = result.get("prepay_id");
		String mweb_url = result.get("mweb_url");
		
		log.info("prepay_id:"+prepay_id+" mweb_url:"+mweb_url);
		try {
			response.sendRedirect(mweb_url);
		} catch (IOException e) {
			e.printStackTrace();
		}
	}
 

先給出H5ScencInfo

package com.mtgg.entity;

import com.jfinal.kit.JsonKit;


/**
 * @author Javen
 */
public class H5ScencInfo {
	private H5 h5_info;
	
	public H5 getH5_info() {
		return h5_info;
	}
	
	public void setH5_info(H5 h5_info) {
		this.h5_info = h5_info;
	}
	
	
	@Override
	public String toString() {
		return JsonKit.toJson(h5_info);
	}
	
	
	public static class H5{
		private String type;
		private String app_name;
		private String bundle_id;
		private String package_name;
		private String wap_url;
		private String wap_name;
		public String getType() {
			return type;
		}
		public void setType(String type) {
			this.type = type;
		}
		public String getApp_name() {
			return app_name;
		}
		public void setApp_name(String app_name) {
			this.app_name = app_name;
		}
		public String getBundle_id() {
			return bundle_id;
		}
		public void setBundle_id(String bundle_id) {
			this.bundle_id = bundle_id;
		}
		public String getPackage_name() {
			return package_name;
		}
		public void setPackage_name(String package_name) {
			this.package_name = package_name;
		}
		public String getWap_url() {
			return wap_url;
		}
		public void setWap_url(String wap_url) {
			this.wap_url = wap_url;
		}
		public String getWap_name() {
			return wap_name;
		}
		public void setWap_name(String wap_name) {
			this.wap_name = wap_name;
		}
	}
}

注意notify_url要保證能夠訪問，用域名訪問

最後傳送mweb_url就可以開啟微信進行支付了

給出支付成功的返回

@RequestMapping(value = "/pay_notify.do",method={RequestMethod.POST,RequestMethod.GET})
	@ResponseBody
	public void pay_notify(HttpServletRequest request,HttpServletResponse response) {
		// 支付結果通用通知文件: https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_7
		System.out.println("---------------支付回撥----------------");
		String xmlMsg = HttpKit.readData(request);
		System.out.println("pay notice---------"+xmlMsg);
		Map<String, String> params = PaymentKit.xmlToMap(xmlMsg);
//		String appid  = params.get("appid");
//		//商戶號
//		String mch_id  = params.get("mch_id");
		String result_code  = params.get("result_code");
//		String openId      = params.get("openid");
//		//交易型別
//		String trade_type      = params.get("trade_type");
//		//付款銀行
//		String bank_type      = params.get("bank_type");
//		// 總金額
		String total_fee     = params.get("total_fee");
		total_fee = total_fee.substring(0,total_fee.length()-2);
//		//現金支付金額
//		String cash_fee     = params.get("cash_fee");
//		// 微信支付訂單號
//		String transaction_id      = params.get("transaction_id");
//		// 商戶訂單號
//		String out_trade_no      = params.get("out_trade_no");
//		// 支付完成時間，格式為yyyyMMddHHmmss
//		String time_end      = params.get("time_end");
		
		/////////////////////////////以下是附加引數///////////////////////////////////
		
		String account      = params.get("attach");
		System.out.println("回撥total_fee-->"+total_fee);
		System.out.println("回撥account-->"+account);
//		String fee_type      = params.get("fee_type");
//		String is_subscribe      = params.get("is_subscribe");
//		String err_code      = params.get("err_code");
//		String err_code_des      = params.get("err_code_des");
		// 注意重複通知的情況，同一訂單號可能收到多次通知，請注意一定先判斷訂單狀態
		// 避免已經成功、關閉、退款的訂單被再次更新
//		Order order = Order.dao.getOrderByTransactionId(transaction_id);
//		if (order==null) {
		String resXml = "";
		WxPayApiConfigKit.setThreadLocalWxPayApiConfig(getApiConfig());
		if(PaymentKit.verifyNotify(params, WxPayApiConfigKit.getWxPayApiConfig().getPaternerKey())){
			if (("SUCCESS").equals(result_code)) {
				// TODO 根據商戶訂單號更改押金狀態
				System.out.println("成功，儲存");
				
				resXml = "<xml>" + "<return_code><![CDATA[SUCCESS]]></return_code>"
						+ "<return_msg><![CDATA[OK]]></return_msg>" + "</xml> ";
				
			} else {
				//TODO FAIL支付失敗
				log.debug("支付失敗的回撥訊息");
				resXml = "<xml>" + "<return_code><![CDATA[FAIL]]></return_code>"
						+ "<return_msg><![CDATA[報文為空]]></return_msg>" + "</xml> ";

			}
			BufferedOutputStream out = null;
			try {
				out = new BufferedOutputStream(
						response.getOutputStream());
				out.write(resXml.getBytes());
				out.flush();
				out.close();
			} catch (Exception e) {
				e.printStackTrace();
			}
		}
//		}

	}

這裡需要注意最後的xml.put（），return PaymentKit.toXml(xml)一定要返回給微信，SUCCESS表示商戶接收通知成功並校驗成功，這樣微信才會知道商戶支付成功，否則會不斷通知，這樣就會重複處理資料，這個錯誤是致命的

上面回撥我改了一下，可以做到閉嘴，不會重複通知

下面就是測試調起微信支付

常見錯誤：

1、網路環境未能通過安全驗證，請稍後再試(IP改變導致的) 
2、商家引數格式有誤，請聯絡商家解決(H5支付的referer為空導致) 
3、商家存在未配置的引數，請聯絡商家解決(H5支付的域名問題) 
4、支付請求已失效，請重新發起支付（有效期為5分鐘） 

5、請在微信外開啟訂單，進行支付（H5支付不能直接在微信客戶端內調起）

我遇到過一次獲取code時回調了兩次錯誤，因為code只能用一次，第二次就失效了網上說什麼的都有，誰知道怎麼完全解決可以留言，感謝