H5微信公众号开发,微信支付

news/2024/11/19 11:32:51/

(如需完整代码,开发遇到什么问题,可与本人联系,代码给大家下载并帮你解决问题,微信号:1131237188)

1.公众号开发,首先需要微信公众号的appId,secret 相当于账号密码

2.到公众号后台配置域名,微信用户授权,微信支付目录(在公众号平台配置不了,要到商户后台配置)

3.配置好了之后就可以开发了,直接上代码

微信用户授权

/**
* Desc:请求微信接口URL1获取code跳转到redirect_url,请求微信接口URL2获取openId
* param:
* return:openid
* Author:LiuChuanting
* Date:2017/9/14
**/
public void getUrlCode(){
String status = this.getRequest().getParameter("status");
if(StringUtils.isNotBlank(status)){
CacheKit.put("reder", "status_code","1");
}
String url = Constant.WECHAT_INFO.URL1;
   String appid= Constant.WECHAT_INFO.APP_ID;
   String REDIRECT_URI = Constant.WECHAT_INFO.REDIRECT_URL;
   url  = url.replace("APPID",ToolUtil.str2Encode(appid)); 
   url  = url.replace("REDIRECT_URI",ToolUtil.str2Encode(REDIRECT_URI));
   //getUserInfo();
   this.redirect(url);
}

/**
* Desc:请求微信接口URL2获取openId
* param:code
* return:无
* Author:LiuChuanting
* Date:2017/9/14
**/
public void getUrlOpenid(){
String code = this.getPara("code");
String openId = HttpClientConnectionManager.getOpendId(code);
this.setAttr("openId",openId);
String status = CacheKit.get("reder","status_code");
if("1".equals(status)){
//从菜单进入个人中心
CacheKit.remove("reder","status_code");
this.render("/admin/page/redirectCenter.jsp");
}else{
//去下单用户授权
this.render("/admin/page/redirect.jsp");
}

}

用户授权原理是后台获取openid 返回到第三方页面 在第三方页面进行跳转到H5页面,并且带上openId ,一般我们放到cookie

 

