文档章节

java开发的微信分享到朋友圈功能

千元机爱好者
 千元机爱好者
发布于 2016/12/12 18:03
字数 1303
阅读 795
收藏 3

微信分享到朋友圈其实是微信中的一个内置功能,但当我们想自定义分享的内容的时候,就得自己写js代码调用微信的jsapi。

过程大体分为两步:

一、当你打开一个页面(你项目中需要加入分享朋友圈功能的页面)时,会执行一段js代码,这段js代码中实现了一个微信注入权限的功能,因为只有注入权限之后你才可以调用微信的分享朋友圈的功能,微信注入权限接口的js代码如下所示:

$(function(){
	    ajaxConfig();
	}); 

	function ajaxConfig(){
	$.ajax({
	        type:"post",
	        dataType: "json",
	        data: {
	           url : location.href.split('#')[0]
	        },
	        url: "${pageContext.request.contextPath }/wxUser/testConfig.shtml",
	        success: function(obj){
	            if(obj.result == "success"){
	                //微信注入权限接口
	                wx.config({
	                  debug: false,
	                  appId: obj.appId,
	                  timestamp: obj.timestamp,
	                  nonceStr: obj.nonceStr,
	                  signature: obj.signature,
	                  jsApiList: [
	                    'onMenuShareTimeline',  //分享到朋友圈                 
	                  ]
	              });
	            }else{
	                alert("加载数据错误");
	            }
	        },
	        error:function(){
	            alert("系统请求异常!");
	        }
	    });
	}

如果接口权限注入成功,这个接口需要5个重要的参数,公众号的appid,时间戳timestamp,随机字符串nonceStr,以及加密签名signature,这四个参数通过ajax的回调函数进行接收,后台代码的实现如下:

@RequestMapping("/testConfig")
	public void testConfig(String url,Model model,HttpServletResponse response) throws IOException{
        String jsapi_ticket = JsapiTicketTimeTask.jsapi_ticket;
        String result;
        if("".equals(jsapi_ticket)){
            result = "error";
        }
        //进行数据的加密(url,jsapi_ticket,nonceStr,timestamp)等参数进行SHA1加密
        Map<String, String> ret = Sign.sign(jsapi_ticket, url);
        String appId=WxConfigure.getAPPID();
        String timestamp = ret.get("timestamp");
        String nonceStr = ret.get("nonceStr");
        String signature = ret.get("signature");
        result = "success";
        JSONObject jsonObject = new JSONObject();
        jsonObject.put("timestamp", timestamp);
        jsonObject.put("nonceStr", nonceStr);
        jsonObject.put("signature", signature);
        jsonObject.put("result", result);
        jsonObject.put("appId", appId);
        response.setContentType("application/json;charset=utf-8");
		response.setHeader("Access-Control-Allow-Origin", "*");
     	response.getWriter().write(jsonObject.toString());
    }

二、当你点击你页面的一个按钮时(携带有点击事件的标签,不一定非得是按钮),会弹出一个页面指向右上角提示你分享朋友圈(因为微信不能实现自定义的按钮直接分享到朋友圈,所以只能这样提示),会调用微信分享朋友圈的js代码,微信分享到朋友圈的js代码如下所示:

$("#share").on("click", function() {
	    $("#shareit").show();
	    wx.onMenuShareTimeline({
	    	title: '欢迎来到慧聪网产业带性格色彩测试',
	        link: 'https://rong580.com/wzh/wxUser/toTestChoice.shtml',
	        imgUrl: '../img/zp-header.png',
	        trigger: function (res) {
	        },
	        success: function (res) {
	          alert('已分享');
	          window.location.href="toIndex.shtml?tag4="+4;
	        },
	        cancel: function (res) {
	          alert('已取消');
	          window.location.href="toIndex.shtml";
	        },
	        fail: function (res) {
	          alert(JSON.stringify(res));
	        }
	      });
	});
$("#shareit").on("click", function(){
	  $("#shareit").hide(); 
	})

这时候你点击分享朋友圈按钮,就可以将你自定义的内容分享到朋友圈了,这里的shareit就是你指引你分享到朋友圈的图片,通过点击事件可以控制它的显示与隐藏,这个图片你可以自定义,大概是这样的:

以上就是分享到朋友圈的功能实现;

在这个功能中会实现遇到一个问题,就是jsapiticket的获取,因为微信官方规定jsapiticket每天的获取次数是有限的,一旦超过次数就无法获取,这样就会影响到项目的正常功能,这里可以写一个定时器每小时获取一次就可以了。定时器利用spring的定时器来实现,直接在spring的配置文件中配置即可:

<bean id="jsapiTask" class="chan.ye.dai.wexin.JsapiTicketTimeTask" />
    <bean id="jobDetail"
        class="org.springframework.scheduling.quartz.MethodInvokingJobDetailFactoryBean">
        <property name="targetObject" ref="jsapiTask" />
        <property name="targetMethod" value="getTicket" />
        <property name="concurrent" value="false" />
    </bean>
     <bean id="simpleTrigger"
        class="org.springframework.scheduling.quartz.SimpleTriggerFactoryBean">
        <property name="jobDetail" ref="jobDetail" />
        <property name="startDelay" value="1000" />
        <property name="repeatInterval" value="3600000" />
    </bean>
    <bean class="org.springframework.scheduling.quartz.SchedulerFactoryBean">
        <property name="triggers">
            <list>
                <ref bean="simpleTrigger" />
            </list>
        </property>
    </bean>

这里要注意一个问题,spring3和spring4中所使用的定时器是不一样的;

接下来附上相关的代码:

获取jsapiticket的类:

package chan.ye.dai.wexin;
import chan.ye.dai.http.Con2http;
import net.sf.json.JSONObject;
/**
 * 
* @ClassName: JsapiTicketTimeTask 
* @Description: TODO(jsapi_ticket类) 
* @author anyou
* @date 2016年12月9日 上午8:29:19 
*
 */
public class JsapiTicketTimeTask {
    public static String jsapi_ticket = "";
  /**
   * 
  * @Title: getTicket 
  * @Description: TODO(每隔一个小时调用一次微信获取jsapi的接口的任务调用器,在spring配置里面调用) 
  * @param     设定文件 
  * @return void    返回类型 
  * @throws
   */
    public static void getTicket() {
        //调用微信接口获取access_token凭证
        //Constant.ACCESS_TOKEN = https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
        String _url = WexinUrlConst.WEXIN_USER_ACCESS_TOKEN.replace("APPID", WxConfigure.getAPPID()).replace("SECRET", WxConfigure.getAPPSECRET());
        String resp = new Con2http().httpsRequest(_url, "GET", null);
        if (!resp.contains("errcode")) {
			JSONObject object = JSONObject.fromObject(resp);
			String access_token = (String) object.get("access_token");
			 if(access_token != null && !"".equals(access_token)){
	                //如果可以获取access_token,即可以调用jsapi_tiket的凭证了
	                String ticketUrl = WexinUrlConst.JSAPI_TICKET.replace("ACCESS_TOKEN", access_token);   //Constant.JSAPI_TICKET = https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi
	                String ticketStr = new Con2http().httpsRequest(ticketUrl, "GET", null);
	                JSONObject ticketJson = JSONObject.fromObject(ticketStr);
	                String errmsg = (String) ticketJson.get("errmsg");
	                //如果调用成功,返回ok
	                if("ok".equals(errmsg)){
	                    jsapi_ticket = (String) ticketJson.get("ticket");	
	                 
	                }
			}
		}
    
    }
}

sign类:

package chan.ye.dai.utils;

