JSSDK-java配置--实现分享自定义功能

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36187544/article/details/80266919

 

为了实现微信分享时自定义图片和文字，耗费了不少心力，把JSSDK翻了个底朝天

首先我们来看一下微信开发给我们的样例文件：

import java.util.UUID;
import java.util.Map;
import java.util.HashMap;
import java.util.Formatter;
import java.security.MessageDigest;
import java.security.NoSuchAlgorithmException;
import java.io.UnsupportedEncodingException;  
 
 
class Sign {
    public static void main(String[] args) {
        String jsapi_ticket = "jsapi_ticket";
 
 
        // 注意 URL 一定要动态获取，不能 hardcode
        String url = "http://example.com";
        Map<String, String> ret = sign(jsapi_ticket, url);
        for (Map.Entry entry : ret.entrySet()) {
            System.out.println(entry.getKey() + ", " + entry.getValue());
        }
    };
 
 
    public static Map<String, String> sign(String jsapi_ticket, String url) {
        Map<String, String> ret = new HashMap<String, String>();
        String nonce_str = create_nonce_str();
        String timestamp = create_timestamp();
        String string1;
        String signature = "";
 
 
        //注意这里参数名必须全部小写，且必须有序
        string1 = "jsapi_ticket=" + jsapi_ticket +
                  "&noncestr=" + nonce_str +
                  "×tamp=" + timestamp +
                  "&url=" + url;
        System.out.println(string1);
 
 
        try
        {
            MessageDigest crypt = MessageDigest.getInstance("SHA-1");
            crypt.reset();
            crypt.update(string1.getBytes("UTF-8"));
            signature = byteToHex(crypt.digest());
        }
        catch (NoSuchAlgorithmException e)
        {
            e.printStackTrace();
        }
        catch (UnsupportedEncodingException e)
        {
            e.printStackTrace();
        }
 
 
        ret.put("url", url);
        ret.put("jsapi_ticket", jsapi_ticket);
        ret.put("nonceStr", nonce_str);
        ret.put("timestamp", timestamp);
        ret.put("signature", signature);
 
 
        return ret;
    }
 
 
    private static String byteToHex(final byte[] hash) {
        Formatter formatter = new Formatter();
        for (byte b : hash)
        {
            formatter.format("%02x", b);
        }
        String result = formatter.toString();
        formatter.close();
        return result;
    }
 
 
    private static String create_nonce_str() {
        return UUID.randomUUID().toString();
    }
 
 
    private static String create_timestamp() {
        return Long.toString(System.currentTimeMillis() / 1000);
    }
}

且附带了一个txt告诉我们“需要开发者传入 jsapi_ticket 和 url”，但是坑来了：

1.用在自己程序里时一定要删除public static void main(String[] args) {}这个主函数（有点基础的人都懂，这是小问题）

2.该例子返回的是一个map值，但是这个map值是缺少东西的，在map里面加上：

    ret.put("appId", appId);

  //当然这个APPID是需要获取的（每个人获取方式不一样，不予赘述），后面会附上我的所有代码

//appid属性在微信公众平台就能看到，记录在后台上

3.jsapi_ticket 是需要输入的，但是在样例文件中是没有的，以下代码是获取jsapi_ticket 的代码，隶属于工具类。但是对于acess_token和appid和appsecret需要自己提供

public static String getJSApiTicket() throws FileNotFoundException, IOException{ 
       //获取token
       String acess_token= AccessTokenUtil.getAccessToken();//token需要自己提供，不赘述具体方法
       String urlStr = //"http://gy7tgr.natappfree.cc//wxapi/weixinMall/index.jsp";
               "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token="+acess_token+"&type=jsapi";  
       String backData=jsapi_ticketGetUtil.sendGet(urlStr, "utf-8", 10000);  
       String ticket = (String) JSONObject.fromObject(backData).get("ticket");  
       return  ticket;  
          
   }  
    /***
     * 获取acess_token 
     * @return
     *//*
    public static String getAccessToken() throws FileNotFoundException, IOException{
        String appid = Configure.getAppid();//此处需要自己提供，configure方法是程序里方法，据个人情况而定
        String appSecret = Configure.getAppSecrte();//此处需自己提供。
        String url ="https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid="+appid+"&secret="+appSecret+"";
        String backData=jsapi_ticketGetUtil.sendGet(url, "utf-8", 10000);
        String accessToken = (String) JSONObject.fromObject(backData).get("access_token");  
        return accessToken;
    }
   
   */
   /***
    * 模拟get请求
    * @param url
    * @param charset
    * @param timeout
    * @return
    */
    public static String sendGet(String url, String charset, int timeout)
     {
       String result = "";
       try
       {
         URL u = new URL(url);
         try
         {
           URLConnection conn = u.openConnection();
           conn.connect();
           conn.setConnectTimeout(timeout);
           BufferedReader in = new BufferedReader(new InputStreamReader(conn.getInputStream(), charset));
           String line="";
           while ((line = in.readLine()) != null)
           {
            
             result = result + line;
           }
           in.close();
         } catch (IOException e) {
           return result;
         }
       }
       catch (MalformedURLException e)
       {
         return result;
       }
      
       return result;
     }

