微信公众号一次二次转发链接地址是IP和图片不显示,转换成文字和图片分享到朋友圈问题
2017-06-15 11:48
796 查看
1.首先微信转发要实现微信转发的js-sdk接口
(1)登录微信公众号把绑定域名:
在微信授权接口里面找JS接口安全域名,这里的域名是公网的域名不带http://的前缀,比如你要绑定的域名是: http://shuiqit.com/weixin 写成shuiqit.com/weixin微信规定要下载一个txt文档,下载下来放到你的项目下面,使其能访问到,在weixin的项目下面任何页面都可以引用 JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.2.0.js
(2)使用config接口注入权限所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用。
代码如下:
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '', // 必填,公众号的唯一标识
timestamp: , // 必填,生成签名的时间戳
nonceStr: '', // 必填,生成签名的随机串
signature: '',// 必填,签名,见附录1
jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});
(3)通过通过ready接口处理成功验证
wx.ready(function(){
// config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
});
(4)获取“分享给朋友”按钮点击状态及自定义分享内容接口
wx.onMenuShareAppMessage({
title: '', // 分享标题
desc: '', // 分享描述
link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: '', // 分享图标
type: '', // 分享类型,music、video或link,不填默认为link
dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
(5)获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
wx.onMenuShareTimeline({
title: '', // 分享标题
link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: '', // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
jsp代码可以直接用:
web.xml配置为了获取wx.config里面参数的值
<servlet>
<servlet-name>wxjssdk</servlet-name>
<servlet-class>cn.com.zhongway.im.wechat.wxjssdk</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>wxjssdk</servlet-name>
<url-pattern>/wxjssdk</url-pattern>
</servlet-mapping>
后台post请求的代码
实现结果:
(1)登录微信公众号把绑定域名:
在微信授权接口里面找JS接口安全域名,这里的域名是公网的域名不带http://的前缀,比如你要绑定的域名是: http://shuiqit.com/weixin 写成shuiqit.com/weixin微信规定要下载一个txt文档,下载下来放到你的项目下面,使其能访问到,在weixin的项目下面任何页面都可以引用 JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.2.0.js
(2)使用config接口注入权限所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用。
代码如下:
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '', // 必填,公众号的唯一标识
timestamp: , // 必填,生成签名的时间戳
nonceStr: '', // 必填,生成签名的随机串
signature: '',// 必填,签名,见附录1
jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});
(3)通过通过ready接口处理成功验证
wx.ready(function(){
// config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
});
(4)获取“分享给朋友”按钮点击状态及自定义分享内容接口
wx.onMenuShareAppMessage({
title: '', // 分享标题
desc: '', // 分享描述
link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: '', // 分享图标
type: '', // 分享类型,music、video或link,不填默认为link
dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
(5)获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
wx.onMenuShareTimeline({
title: '', // 分享标题
link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: '', // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
jsp代码可以直接用:
//你jsp引入的js <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> <script type="text/javascript"> var l_timestamp=""; var l_noncestr=""; var l_signature=""; function echarts_values(){ //自动获取url var wxurl="<%=basePathxm %>"+"<%=request.getRequestURI() %>"+"?"+"<%=request.getQueryString() %>"; var appid="wx0ba384d5d15d59bd";//微信appid微信公众号后台获取 var secretid="2cf499db98031386bab968e8c922a250"; 微信secretid微信公众号后台获取 var path = "<%=request.getContextPath() %>/wxjssdk"; $.post(path,{appid:appid,secret:secretid,wxurl:wxurl},function(data){ var data=JSON.parse(data); l_timestamp=data[0];// l_noncestr=data[1]; l_signature=data[2]; wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: appid, // 必填,公众号的唯一标识 timestamp:l_timestamp, // 必填,生成签名的时间戳,上文通过后台获取的 nonceStr: l_noncestr, // 必填,生成签名的随机串,上文通过后台获取的 signature: l_signature,// 必填,签名,上文通过后台获取的 jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage'] // 必填,需要使用的JS接口列表,就是下文的分享朋友圈和转发给朋友的列表 }); }); } wx.ready(function(){ // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。 //这里面的title的值是你们自己要发的文章的值,图片和链接 wx.onMenuShareTimeline({ title: title, // 分享标题 link: linkurl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: picurl, // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); //一样所以指通过自己获取主要是title,desc,link,imgUrl标题,描述和链接,分享图标 wx.onMenuShareAppMessage({ title: title, // 分享标题 desc: sqldes, // 分享描述 link: linkurl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: picurl, // 分享图标 type: '', // 分享类型,music、video或link,不填默认为link dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); }); </script>
web.xml配置为了获取wx.config里面参数的值
<servlet>
<servlet-name>wxjssdk</servlet-name>
<servlet-class>cn.com.zhongway.im.wechat.wxjssdk</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>wxjssdk</servlet-name>
<url-pattern>/wxjssdk</url-pattern>
</servlet-mapping>
后台post请求的代码
/*********************************************************************** * Module: PublicAction.java * Author: Administrator * Purpose: Defines the Class PublicAction ***********************************************************************/ package cn.com.zhongway.im.wechat; import java.io.BufferedReader; import java.io.File; import java.io.IOException; import java.io.InputStream; import java.io.InputStreamReader; import java.io.OutputStreamWriter; import java.io.PrintWriter; import java.net.URL; import java.net.URLConnection; import java.security.MessageDigest; import java.security.NoSuchAlgorithmException; import java.util.ArrayList; import java.util.Arrays; import java.util.Enumeration; import java.util.HashMap; import java.util.Iterator; import java.util.List; import java.util.Map; import java.util.Set; import java.util.UUID; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import net.sf.json.JSONArray; import net.sf.json.JSONObject; import org.apache.commons.httpclient.HttpClient; import org.apache.commons.httpclient.methods.GetMethod; import org.apache.commons.httpclient.methods.PostMethod; import org.apache.commons.httpclient.methods.StringRequestEntity; import org.apache.log4j.Logger; import java.net.HttpURLConnection; import java.net.HttpURLConnection; public class wxjssdk extends HttpServlet { /** * 通过code换取网页授权access_token,根据授权返回页面获取的code值获取openid */ protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String appid = request.getParameter("appid"); String secret = request.getParameter("secret"); String url=request.getParameter("wxurl"); try { String accessToken = getAccessToken(appid,secret); //2、获取Ticket String jsapi_ticket = getTicket(accessToken); //3、时间戳和随机字符串 String noncestr = UUID.randomUUID().toString().replace("-", "").substring(0, 16);//随机字符串 String timestamp = String.valueOf(System.currentTimeMillis() / 1000);//时间戳 System.out.println("accessToken:"+accessToken+"\njsapi_ticket:"+jsapi_ticket+"\n时间戳:"+timestamp+"\n随机字符串:"+noncestr); //4、获取url //String url="http://shuiqitong.com/xzw/jNotice/jNotice_templet/templet.jsp"; /*根据JSSDK上面的规则进行计算 String[] ArrTmp = {"jsapi_ticket","timestamp","nonce","url"}; Arrays.sort(ArrTmp); StringBuffer sf = new StringBuffer(); for(int i=0;i<ArrTmp.length;i++){ sf.append(ArrTmp[i]); } */ //5、将参数排序并拼接字符串 String str = "jsapi_ticket="+jsapi_ticket+"&noncestr="+noncestr+"×tamp="+timestamp+"&url="+url; //6、将字符串进行sha1加密 String signature =SHA1(str); System.out.println("参数:"+str+"\n签名:"+signature); List l_data =new ArrayList(); l_data.add(timestamp); l_data.add(noncestr); l_data.add(signature); l_data.add(url); JSONArray l_jsonarrary = JSONArray.fromObject(l_data); //json转的字符串值 String l_jsonstring = l_jsonarrary.toString(); response.getWriter().print(l_jsonstring); response.getWriter().flush(); response.getWriter().close(); } catch (Exception e) { // TODO Auto-generated catch block e.printStackTrace(); } } //获取access_token public static String getAccessToken(String appid,String secret) { String access_token = ""; String grant_type = "client_credential";//获取access aa38 _token填写client_credential String url = "https://api.weixin.qq.com/cgi-bin/token?grant_type="+grant_type+"&appid="+appid+"&secret="+secret; //这个url链接地址和参数皆不能变 String requestUrl = ""; String oppid=""; JSONObject oppidObj =null; String openid =""; String requestUrl2=""; String userInfoStr=""; JSONObject wxUserInfo=null; try { //获取code后,请求以下链接获取access_token URL urlGet = new URL(url); HttpURLConnection http = (HttpURLConnection) urlGet.openConnection(); http.setRequestMethod("GET"); // 必须是get方式请求 http.setRequestProperty("Content-Type","application/x-www-form-urlencoded"); http.setDoOutput(true); http.setDoInput(true); System.setProperty("sun.net.client.defaultConnectTimeout", "30000");// 连接超时30秒 System.setProperty("sun.net.client.defaultReadTimeout", "30000"); // 读取超时30秒 http.connect(); InputStream is = http.getInputStream(); int size = is.available(); byte[] jsonBytes = new byte[size]; is.read(jsonBytes); String message = new String(jsonBytes, "UTF-8"); JSONObject demoJson = JSONObject.fromObject(message); System.out.println("JSON字符串:"+demoJson); access_token = demoJson.getString("access_token"); is.close(); } catch (Exception e) { e.printStackTrace(); } return access_token; } //获取ticket public static String getTicket(String access_token) { String ticket = null; String url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token="+ access_token +"&type=jsapi";//这个url链接和参数不能变 try { URL urlGet = new URL(url); HttpURLConnection http = (HttpURLConnection) urlGet.openConnection(); http.setRequestMethod("GET"); // 必须是get方式请求 http.setRequestProperty("Content-Type","application/x-www-form-urlencoded"); http.setDoOutput(true); http.setDoInput(true); System.setProperty("sun.net.client.defaultConnectTimeout", "30000");// 连接超时30秒 System.setProperty("sun.net.client.defaultReadTimeout", "30000"); // 读取超时30秒 http.connect(); InputStream is = http.getInputStream(); int size = is.available(); byte[] jsonBytes = new byte[size]; is.read(jsonBytes); String message = new String(jsonBytes, "UTF-8"); JSONObject demoJson = JSONObject.fromObject(message); System.out.println("JSON字符串:"+demoJson); ticket = demoJson.getString("ticket"); is.close(); } catch (Exception e) { e.printStackTrace(); } return ticket; } public static String SHA1(String decript) { try { MessageDigest digest = java.security.MessageDigest.getInstance("SHA-1"); digest.update(decript.getBytes()); byte messageDigest[] = digest.digest(); // Create Hex String StringBuffer hexString = new StringBuffer(); // 字节数组转换为 十六进制 数 for (int i = 0; i < messageDigest.length; i++) { String shaHex = Integer.toHexString(messageDigest[i] & 0xFF); if (shaHex.length() < 2) { hexString.append(0); } hexString.append(shaHex); } return hexString.toString(); } catch (NoSuchAlgorithmException e) { e.printStackTrace(); } return ""; } @Override public void destroy() { super.destroy(); } @Override public void init() throws ServletException { super.init(); } public boolean isChinese(String str) { boolean result = false; for (int i = 0; i < str.length(); i++) { int chr1 = (char) str.charAt(i); if (chr1 >= 19968 && chr1 <= 171941) {// 汉字范围 \u4e00-\u9fa5 (中文) result = true; } } return result; } }
实现结果:
相关文章推荐
- 关于facebook分享不能显示图片链接问题
- Android开发 sharesdk分享微信/朋友圈的时候只显示文字,不显示链接
- 非微信公众号web网页二次分享链接中图片丢失的问题
- 微信转发链接不显示图片和描述文字
- Android应用实现微信分享(微信好友,朋友圈),分享链接,图片,文字
- 微信分享网络图片到朋友圈和收藏不显示图片的问题
- Android开发 sharesdk分享微信/朋友圈的时候只显示文字,不显示链接
- 朋友圈分享网址不显示图片问题
- opencv的图片显示到控件上坐标转换问题
- IE6、IE内核国产浏览器 png 图片热点链接 不显示问题解决方法
- shell提示符显示本机ip地址的问题
- Qt中使用OpenCV显示图片时,Mat结构转换为QImage结构的问题
- WORD 2010中链接地址显示为HYPERLINK的问题
- 在ios中使用opencv将彩色图片转换成为灰度图,uiimageview无法显示问题
- opencv显示图片地址问题
- JqueryMobile链接一个页面,而链接页面中图片需刷新才显示的问题
- dedecms友情链接实现图片文字链接都显示的方法
- 【JAVA】使用jacob生成的html,关于文字乱码处理,图片无法显示等问题。
- 转换排列Qt中使用OpenCV显示图片时,Mat结构转换为QImage结构的问题
- 在GridView中显示Logo图片和相应的链接地址