import java.io.UnsupportedEncodingException;
import java.security.MessageDigest;
import java.security.NoSuchAlgorithmException;
import java.util.Formatter;
import java.util.HashMap;
import java.util.Map;
import java.util.UUID;

public class Sign {
	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 +
                  "&timestamp=" + 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);
    }
}

 

 

© 著作权归作者所有

共有 人打赏支持
千元机爱好者
粉丝 10
博文 35
码字总数 35649
作品 0
焦作
后端工程师
Java 8来了!!! 极客学院推出中国第1个Java8课程,详解Lambda 表达式

3月发布的Java 8有哪十大新特性,你知道不? 不知道?没关系,因为没几个家伙知道。不过看到这条消息的你将非常幸运:极客学院推出中国第1个Java 8课程,详细讲解最核心的Lambda 表达式使用方...

jikexueyuan
2014/04/09
0
0
什么是Kotlin?Java的替代语言?

什么是Kotlin Kotlin是一个基于JVM的新的编程语言,2010年由IntelliJ IDEA所在的JetBrains公司开发,自2012年以来一直开源。 Kotlin可以编译成Java字节码,也可以编译成JavaScript,方便在没...

java技术栈
2017/10/17
0
0
Flappy Bird添加分享微信朋友圈功能

前段时间Flappy Bird很火, 之后很快就下架了。由于想在朋友圈炫炫,但又只有查看google排行功能,无聊之下,只能自己改一下它的功能了。 要快速弄,只能破解他的代码,然后植入自己的功能了...

honeyli
2014/03/02
0
1
Sharding-JDBC 3.0 即将发布,更名 Sharding-Sphere !

8日下午,知名开源数据库中间件 Sharding-JDBC 创始人张亮在朋友圈中发布了一个动态,表示 Sharding-JDBC 3.0 将于近期发布。 从该动态我们可以知道,从 3.0 开始,Sharding-JDBC 将更名为 ...

雨田桑
05/08
0
16
微信JSSDK分享到朋友圈和朋友自定义内容功能实现

个人小程序。可以扫描体验哦。点击广告此博文代码免费赠予 本博文实现了自定义分享朋友圈、转发朋友、获取网络状态、地理位置、扫一扫等JSSDK接口功能 官网文档。请自行仔细阅读 https://mp...

小帅帅丶
2017/02/21
0
6

没有更多内容

加载失败,请刷新页面

加载更多

创建第一个react项目

sudo npm i -g create-react-app@1.5.2 create-react-app react-app cd react-apprm -rf package-lock.jsonrm -rf node_modules #主要是为了避免报错npm installnpm start......

lilugirl
今天
3
0
在浏览器中进行深度学习:TensorFlow.js (八)生成对抗网络 (GAN)

Generative Adversarial Network 是深度学习中非常有趣的一种方法。GAN最早源自Ian Goodfellow的这篇论文。LeCun对GAN给出了极高的评价: “There are many interesting recent development...

naughty
今天
0
0
搬瓦工镜像站bwh1.net被DNS污染,国内打不开搬瓦工官网

今天下午(2018年10月17日),继搬瓦工主域名bandwagonhost.com被污染后,这个国内的镜像地址bwh1.net也被墙了。那么目前应该怎么访问搬瓦工官网呢? 消息来源:搬瓦工优惠网->搬瓦工镜像站b...

flyzy2005
今天
9
0
SpringBoot自动配置

本篇介绍下,如何通过springboot的自动配置,将公司项目内的依赖jar,不需要扫描路径,依赖jar的情况下,就能将jar内配置了@configuration注解的类,创建到IOC里面 介绍下开发环境 JDK版本1.8 spr...

贺小五
今天
5
0
命令行新建Maven多项目

参考地址 # DgroupId 可以理解为包名# DartifactId 可以理解为项目名mvn archetype:generate -DgroupId=cn.modfun -DartifactId=scaffold -DarchetypeArtifactId=maven-archetype-quickst......

阿白
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部