大家帮忙看看，微信分享功能，{“errMsg”:"config:fail"}我是根据官方文档存入的参数。

lw1992826 2015-09-23 03:13:18
大家帮忙看看代码。。
下面是java中的代码

@RequestMapping("/jsp")
public ModelAndView jsp() throws JSONException{
String jsapi_ticket = WeixinUtil.getJSSDKAccessToken();

// 注意 URL 一定要动态获取，不能 hardcode
//这个url不是很清楚。
String url = "http://192.168.18.197:8080/ghpt/pages/ghInterface/twtpage/shareInterface.jsp";
Map<String, String> ret = sign(jsapi_ticket, url);
for (Map.Entry entry : ret.entrySet()) {
System.out.println("第一"+entry.getKey() + ", " + entry.getValue());
}
return new ModelAndView("ghInterface/twtpage/shareInterface",ret);
}



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);
}
}



下面是jsp中的代码
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>分享</title>
<!-- 调用JS接口的页面引入如下JS文件 -->
<meta name="viewport"
content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=0;" />
<script type="text/javascript">
var timestamp = $("#timestamp").val();//时间戳
var nonceStr = $("#nonceStr").val();//随机串
var signature = $("#signature").val();//签名
</script>
</head>
<body onload="fun()">
<table cellpadding="0" cellspacing="0" align="center"
style="font-size: 15px; margin-top: 20%;">
<tr>
<td><input type="text" id="timestamp" value="${timestamp}" />
</td>
</tr>
<tr>
<td><input type="text" id="nonceStr" value="${nonceStr}" />
</td>
</tr>
<tr>
<td><input type="text" id="signature" value="${signature}" />
</td>
</tr>
</table>
<div style="margin-left: 26%;">
<span class="desc">判断当前客户端是否支持指定JS接口</span>
<button class="btn btn_primary" id="checkJsApi">checkJsApi</button>

<span class="desc">获取“分享到朋友圈”按钮点击状态及自定义分享内容接口</span>
<hr>
<button class="btn btn_primary" id="onMenuShareAppMessage">onMenuShareAppMessage</button>
</div>
</body>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
function fun() {
alert(location.href.split('#')[0]);
}

// 微信配置
wx.config({
debug : true,
appId : 'wxdd97b9378e910152',
timestamp : timestamp,
nonceStr : nonceStr,
signature : signature,
jsApiList : [ 'checkJsApi','onMenuShareAppMessage' ]
// 功能列表，我们要使用JS-SDK的什么功能
});