上面的工具类提供了jsapi_ticket ，而appid也是已知的，所以可以直接搭建程序了

********************************************************************************************************************************************************************************************************************************************************

以下为相关片段程序:

1.获取jsapi_ticket工具类

public class jsapi_ticketGetUtil {
    
    /***
     * 获取jsapiTicket
     * @return
     */
   public static String getJSApiTicket() throws FileNotFoundException, IOException{ 
       //获取token
       String acess_token= AccessTokenUtil.getAccessToken();
       String urlStr = //"http://gy7tgr.natappfree.cc//wxapi/weixinMall/index.jsp";
               "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token="+acess_token+"&type=jsapi";  
       String backData=jsapi_ticketGetUtil.sendGet(urlStr, "utf-8", 10000);  
       String ticket = (String) JSONObject.fromObject(backData).get("ticket");  
       return  ticket;  
          
   }  
    /***
     * 获取acess_token 
     * @return
     *//*
    public static String getAccessToken() throws FileNotFoundException, IOException{
        String appid = Configure.getAppid();
        String appSecret = Configure.getAppSecrte();
        String url ="https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid="+appid+"&secret="+appSecret+"";
        String backData=jsapi_ticketGetUtil.sendGet(url, "utf-8", 10000);
        String accessToken = (String) JSONObject.fromObject(backData).get("access_token");  
        return accessToken;
    }
   
   */
   /***
    * 模拟get请求
    * @param url
    * @param charset
    * @param timeout
    * @return
    */
    public static String sendGet(String url, String charset, int timeout)
     {
       String result = "";
       try
       {
         URL u = new URL(url);
         try
         {
           URLConnection conn = u.openConnection();
           conn.connect();
           conn.setConnectTimeout(timeout);
           BufferedReader in = new BufferedReader(new InputStreamReader(conn.getInputStream(), charset));
           String line="";
           while ((line = in.readLine()) != null)
           {
            
             result = result + line;
           }
           in.close();
         } catch (IOException e) {
           return result;
         }
       }
       catch (MalformedURLException e)
       {
         return result;
       }
      
       return result;
     }
}

2.返回一个map，里面存放appid，signature等信息

public class Sign {
 
    public static Map<String, String> sign(String jsapi_ticket, String url) throws FileNotFoundException, IOException {
        Map<String, String> ret = new HashMap<String, String>();
        String nonce_str = create_nonce_str();
        String timestamp = create_timestamp();
        String string1;
        String signature = "";
        
 
        //注意这里参数名必须全部小写，且必须有序
        string1 = "jsapi_ticket=" + jsapi_ticket +
                  "&noncestr=" + nonce_str +
                  "×tamp=" + timestamp +
                  "&url=" + url;
        System.out.println(string1);
 
        try
        {
            MessageDigest crypt = MessageDigest.getInstance("SHA-1");
            crypt.reset();
            crypt.update(string1.getBytes("UTF-8"));
            signature = byteToHex(crypt.digest());
        }
        catch (NoSuchAlgorithmException e)
        {
            e.printStackTrace();
        }
        catch (UnsupportedEncodingException e)
        {
            e.printStackTrace();
        }
        
        //自动获取WxTokenUtil.properties中appid属性，避免appid改动时重复更改
        String appId = Configure.getAppid();
        
        
        ret.put("url", url);
      //注意这里 要加上自己的appId
        ret.put("appId", appId);
        ret.put("jsapi_ticket", jsapi_ticket);
        ret.put("nonceStr", nonce_str);
        ret.put("timestamp", timestamp);
        ret.put("signature", signature);
 
        return ret;
    }
 
    private static String byteToHex(final byte[] hash) {
        Formatter formatter = new Formatter();
        for (byte b : hash)
        {
            formatter.format("%02x", b);
        }
        String result = formatter.toString();
        formatter.close();
        return result;
    }
 
    private static String create_nonce_str() {
        return UUID.randomUUID().toString();
    }
 
    private static String create_timestamp() {
        return Long.toString(System.currentTimeMillis() / 1000);
    }
    
    
}

3.前后台交互的方法，前端传回url路径，后台读取后，把appid,signature等作为json对象传回前端

