先吐槽一下!!!

哎,张小龙写的教程真差,要研究半天才能用上,大家按我的步骤12345,包你药到病除:

1、官方参考:

https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115&token=&lang=zh_CN

2、后端参考下面后端例子,切记在WeiXinRequest类中填入自己的appid和appsecret就可以了。不过我例子中没有添加缓存大家可以用缓存加载一下。因为token的过期时间7200不需要去频繁的调用微信签名接口

4、前端参考下面前端例子!有个分享成功和失败的方法,要放到ready()中,不能放到外面,onMenuShareAppMessage要放到ready()中!!!切记!看代码:

签名那些都按照上面的样例来做即可;話不多説直接后端擼代碼。前端要注意的是 簽名的URL必須是完整的路徑 即 類似  http://www.baidu.com/xxx/xxx  最好用window.location.href 來取。

前端部分代码:

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta content="initial-scale=1,minimum-scale=1,maximum-scale=2,user-scalable=no,width=device-width" name="viewport"><meta name="theme-color" content="#000000"><link rel="manifest" href="/manifest.json"><link rel="shortcut icon" href="/favicon.ico"><script src="./polyfill.js"></script><title>123</title><link rel="stylesheet" type="text/html" href="/style.css"><link href="/static/css/main.0cc44144.css" rel="stylesheet"></head><body classname="no-scroll"><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script type="text/javascript" src="/static/js/common.4d193ec3.js"></script><script type="text/javascript" src="/static/js/main.bcc71316.js"></script></body></html><script>var htmls=document.getElementsByTagName("html")[0],widths=document.body.clientWidth;widths>600&&(widths=600),htmls.style.fontSize=100*widths/375+"px"</script><script src="./jweixin.js"></script><script>window.onload=function(){

let url="域名自己写/wx/share?shareUrl="+window.location.href
function post(token, url, params, callback){
return fetch(url, {
method: 'POST',
headers: {
'Content-Type':'application/x-www-form-urlencoded',
},
body:JSON.stringify(params)
}).
then((response) => {
return response.json()
}).
then((result) => {
console.log(result)
if (callback) {
callback(result)
}

}).catch((error) => {
if (callback) {
callback({
code:90001,
msg:'请求出错',
data:[],
timestamp:''
})
}
});
}

post(null, url, { shareUrl: url },(reuslt)=>{
if(reuslt){
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: 'wxef085e1d3842da75', // 必填,公众号的唯一标识
timestamp: reuslt.timestamp, // 必填,生成签名的时间戳
nonceStr: reuslt.nonceStr, // 必填,生成签名的随机串
signature: reuslt.signature,// 必填,签名,见附录1
jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});

wx.ready(function () {
// config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
alert('wechat check')
wx.onMenuShareAppMessage({
title: 'wjx wechat testing', // 分享标题
imgUrl: '分享图标', // 分享图标
dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
success: function () {
// 用户确认分享后执行的回调函数
console.log(666)
alert('wjx wechat share testing success')
},
cancel: function () {
// 用户取消分享后执行的回调函数
console.log(6663)
}
});

wx.onMenuShareTimeline({
title: 'wjx wechat testing', // 分享标题
imgUrl: '分享图标', // 分享图标
dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空

success: function () {
// 用户确认分享后执行的回调函数
alert('wjx wechat share testing success')
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});

});

wx.error(function(res){

// config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
alert("微信验证失败");
})

}
} )

}</script>

后端完整代码如下:

public class WeiXinController {
@Autowired
private WeiXinRequest weiXinRequest; @PostMapping(value = "/share")
public Map<String, String> getSignForWeiXin(@RequestParam String shareUrl) {
String ticket = weiXinRequest.getWeiXinTicket();
Sign sign = new Sign();
// 注意 URL 一定要动态获取,不能 hardcode
log.debug("[shareUrl] = " + shareUrl);
Map<String, String> ret = sign.sign(ticket, shareUrl);
for (Map.Entry entry : ret.entrySet()) {
System.out.println(entry.getKey() + ", " + entry.getValue());
}
return ret;
} }
public class WeiXinRequest {