wx
.ready(function() {
// 1 判断当前版本是否支持指定 JS 接口，支持批量判断
document.querySelector('#checkJsApi').onclick = function() {
wx.checkJsApi({
jsApiList : [ 'getNetworkType', 'previewImage' ],
success : function(res) {
alert(JSON.stringify(res));
}
});
};

// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在 页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready 函数中。
document.querySelector('#onMenuShareAppMessage').onclick = function() {
wx
.onMenuShareAppMessage({
title : '互联网之子',
desc : '在长大的过程中，我才慢慢发现，我身边的所有事，别人跟我说的所有事，那些所谓本来如此，注定如此的事，它们其实没有非得如此，事情是可以改变的。更重要的是，有些事既然错了，那就该做出改变。',
link : 'http://192.168.18.197:8080/ghpt/pages/ghInterface/twtpage/shareInterface.jsp',
imgUrl : 'http://img3.douban.com/view/movie_poster_cover/spst/public/p2166127561.jpg',
trigger : function(res) {
alert('用户点击发送给朋友');
},
success : function(res) {
alert('已分享');
},
cancel : function(res) {
alert('已取消');
},
fail : function(res) {
alert(JSON.stringify(res));
}
});
alert('已注册获取“发送给朋友”状态事件');
}
</script>
</html>




在线等啊
...全文
17676 11 打赏 收藏 转发到动态 举报
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
iamdanielyin 2016-11-15
  • 打赏
  • 举报
 回复
我刚刚解决这个问题 我的情况是签名正确 接口有权限 但是依然提示config:fail 但是当我找到原因的时候心里顿时一万匹草泥马奔腾而过。。。。。。前端传到wx.config里面的参数key是区分大小写的，比如你传递noncestr就会出错，传递nonceStr就正常。。。。。。
Bob_張 2016-01-25
  • 打赏
  • 举报
 回复
1、JS部分传参代码 <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script type="text/javascript"> var shareUrl = ""; //分享的URL地址 var shareTitle = ""; //分享的标题 var shareImage = ""; //分享的图片地址 var shareDesc = ""; //分享的描述信息 $.ajax({ type: "POST", url:'<%=ctx%>share/getSignature.do', data: {url:location.href.split('#')[0]}, dataType: "json", success: function(data){ wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: data.appId, // 必填，公众号的唯一标识 timestamp:data.timestamp, // 必填，生成签名的时间戳 nonceStr: data.nonceStr, // 必填，生成签名的随机串 signature: data.signature,// 必填，签名，见附录1 jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2 }); //注入成功会执行下面方法 wx.ready(function(){ //分享到朋友圈 wx.onMenuShareTimeline({ title: shareTitle, // 分享标题 link: shareUrl, // 分享链接 imgUrl: shareImage, // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); //分享到朋友圈 wx.onMenuShareAppMessage({ title: shareTitle, // 分享标题 desc: shareDesc, // 分享描述 link: shareUrl, // 分享链接 imgUrl: shareImage, // 分享图标 type: '', // 分享类型,music、video或link，不填默认为link dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); //分享到QQ wx.onMenuShareQQ({ title: shareTitle, // 分享标题 desc: shareDesc, // 分享描述 link: shareUrl, // 分享链接 imgUrl: shareImage, // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); //分享到腾讯微博 wx.onMenuShareWeibo({ title: shareTitle, // 分享标题 desc: shareDesc, // 分享描述 link: shareUrl, // 分享链接 imgUrl: shareImage, // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); //分享到QQ空间 wx.onMenuShareQZone({ title: shareTitle, // 分享标题 desc: shareDesc, // 分享描述 link: shareUrl, // 分享链接 imgUrl: shareImage, // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); }); //注入失败会执行下面方法 wx.error(function(res){ }); } }); //跳转 function clickLi(url) { window.location.href = url; } </script> 2、签名ajax访问方法代码 @RequestMapping("/getSignature") public void getSignature(HttpServletResponse response, HttpServletRequest request) { String url = request.getParameter("url"); Map<String, String> signResMap = shareService.getShareSign(url); logger.info("signature:" + signResMap.get("signature")); JSONObject resJson = new JSONObject(); //传入分享签名参数信息 resJson.put("signature", signResMap.get("signature")); resJson.put("nonceStr", signResMap.get("nonceStr")); resJson.put("timestamp", signResMap.get("timestamp")); resJson.put("appId", PropertiesUtil.getWxPropertiest("appId")); try { response.getWriter().print(resJson); response.getWriter().flush(); response.getWriter().close(); } catch (IOException e) { e.printStackTrace(); } } 3、签名生成方法： /** * @Title: getShareSign * @Description: 传入URL地址，生成分享签名 * @param @param url * @param @return 设定文件 * @return Map<String,String> 返回类型 * @throws */ public Map<String, String> getShareSign(String url) { logger.info("分享传入URL：" + url); JSONObject json = ResourceUtil.getResource(PropertiesUtil.getWxPropertiest("tokenUrl"), PropertiesUtil.getWxPropertiest("openTokenFlag"), PropertiesUtil.getWxPropertiest("openTokenSource")); String jsapi_ticket = null; if("1".equals(json.getString("flag"))) { jsapi_ticket = json.getString("jssdkTicket"); //获取jsapikticket的代码就不提供了 } Map<String, String> resMap = SignUtil.sign(jsapi_ticket, url); return resMap; } 4、加密类： package cn.com.aviva.wechat.ajk.util; 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 org.apache.log4j.Logger; /** * @ClassName: SignUtil * @Description: 加密工具类 * @author bob_zhang * @date 2015-8-15 下午12:06:35 */ public class SignUtil { private static Logger logger = Logger.getLogger(SignUtil.class); 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; logger.info(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 RoundUtil.getUUID(); } private static String create_timestamp() { return Long.toString(System.currentTimeMillis() / 1000); } /** * MD5加密 * * @param temp * 需要加密的字符串 * @return */ public static String md5(String str) { StringBuffer buf = new StringBuffer(""); try { MessageDigest md = MessageDigest.getInstance("MD5"); md.update(str.getBytes()); byte[] b = md.digest(); for (int j = 0; j < b.length; j++) { int i = b[j]; if (i < 0) i += 256; if (i < 16) buf.append("0"); buf.append(Integer.toHexString(i)); } } catch (Exception e) { e.printStackTrace(); } return buf.toString(); } }
fanfanfys 2016-01-22
  • 打赏
  • 举报
 回复
楼主String jsapi_ticket = WeixinUtil.getJSSDKAccessToken(); 你的WeixinUtil这个类能贴出来么，，我急需要这个东西
待得春暖花开时丶 2015-12-17
  • 打赏
  • 举报
 回复
引用 7 楼 zy205817 的回复:
查看网页源码，查看下分享的参数 是否都有，另外注意下，config参数要与你微信后台的一致，并且微信后台要配置支付测试的目录，以及黑名单。
支付测试的目录 ，黑名单？ 这是什么....
码无边 2015-12-17
  • 打赏
  • 举报
 回复
查看网页源码，查看下分享的参数 是否都有，另外注意下，config参数要与你微信后台的一致，并且微信后台要配置支付测试的目录，以及黑名单。
待得春暖花开时丶 2015-12-16
  • 打赏
  • 举报
 回复
请问解决了吗？ 我也卡这2天了，烦死了
wyx100 2015-12-02
  • 打赏
  • 举报
 回复
看看官方文档 http://mp.weixin.qq.com/wiki/7/12a5a320ae96fecdf0e15cb06123de9f.html
Mr . zhang 2015-12-01
  • 打赏
  • 举报
 回复
请问你是怎么解决的，我也是这个问题
lw1992826 2015-09-23
  • 打赏
  • 举报
 回复
引用 1 楼 linbl 的回复:
首先进去后通过alert(location.href.split('#')[0]); 来对比你生成sign的url是否一致，这个很重要。一般都是进入jsp后获取当前的url再调后台的方法生成sign的
我是通过 ModelAndView("ghInterface/twtpage/shareInterface",ret) 跳转到jsp页面。在页面上打印alert(location.href.split('#')[0]);是action的方法路径，求解释啊，是不是错的，不然后台的值怎么传到页面？还有签名怎么验证啊。。刚刚才学，不怎么懂
lw1992826 2015-09-23
  • 打赏
  • 举报
 回复
我是通过 ModelAndView("ghInterface/twtpage/shareInterface",ret) 跳转到jsp页面。在页面上打印alert(location.href.split('#')[0]);是action的方法路径，求解释啊，是不是错的，不然后台的值怎么传到页面？还有签名怎么验证啊。。刚刚才学，不怎么懂
linbl 2015-09-23
  • 打赏
  • 举报
 回复
首先进去后通过alert(location.href.split('#')[0]); 来对比你生成sign的url是否一致，这个很重要。一般都是进入jsp后获取当前的url再调后台的方法生成sign的
微信JSSDK分享，解决config:invalid signature问题
微信JSSDK分享可以实现自己的网页在微信自定义图标，标题，还有描述，还可以分享到朋友圈，分享到微信群，分享给朋友等操作。     上图就是，左侧是分享到朋友圈，右侧是分享到微信群。 很多开发者下载官方的demo进行开发，最后debug的时候，显示的是config:invalid signature ，这个原因其实很有可能是签名不一致。 我们需要保持签名一致，才能完整注入这个权限的。...
getStorage:fail data not found
微信小程序报错缓存找不到，但是看storage还有值： 原因：刚存入就读取会读不到，要延时下才可以。解决方法：将要执行的方法放到： setTimeout(function () { //要延时执行的代码 }, 1000) //延迟时间 这里是1秒 上代码：（将获取storage的方法放进去）： setTimeout(() => { wx.getStorage({ key: "my3rdSessio.
微信网页分享(配合微信公众平台)
JAVA前后端调用微信接口，实现页面分享功能(分享到朋友圈，分享给朋友)
微信支付JSAPI支付
1.介绍 JSAPI支付是用户在微信中打开商户的H5页面，商户在H5页面通过调用微信支付提供的JSAPI接口调起微信支付模块完成支付。应用场景有： ◆ 用户在微信公众账号内进入商家公众号，打开某个主页面，完成支付 ◆ 用户的好友在朋友圈、聊天窗口等分享商家页面连接，用户点击链接打开商家页面，完成支付 ◆ 将商户页面转换成二维码，用户扫描二维码后在微信浏览器中打开页面后完成支付　...
微信小程序（登录、分享、支付）
微信小程序（登录、分享、支付）
微信开发

3,143

社区成员

3,831

社区内容

发帖
与我相关
我的任务
社区描述
微信开发即微信公众平台开发，将企业信息、服务、活动等内容通过微信网页的方式进行表现，通过二次开发可以将公众账号由一个媒体型营销工具转化成提供服务的产品。
社区管理员
  • 微信开发
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章