java+vue 微信h5分享

最新推荐文章于 2023-09-21 16:43:43 发布

weixin_50171936

最新推荐文章于 2023-09-21 16:43:43 发布

阅读量144

点赞数

分类专栏：微信分享文章标签： java vue.js html

本文链接：https://blog.csdn.net/weixin_50171936/article/details/113403780

版权

本文介绍如何使用Java后端与Vue前端结合实现微信H5页面的分享功能，包括后端配置和前端代码实现，最终展示分享效果。

摘要由CSDN通过智能技术生成

java+vue 微信h5分享

后端代码
前端代码
效果

后端代码

try {
   
			//随机字符串
            String nonceStr = WXPayUtil.generateNonceStr();
            //当前时间戳
            String timestamp = String.valueOf(System.currentTimeMillis() / 1000);
            String accessToken = null;
            String ticket = null;
            boolean tokenHave = redisUtils.hasKey("accessToken");
            if(tokenHave){
   
                accessToken = (String) redisUtils.get("accessToken");
            }else {
   
                System.out.println("发送获取accessToken");
                String requestUrl = "https://api.weixin.qq.com/cgi-bin/token";
                String params = "grant_type=client_credential&appid=" + WxConstant.appId + "&secret=" + WxConstant.secret + "";
                String result = WxUtil.sendGet(requestUrl, params);
                accessToken = com.alibaba.fastjson.JSONObject.parseObject(result).getString("access_token");
                boolean flag = redisUtils.set("accessToken", accessToken, 6600);
                if(flag == false){
   
                    getJsapiTicket();
                }
            }
            boolean ticketHave = redisUtils.hasKey("ticket");
            if(ticketHave){
   
                ticket = (String) redisUtils.get("ticket");
            }else {
   
                String requestUrl = "https://api.weixin.qq.com/cgi-bin/ticket/getticket";
                String params = "access_token=" + accessToken + "&type=jsapi";