    private static String appId = "*******";
private static String appSecret = "***"; public String getWeiXinTicket() {
String access_token;
String ticket;
//之后做缓存
Object act = null;
Object apiticket = null; if (null == act) { String url = "https://api.weixin.qq.com/cgi-bin/token";
String jsonStrToken = sendGet(url, "grant_type=client_credential&appid="+ appId + "&secret=" + appSecret); log.debug("[jsonStrToken] = " + jsonStrToken); JSONObject json = JSONObject.parseObject(jsonStrToken); access_token = (String) json.getString("access_token");
if (access_token == null) {
return null;
}
} else {
access_token = (String) act;
} if (null == apiticket) {
String url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket";
String jsonStrTicket = sendGet(url, "access_token=" + access_token + "&type=jsapi"); log.debug("[jsonStrTicket] = " + jsonStrTicket); JSONObject json = JSONObject.parseObject(jsonStrTicket);
ticket = (String) json.get("ticket"); } else {
ticket = (String) apiticket;
} return ticket; } /**
* 向指定URL发送GET方法的请求
*
* @param url
* 发送请求的URL
* @param param
* 请求参数,请求参数应该是 name1=value1&name2=value2 的形式。
* @return URL 所代表远程资源的响应结果
*/
public String sendGet(String url, String param) {
String result = "";
BufferedReader in = null;
try {
String urlNameString = url + "?" + param;
URL realUrl = new URL(urlNameString);
// 打开和URL之间的连接
URLConnection connection = realUrl.openConnection();
// 设置通用的请求属性
connection.setRequestProperty("accept", "*/*");
connection.setRequestProperty("connection", "Keep-Alive");
// 建立实际的连接
connection.connect();
// 获取所有响应头字段
Map<String, List<String>> map = connection.getHeaderFields();
// 遍历所有的响应头字段
for (String key : map.keySet()) {
System.out.println(key + "--->" + map.get(key));
}
// 定义 BufferedReader输入流来读取URL的响应
in = new BufferedReader(new InputStreamReader(
connection.getInputStream()));
String line;
while ((line = in.readLine()) != null) {
result += line;
} } catch (Exception e) {
System.out.println("发送GET请求出现异常!" + e);
e.printStackTrace();
}
// 使用finally块来关闭输入流
finally {
try {
if (in != null) {
in.close();
}
} catch (Exception e2) {
e2.printStackTrace();
}
}
return result;
} } 前端代碼略!!

java微信分享的更多相关文章

  1. Java微信分享接口开发

    发布时间:2018-11-07   技术:springboot+maven   概述 微信JS-SDK实现自定义分享功能,分享给朋友,分享到朋友圈 详细 代码下载:http://www.demodas ...

  2. 分享 Java微信开发SDK

    分享 Java微信开发SDK •发布于 4周前  •作者 朋也  •432 次浏览  •最后一次编辑是 2周前  •来自 分享 给大家分享两个java开发微信公众号的sdk jfinal-weixin ...

  3. java菜鸟之微信分享

    前言:我终于理解了什么叫做教科书:教科书就是把一些简单容易的知识写成一堆谁都看不懂的书,这,就简称“教科书” 这些天接触到微信分享以及回调的问题,因为之前没接触过,所以这次做这个分享,碰了一点点壁,特 ...

  4. java实现微信分享

    之前项目中涉及到了微信分享的功能,然后总结下供有需要的朋友参考下. 在做之前可以先看下<微信JS-SDK说明文档>,大致了解下.我自己的工程目录是 1.HttpService和HttpSe ...

  5. Android微信分享图片大于32k进行压缩

    微信分享视频的时候,需要传一个图片数组,大小不能大于32k. 解决方案:使用Bitmap自带的compress方法解决了这个问题. 源码如下: <span style="font-si ...

  6. .net 微信分享功能

    微信在国内目前无疑是最火的社交软件,智能手机装机必备. 微信api有java,php,Python语言的demo, 为毛没有C#的范例?兄长今天给各位带来一个.不叫哥(割)了,A股今天又暴跌[3912 ...

  7. React Native微信分享 朋友圈分享 Android/iOS 通用

    超详细React Native实现微信好友/朋友圈分享功能-Android/iOS双平台通用   2016/06/16 |  React Native技术文章 |  Sky丶清|  暂无评论 |  1 ...

  8. 在Unity3D项目中接入ShareSDK实现安卓平台微信分享功能(可使用ShareSDK默认UI或自定义UI)

    最近公司的大厅要重做,我协助主程一起制作新大厅和新框架,前面制作的编辑器也派上了用场.等全部功能做完后我会再写一个复盘,这两天主程在忙于写热更新的功能,所以把接入分享SDK功能的任务交给了我,Shar ...

  9. Java微信公众平台开发之获取地理位置

    本部分需要用到微信的JS-SDK,微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包.通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照.选图.语音.位置等手机系统 ...