<script type="text/javascript"> 
function setCookie(key, value) {   
if(!key) return;
var option = {
Domain: "",
Path: "/"
};
if(/(\.cn|\.com)/.test(window.location.host)) {
var tmp = window.location.host.split("\.");
var t = tmp[tmp.length - 1].split(":");
option.Domain = "." + tmp[tmp.length - 2] + "." + t[0];
}
if(typeof(value) === "object") {
value = JSON.stringify(value);

var tmp = "";
for(var s in option ){
tmp += ";" + s + "=" + option[s]; 
}

document.cookie = key + "=" + escape(value) + tmp;
   /*  var Days = 30;  
    var exp = new Date();  
    exp.setTime(exp.getTime() + 60 * 5000);//过期时间5分钟  
   */
    //document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();  
}
setCookie("openId",'${openId}');
window.location.href = "http://wechat.qzt360.com/page/index.html";
 

</script>

获取微信用户的基本信息,根据页面传过来的openId查询ACCESS_TOKEN

在根据获取的ACCESS_TOKEN请求微信服务器获取用户信息并然后返回JSONObject对象

/**
* Desc:获取微信用户信息
* param:openid
* return:无
* Author:LiuChuanting
* Date:2017/9/14
**/
public void getUserInfo(){
String openId = getOpenId();
   String user = HttpClientConnectionManager.getUserInFo(openId);
   renderRb(user);
}

/**
* Desc:获取cookie openId
* param:
* return:无
* Author:LiuChuanting
* Date:2017/9/21
**/
public String getOpenId(){
String openId = "";
   javax.servlet.http.Cookie[] cookies = this.getRequest().getCookies();
   for(javax.servlet.http.Cookie cookie : cookies){
       if(cookie.getName().equals("openId")){
        openId = cookie.getValue();
       }
    }
return openId;
}

/**
* Desc:获取cookie 订单编号
* param:
* return:订单编号
* Author:LiuChuanting
* Date:2017/9/21
**/
public String getOrderCode(){
String orderCode = "";
   javax.servlet.http.Cookie[] cookies = this.getRequest().getCookies();
   for(javax.servlet.http.Cookie cookie : cookies){
       if(cookie.getName().equals("orderCode")){
        orderCode = cookie.getValue();
       }
    }
return orderCode;
}

获取access_token的原理是 先去缓存拿 如果缓存为空,去请求微信服务器,并更新到缓存中,如果从缓存拿到不为空 根据access_token请求用户信息,报access_token过期(默认两个小时过期)再去请求拿access_token并更新到缓存(获取access_token需要公众号的appid和secret的两个参数就可以请求到)

//根据用户ID和token获取用户信息
public static String getUserInFo(String openId){
DefaultHttpClient client = new DefaultHttpClient();
JSONObject jsonObject = null;
Object token = CacheKit.get("ACCESS_TOKEN","token");
//第一次请求token为空,需要去获取
if(token == null){
String accessToken = HttpClientConnectionManager.getAccessToken();
token = accessToken;
//token放到缓存
CacheKit.put("ACCESS_TOKEN","token", accessToken);
}
String url = Constant.WECHAT_INFO.GET_USERINFO_URL;
url = url.replace("ACCESS_TOKEN",token.toString()).replace("OPENID",openId);
HttpGet get = HttpClientConnectionManager.getGetMethod(url);
HttpResponse response;
try {
response = client.execute(get);
String jsonStr = EntityUtils.toString(response.getEntity(), "utf-8");
jsonObject= (JSONObject) JSON.parse(jsonStr);
if(jsonObject.get("errcode") != null){
//token过期重新获取
String accessToken = HttpClientConnectionManager.getAccessToken();
//token放到缓存
CacheKit.put("ACCESS_TOKEN","token", accessToken);
getUserInFo(openId);
}
} catch (ClientProtocolException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
return jsonObject.toString();
}

微信开发需要的一些参数

/**
* 微信接口参数snsapi_userinfo/snsapi_base
*/
public static class WECHAT_INFO {
public static final String APP_ID = ""; //公众号ID
public static final String SECRET= ""; //公众号秘钥
public static final String ACCESS_TOKEN= "NaR8fNK4LXfaqUekYQhViOpEszPo8mIszyWYA58hKtF5hdxW_0ropKxmR4VeThq8jspiA8Y76-fn8bZZOTnDcG5mCle0ifd19IZPqVED0UCz81dm3P7cpYK3TbZh-HtiHUAcAFAWJP"; //公众号token
public static final String URL1= "https://open.weixin.qq.com/connect/oauth2/authorize?"
+ "appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect";//获取code的url
public static final String REDIRECT_URL= "http://wechat.qzt360.com/api/weTrack/getUrlOpenid";//重定向的本地URL返回code
public static final String URL2= "https://api.weixin.qq.com/sns/oauth2/access_token?appid=AppId&secret=AppSecret&code=CODE&grant_type=authorization_code";//获取用户openid的URL
public static final String GET_TOKEN_URL= "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET";//获取用户公众号token
public static final String GET_USERINFO_URL= "https://api.weixin.qq.com/cgi-bin/user/info?access_token=ACCESS_TOKEN&openid=OPENID";//获取用户信息
}
/**
* 微信支付参数
*/
public static class WECHAT_PAY {
public static final String CALLBACK_URL = "http://wechat.qzt360.com/api/weTrack/getPayResult"; //请求支付后回调路径
public static final String DESCRIPTION = "企智通设备购买"; //商品描述
public static final String ATTACH = "qztgm"; //附加数据
public static final String MCH_ID = "1488893999"; //商户号
public static final String USER_IP = "192.168.1.1"; //用户终端IP
public static final String PAY_KEY= "BA6B005BEF79E7B95F3E097887HGHGH"; //支付KEY
public static final String SIGN_TYPE= "MD5"; //签名类型
public static final Integer LOGISTICE_MONEY= 15; //运费
public static final String ORDER_URL= "https://api.mch.weixin.qq.com/pay/unifiedorder"; //统一下单URL
}

接下来就是微信支付接口了,支付接口非常简单,首先要先预下单去请求微信服务器,返回prepay_id,通过这个ID进行封装,和生成签名返回给H5页面调用微信支付页面弹窗支付密码的窗口,支付成功后 进行回调修改后台业务状态就OK了。

/**
* Desc:微信支付获取支付配置参数
* param:code
* return:无
* Author:LiuChuanting
* Date:2017/9/19
**/
public void getPayConfig(){
String ipurl = this.getRequest().getRemoteAddr();
String openId = getOpenId();
String orderCode = getOrderCode();
JSONObject json = new JSONObject();


   try {
   //调用微信接口统一下单,获取prepayId
String prepayId = WeChatService.me.getPrepayId(openId,ipurl,orderCode);
//生成支付参数返回到页面请求
json = WeChatService.me.createPayConfig(prepayId);
} catch (Exception e) {
logger.error(e.getMessage());
}
renderRb(json);
}

  /**
     * 统一下单
* @param ipurl 
* @param orderCode2 
     * @Title: unifiedOrder 
     * @Description: TODO 
     * @param: @param openId 微信用户openId
     * @param: @param callbackUrl 回调路径
     * @param: @return
     * @return: PrepayId
     */
public String getPrepayId(String openId, String ipurl, String orderCode) {
Record order = Order.me.selectOrderDetail(orderCode);
Integer price = order.getInt("pay_money");
UnifiedOrder unifiedOrder = new UnifiedOrder();
       unifiedOrder.setAppid(Constant.WECHAT_INFO.APP_ID);
       unifiedOrder.setAttach(Constant.WECHAT_PAY.ATTACH);


       unifiedOrder.setBody(Constant.WECHAT_PAY.DESCRIPTION);
       unifiedOrder.setMch_id(Constant.WECHAT_PAY.MCH_ID);


       String nonce = UUID.randomUUID().toString().substring(0, 30);
       unifiedOrder.setNonce_str(nonce);
       unifiedOrder.setNotify_url(Constant.WECHAT_PAY.CALLBACK_URL);


       unifiedOrder.setOpenid(openId);
       unifiedOrder.setOut_trade_no(orderCode);


       unifiedOrder.setSpbill_create_ip(ipurl);
       unifiedOrder.setTotal_fee(1);
       
       String sign = createUnifiedOrderSign(unifiedOrder);
       unifiedOrder.setSign(sign);
       unifiedOrder.setSign_type(Constant.WECHAT_PAY.SIGN_TYPE);


       /**
        * 转成XML格式
        */
       String xml = XmlKit.getBeanXml(unifiedOrder);


       String response = null;
try {
response = HttpConnection.post(Constant.WECHAT_PAY.ORDER_URL, xml);
} catch (Exception e) {
e.printStackTrace();
}
       Map<String, String> responseMap = XmlKit.getXml2Map(response);


       return responseMap.get("prepay_id");
}

注意签名的参数要跟请求统一下单的参数要保持一致除了key,sign以外,因为你自己生成的签名,和你统一下单的参数一起请求微信服务器接口,微信根据你的参数也生存一个签名,然后跟你的签名进行对比,如果不一致会返回 “签名错误” 状态信息

  /**
     * 获取统一下单签名
     * @Title: createUnifiedOrderSign
     * @Description: TODO
     * @param @param unifiedOrder
     * @param @return    
     * @return String    
     * @throws
     */
    public String createUnifiedOrderSign(UnifiedOrder unifiedOrder){
        StringBuffer sign = new StringBuffer();
        sign.append("appid=").append(unifiedOrder.getAppid());
        /*sign.append("&attach=").append(unifiedOrder.getAttach());*/
        sign.append("&body=").append(unifiedOrder.getBody());
        sign.append("&mch_id=").append(unifiedOrder.getMch_id());
        sign.append("&nonce_str=").append(unifiedOrder.getNonce_str());
        sign.append("&notify_url=").append(unifiedOrder.getNotify_url());
        sign.append("&openid=").append(unifiedOrder.getOpenid());
        sign.append("&out_trade_no=").append(unifiedOrder.getOut_trade_no());
        sign.append("&spbill_create_ip=").append(unifiedOrder.getSpbill_create_ip());
        sign.append("&total_fee=").append(unifiedOrder.getTotal_fee());
        sign.append("&trade_type=").append(unifiedOrder.getTrade_type());
        sign.append("&key=").append(Constant.WECHAT_PAY.PAY_KEY);
        return DigestUtils.md5Hex(sign.toString()).toUpperCase();
    }

微信支付回调

    /**
     * 获取支付配置
     * @Title: createPayConfig
     * @Description: TODO
     * @param @param preayId 统一下单prepay_id
     * @param @return 返回json参数到H5页面调起微信支付
     * @param @throws Exception    
     * @return JsAPIConfig    
     * @throws
     */
    public JSONObject createPayConfig(String prepayId){
    JsAPIConfig config = new JsAPIConfig();
    JSONObject json = new JSONObject();
    try {
            String nonce = UUID.randomUUID().toString();
            String timestamp = Long.toString(System.currentTimeMillis() / 1000);
            String packageName = "prepay_id="+prepayId;
            StringBuffer sign = new StringBuffer();
            sign.append("appId=").append(Constant.WECHAT_INFO.APP_ID);
            sign.append("&nonceStr=").append(nonce);
            sign.append("&package=").append(packageName);
            sign.append("&signType=").append(config.getSignType());
            sign.append("&timeStamp=").append(timestamp);
            sign.append("&key=").append(Constant.WECHAT_PAY.PAY_KEY);
            String signature = DigestUtils.md5Hex(sign.toString()).toUpperCase();


            json.put("appId",Constant.WECHAT_INFO.APP_ID);
            json.put("timeStamp",timestamp);
            json.put("nonceStr",nonce);
            json.put("package",packageName);
            json.put("signType",config.getSignType());
            json.put("paySign",signature);
} catch (Exception e) {
logger.error(e.getMessage());
}
        return json;
    }

    /**
     * 微信支付回调页面
     * @Title: wechatPayNotify
     * @Description: TODO
     * @param @param request
     * @param @param trade_status
     * @param @param out_trade_no
     * @param @param trade_no    
     * @return void    
     * @throws
     */
    public String getPayResult(){
    try {
            Map<String, String> map = XmlKit.getCallbackParams(this.getRequest());
            if (map.get(Constant.RESULT_CODE).toString().equalsIgnoreCase(Constant.STATUS)) {
            //这里写成功后的业务逻辑
            WeChatService.me.finishOrder(map,0);
            logger.equals("支付成功");
            }else{
            logger.equals("支付失败");
            WeChatService.me.finishOrder(map,1);
            }
       } catch (Exception e) {
      logger.error(e.getMessage());
       }
return XmlKit.getPayCallback();
    }

 


http://www.ppmy.cn/news/161774.html

相关文章

H5的基础

网页的学名称作 HTML 文件&#xff0c;是一种可以在 www 网上传输&#xff0c;并被浏览器认识和翻译成页面显示出来的文件。 HTML是&#xff1a; Hypertext Marked Language 即超文本标记语言&#xff0c;是一种用来制作超文本文档的简单标记语言 超文本就是指页面内可以包含…

微信H5支付功能开发

本文介绍的是微信H5支付功能开发&#xff0c;也就是在微信之外的H5页面支付。 首先我们需要先看微信的官方文档https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter15_1&#xff0c;这里面几乎介绍了全部流程了。等你了解大概流程之后&#xff0c;需要在微信公众平台和微…

公众号H5微信生态

做个近期微信生态的总结 所有的前提是在微信公众平台 登录对应的微信公众号 公众号上配置对应的h5域名。 包括支付 分享等&#xff08;可自行百度 很多这种教程 官方文档也有搜索微信支付配置 里面有公众号配置等&#xff09; 首先是微信授权。主要拿用户的openId 进行支付操…

H5和HTML5的区别

注意注意&#xff1a;H5不HTML5 H5 是一个产品名词 HTML5是一个技术名词 对于知乎多个相关问题里批判H5的叫法&#xff0c;我只想说&#xff1a;图样图森破&#xff0c;上台拿衣服 打个比方&#xff0c;如果有个人跟你说&#xff1a;“我要做个网站&#xff0c;H5的”。 那TA是…

H5,Audio音乐播放器(移动版)

有些时候&#xff0c;总是感觉自己进步的没有以前快了。于是就怀疑自己是不是也被时间磨灭了&#xff0c;这可真是一件不幸的事儿。可能是自己会的东西太少了&#xff0c;总是有种莫名的危机感。 前一段时间&#xff0c;想写一个移动版音乐播放器&#xff0c;于是就开始利用下班…

微信H5开发(一)

H5开发&#xff0c;一般是指移动端的页面开发。移动端可分为app和普通浏览页面。从嵌入的环境来归类&#xff1a;可以分为app、微信H5及手机浏览器里面打开的页面。 以前粗略的涉略过h5开发的一些知识&#xff0c;感觉H5并不是很难。在这半年内&#xff0c;接手并完成了两个微…

惠威试音碟高品质MP3版

01、雪花飞扬/郭峰 电子合成器 02、试音方程式/女声清唱 03、Shania Fuain/Shania Twain 《诺丁山》的主题曲 04、渡口 蔡琴/流行歌曲 05、达坂城姑娘/八只眼 男声合唱 06、加州旅店/老鹰乐队 07、鼓诗/闫学敏 炎黄第一鼓 08、红灯记/京剧女声 09、张三的歌/蔡琴 流行歌…

微信公众号内嵌的H5页面

前言&#xff1a;之前写微信端购物商城的页面时&#xff0c;使用过flex布局&#xff0c;方便灵活&#xff0c;对手机端兼容性良好&#xff0c;同时可应对复杂的嵌套布局&#xff0c;很是方便。但是&#xff0c;针对两栏式的微信端页面&#xff0c;除了flex布局&#xff0c;还有…