@RequestMapping("/weixin/JSSDKHELP.hn")
    public String JSSDKHelp(HttpServletRequest request,
            HttpServletResponse response) throws FileNotFoundException, IOException {
        String url=request.getParameter("url");
        //获取jsapi_ticket
        jsapi_ticketGetUtil ticket = new jsapi_ticketGetUtil();
        String jsapi_ticket = ticket.getJSApiTicket();
        Map<String, String> ret = com.org.wxapi.util.Sign.sign(jsapi_ticket, url);
        JSONObject jsonObject = JSONObject.fromObject(ret); 
        ResponseUtils.renderJson(response, jsonObject.toString());
        return null;
    }

4.前端，写在一个.JS文件里，若要调用，只需在界面上加上

<script type="text/javascript" src="../weixinMall/js/JSSDK.js"></script>

JS文件如下：

document.write("<script language=javascript src='http://res.wx.qq.com/open/js/jweixin-1.1.0.js'></script>");
$(document).ready(function() {  
    var currurl = decodeURIComponent(location.href.split('#')[0]);  
      
    //ajax注入权限验证    
    $.ajax({  
        type: 'POST',   //请求方式
        url : "/wxapi/weixin/JSSDKHELP.hn",
        dataType : 'json',  
        data : {"url": currurl},
        complete : function(XMLHttpRequest, textStatus) {},  
        error : function(XMLHttpRequest, textStatus, errorThrown) {  
            alert("发生错误：" + errorThrown+"XMLHttpRequeststatus:"+XMLHttpRequest.status+"XMLHttpRequest.readyState:"+XMLHttpRequest.readyState+"textStatus:"+textStatus);  
        },  
        success : function(res) { 
            var appId = res.appId;  
            var nonceStr = res.nonceStr;  
            var jsapi_ticket = res.jsapi_ticket;  
            var timestamp = res.timestamp;  
            var signature = res.signature;  
            //alert("appId:"+appId +"------- " +"nonceStr:"+ nonceStr +" -----"+"jsapi_ticket:"+jsapi_ticket+"------ "+"timestamp:"+timestamp+"------- "+"signature:"+signature);  
            wx.config({  
                debug : false, //开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。    
                appId : appId, //必填，公众号的唯一标识    
                timestamp : timestamp, // 必填，生成签名的时间戳    
                nonceStr : nonceStr, //必填，生成签名的随机串    
                signature : signature, // 必填，签名，见附录1    
                jsApiList : [ 'onMenuShareAppMessage', 'onMenuShareTimeline'] //必填，需要使用的JS接口列表，所有JS接口列表 见附录2     
            }); // end wx.config  
  
  
            wx.ready(function() {  
                // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。  
                /*  
                wx.checkJsApi({ 
                    jsApiList : [ 'onMenuShareAppMessage' ], // 需要检测的JS接口列表，所有JS接口列表见附录2, 
                    success : function(res) { 
                        // 以键值对的形式返回，可用的api值true，不可用为false 
                        // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"} 
                        alert(res.checkResult); 
                        alert(res.errMsg); 
                    } 
                }); // end checkJsApi 
                 */  
                wx.onMenuShareAppMessage({  
                    title : '拭拭吧', // 分享标题  
                    desc : '此商城绝无仅有，不买就是血亏', // 分享描述  
                    link : currurl, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致  
                    //imgUrl : "../weixinMall/images/icon_imgs/logo.jpg", // 分享图标 
                    imgUrl : "http://gy7tgr.natappfree.cc//wxapi/weixinMall/images/icon_imgs/logo.jpg",
                    type : 'link', // 分享类型,music、video或link，不填默认为link  
                    dataUrl : '', // 如果type是music或video，则要提供数据链接，默认为空  
                    success : function() {  
                        // 用户确认分享后执行的回调函数  
                        // alert('share successful');  
                    },  
                    cancel : function() {  
                        // 用户取消分享后执行的回调函数  
                        // alert('share cancel');  
                    }  
                }); // end onMenuShareAppMessage  
  
  
                wx.onMenuShareTimeline({  
                    title : "拭拭吧", // 分享标题  
                    desc : '此商城绝无仅有，不买就是血亏', // 分享描述  
                    link : currurl, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致  
                    imgUrl : "http://gy7tgr.natappfree.cc//wxapi/weixinMall/images/icon_imgs/logo.jpg", // 分享图标  
                    success : function() {  
                        // 用户确认分享后执行的回调函数  
                    },  
                    cancel : function() {  
                        // 用户取消分享后执行的回调函数  
                    }  
                }) ; // end onMenuShareTimeline  
            }); // end ready  
  
            wx.error(function(res) {  
                // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。  
                alert("error:"+res);  
            });  
        } // end success  
    }); // end ajax  
  
});  // end document