微信公众号一次二次转发链接地址是IP和图片不显示,转换成文字和图片分享到朋友圈问题
来源:互联网 发布:淘宝售假影响综合评分 编辑:程序博客网 时间:2024/05/22 02:03
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代码可以直接用:
//你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(){ //自动获取urlvar 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,不填默认为linkdataUrl: '', // 如果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 blocke.printStackTrace();} }//获取access_tokenpublic static String getAccessToken(String appid,String secret) { String access_token = ""; String grant_type = "client_credential";//获取access_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; } //获取ticketpublic 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 ""; } @Overridepublic void destroy() {super.destroy();}@Overridepublic 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;}}
实现结果:
- 微信公众号一次二次转发链接地址是IP和图片不显示,转换成文字和图片分享到朋友圈问题
- 微信分享网络图片到朋友圈和收藏不显示图片的问题
- 微信转发链接不显示图片和描述文字
- 微信分享多个图片和文字到朋友圈
- 微信分享链接或网站文章到微信朋友圈,缩略图片不显示,该如何解决?
- 微信分享链接或网站文章到微信朋友圈,缩略图片不显示
- 微信公众号分享图片显示不出来
- 微信公众号开发--微信JS-SDK分享到朋友圈和分享给朋友
- 朋友圈分享网址不显示图片问题
- 微信浏览器分享到朋友圈自定义标题、描述和图片,查看图片可伸缩、保存
- 微信分享api一次发送多张图片到朋友圈
- PHP+MySQL微信通过jsapi分享到朋友圈等平台,实现设置图片、链接。
- 非微信公众号web网页二次分享链接中图片丢失的问题
- 如何增加微信朋友圈分享链接的小图片
- 如何增加微信朋友圈分享链接的小图片
- 如何增加微信朋友圈分享链接的小图片
- 微信公众平台开发-分享到朋友圈和发送给好友和腾讯微博
- 微信分享到朋友圈和会话
- Expression Blend学习动画基础
- js监控回车的案例
- ckfinder 低版本无法排序 2.6.2.1可以
- switch多个case执行一段代码
- HDU 1250 Hat's Fibonacci()
- 微信公众号一次二次转发链接地址是IP和图片不显示,转换成文字和图片分享到朋友圈问题
- CEO无限期休假 Uber或踏上企业文化重建之路
- springmybaits org.mybatis.spring.transaction.SpringManagedTransaction.getTimeout()Ljava/lang/Integer
- Linux平台下启动和关闭mysql服务
- Expression Blend学习5控件
- eigen3 在 ubuntu14.04 下的安裝
- (总结)MySQL自带的性能压力测试工具mysqlslap详解
- 案例打招呼
- mongodb增删改查基本操作