随机推荐

  1. netty(六) websocket开发应用

    package com.lance.net.server.common; import java.net.InetSocketAddress; import org.springframework.s ...

  2. Codeforces Round #449 (Div. 2)

    Codeforces Round #449 (Div. 2) https://codeforces.com/contest/897 A #include<bits/stdc++.h> us ...

  3. 设计原则之依赖倒置js

    依赖倒置 定义:高层模块不应该依赖低层模块,二者都应该依赖其抽象:抽象不应该依赖细节:细节应该依赖抽象.(百科全书) 这个定义什么意思,太专业 感觉不像人话.. 什么叫高层模块,什么叫底层模块,什么叫 ...

  4. 5. Redis持久化

    5. Redis持久化5.1 RDB5.1.1 触发机制5.1.2 流程说明5.1.3 RDB文件的处理5.1.4 RDB的优缺点5.2 AOF5.2.1 使用AOF5.2.2 命令写入5.2.3 文 ...

  5. BZOJ4386[POI2015]Wycieczki / Luogu3597[POI2015]WYC - 矩乘

    Solution 想到边权为$1$的情况直接矩乘就可以得出长度$<=t$ 的路径条数, 然后二分check一下即可 但是拓展到边权为$2$,$3$ 时, 需要新建节点 $i+n$ 和 $i+2n ...

  6. PostFix添加多个端口

    /usr/local/*/config/postfix/master.cf 在/etc/services中搜索smtp,复制,添加smtp2<与上面一步对应起来的服务名>,后面为需要添加的 ...

  7. 201621123002《Java程序设计》第六周学习总结

    1. 本周学习总结 1.1 面向对象学习暂告一段落,请使用思维导图,以封装.继承.多态为核心概念画一张思维导图或相关笔记,对面向对象思想进行一个总结. 注1:关键词与内容不求多,但概念之间的联系要清晰 ...

  8. selenium+java+chrome 自动化测试环境搭建

    安装jdk    (jdk 配置环境变量)    eclipse(可用免安装的) 安装谷歌浏览器 下载chorme driver (chorme driver 也要配置环境变量,将chormedriv ...

  9. 主键生成策略sequence

    http://blog.csdn.net/shanhuhau/article/details/24978253 表示:如果不写序列名,会走默认的序列 若写,则seq_表名_属性名

  10. 2019.02.19 bzoj2655: calc(生成函数+拉格朗日插值)

    传送门 题意简述:问有多少数列满足如下条件: 所有数在[1,A][1,A][1,A]之间. 没有相同的数 数列长度为nnn 一个数列的贡献是所有数之积,问所有满足条件的数列的贡献之和. A≤1e9,n ...