我的微信开发代码集:公众号管理与微信支付

Github Repo与代码地址

WXWeChatToolkits

我的微信SDK,包括公众平台管理、微信支付等各个版本。老实说,微信的文档并不是很友好,坑不少啊~~ 笔者在这里准备的算是半自动化的,自认为的特性有:

  1. 前后端分离,这里的JS代码和后端代码是可以单独部署的。换言之,微信里需要的各种各样的域名配置与审核,你只要保证你的HTML页面在那个域名下就好,业务逻辑的代码随便放

  2. 后端这边笔者自己开发时候用的是Spring Boot,但是这里移除了所有Spring Boot的紧密耦合代码,只是用Pure Java API进行实现,也方便单元测试

  3. 前端这边用的是ES6 + Webpack,可以参考笔者其他前端项目

下面就大概描述下开发流程和可以用到的本代码集的东东,半成品,权当一乐。

公众号管理

用户鉴权

用户鉴权首先需要检测是否进行认证跳转:

WXService wxService = new WXService();//判断是否为微信系统内if (wxService.isWeixinBrowser()) {    //如果是在微信浏览器内判断是否需要进行登录操作    const openid = wxService.getOpenidOrRedirectToAuth("eapply");    if (!openid) {        //如果openid不存在,则提示错误,并且跳转登录授权        message.info("未登录,现进行登录授权!");    } else {        //执行JSSDK的注册        wxService.jssdkConfig();    }}

这里的跳转大概是这样的路径:

const auth_url = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${this.appid}&response_type=code&scope=snsapi_base&state=${state}&redirect_uri=${this.redirect_uri}# wechat_redirect`

注意,一开始笔者自己是想将回调之后的跳转路径放到State里面的,但是微信好像对State做了限制,因此在这里只是配置了一个标识,而具体的标识与跳转地址映射写到了后台代码里:

/  * @return * @function 生成State与跳转的网页的配置 */private Map stateMapGenerator() {    Map stateMap = new HashMap();    //电子报名页面默认的跳转    stateMap.put("eapply", "http://mp.dragon.live-forest.com/pay/index.html");    return stateMap;}

JSSDK

微信的官方文档里提到,要申请JSSDK要先去获取jsapi_ticket,而jsapi_ticket需要用access_token换取。要注意,微信的access_token是分类型的,上面用户鉴权也用到了access_token,不过那个的类型是authentic。
这里的access_token类型是jsapi。配置的前端代码是:

jssdkConfig() {        //插入JSSDK脚本        // load a single file        loadjs('http://res.wx.qq.com/open/js/jweixin-1.0.0.js', () => {            // foo.js loaded'//从URL中获取JSSDK信息            //访问远端获取JSSDK配置信息            this.getWithQueryParams({                path: "/mp/jssdk",                requestData: {                    url: location.href                }            }).then((jssdk)=> {                console.log(jssdk);                //配置JSSDK                wx.config({                    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。                    appId: this.appid, // 必填,公众号的唯一标识                    timestamp: jssdk.timestamp, // 必填,生成签名的时间戳                    nonceStr: jssdk.noncestr, // 必填,生成签名的随机串                    signature: jssdk.signature,// 必填,签名,见附录1                    jsApiList: ['chooseWXPay'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2                });                //监控错误信息                wx.error(function (res) {                    // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。                    alert(JSON.stringify(res));                });            });        });    }

后端代码是:

        //初始化服务        MPService mpService = new MPService();        //首先获取接口调用凭据        String accessToken = mpService.fetchAccessToken4ClientCredential().get("access_token");        //根据accessToken获取Ticket        //从微信服务端获取到Ticket        String apiTicket = mpService.fetchTicketByAccessToken(accessToken, "jsapi").get("ticket");        //获取随机字符串        String nonceStr = StringGenerator.getRandomString(10);        //获取当前时间戳        Long timeStamp = Instant.now().getEpochSecond();        //进行签名        Map signatureMap = new HashMap();        signatureMap.put("noncestr", nonceStr);        signatureMap.put("jsapi_ticket", apiTicket);        signatureMap.put("timestamp", timeStamp);        signatureMap.put("url", url);        signatureMap.put("signature", Signature.getSign4MP(signatureMap));        return signatureMap;

微信支付

注意,微信支付内也需要签名,但是签名的算法以及所需要的Key与公众号管理内还是有一定区别的。

统一下单获取预支付代码

前端代码:

    fetchPrepayId({        body = "商品详情",        out_trade_no = "1415659990",        total_fee = 1,        openid = undefined,        attach //附加信息    }) {        if (openid) {            //如果存在openid,则是以JSAPI方式调用            return this.getWithQueryParams({                path: this.fetchPrepayIdUrl,                requestData: {                    body,                    out_trade_no,                    total_fee,                    openid,                    attach                }            });        } else {            //否则是以APP方式调用            return this.getWithQueryParams({                path: this.fetchPrepayIdUrl,                requestData: {                    body,                    out_trade_no,                    total_fee,                    attach                }            });        }    }

后端代码:

    @SneakyThrows    public Map prepay(            String body,            String out_trade_no,            Integer total_fee,            String openid,            String attach) {        //最终返回的结果        Map result = new HashMap();        //调用统一下单服务        UnifiedOrderService unifiedOrderService = UnifiedOrderService                .builder(body, out_trade_no, total_fee, getIp("127.0.0.1"))                .attach(attach)                .build();        //获取的返回的同一订单信息        Map unidiedOrder;        //判断openid是否存在        if (openid != null) {            //如果opendid存在,则创建JSAPI Order            unidiedOrder = unifiedOrderService.jsApiOrder(openid);        } else {            unidiedOrder = unifiedOrderService.appOrder();        }//        System.out.println(unidiedOrder);        /* 最终客户端要提交给微信服务器的订单,因此我们也要将关键信息加进去        "appId" : "wx2421b1c4370ec43b",     //公众号名称,由商户传入        "timeStamp":" 1395712654",         //时间戳,自1970年以来的秒数        "nonceStr" : "e61463f8efa94090b1f366cccfbbb444", //随机串        "package" : "prepay_id=u802345jgfjsdfgsdg888",        "signType" : "MD5",         //微信签名方式:        "paySign" : "70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信签名        */        //获取随机字符串        String nonceStr = RandomStringGenerator.getRandomStringByLength(20);        //返回商户对应的AppID        result.put("appId", Configure.appID);        result.put("timeStamp", Instant.now().getEpochSecond());        result.put("nonceStr", nonceStr);        result.put("package", "prepay_id=" + unidiedOrder.get("prepay_id"));        result.put("signType", "MD5");        result.put("paySign", Signature.getSign4Pay(result));        //直接返回        return result;    }

微信内H5支付

    doSyncPay({        appId="wx7d0444df2763bf91",        timeStamp="1465698294",        nonceStr="2g1w8kvb5lamqwfx6j8o",        package_r="prepay_id=wx2016061210245447b57ae3b30364645260",        signType="MD5",        paySign="01B98B973451A1AA83EC062F2F46AB75"    }, cb) {        //调用微信支付的接口        WeixinJSBridge.invoke(            'getBrandWCPayRequest', {                "appId": appId,                "timeStamp": timeStamp,                "nonceStr": nonceStr,                "package": package_r,                "signType": signType,                "paySign": paySign            },            function (res) {                //打印支付信息                console.log(res);                if (res.err_msg == "get_brand_wcpay_request:ok") {                    //支付成功                    cb(res);                } else {                    // alert(JSON.stringify(res));                    alert("您取消了支付!");                }            }        )        ;    }

支付结果回调

   public String wx_notify(String body) {//        System.out.println(body);        PayedOrderService payedOrderService = new PayedOrderService();        //解析数据        Map parsedMap = payedOrderService.parseNotifyXML(body);        System.out.println(parsedMap);        //调用更新状态的函数        payedOrderService.updateOrderState(parsedMap.get("attach"), "1", "1", parsedMap.get("TransactionId"));        return "success";    }

关键字:微信

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部