您的位置:首页 > 移动开发 > 微信开发

微信公众号一次二次转发链接地址是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代码可以直接用:

//你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;
}

}


实现结果:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: