调用微信扫一扫功能

最新推荐文章于 2024-07-10 11:07:37 发布

爱吃肉的小可爱

最新推荐文章于 2024-07-10 11:07:37 发布

阅读量5.3k

点赞数

本文链接：https://blog.csdn.net/Green_begonia/article/details/80481369

版权

JSSDK使用步骤

步骤一：绑定域名

先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

备注：登录后可在“开发者中心”查看对应的接口权限。

步骤二：引入JS文件

在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.2.0.js

备注：支持使用 AMD/CMD 标准模块加载方法加载

步骤三：通过config接口注入权限验证配置

所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（同一个url仅需调用一次，对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性，所以使用pushState来实现web app的页面会导致签名失败，此问题会在Android6.2中修复）。

wx.config({

debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。

appId: '', // 必填，公众号的唯一标识

timestamp: , // 必填，生成签名的时间戳

nonceStr: '', // 必填，生成签名的随机串

signature: '',// 必填，签名，见附录1

jsApiList: [] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2

});

步骤四：通过ready接口处理成功验证

wx.ready(function(){

// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。

});

步骤五：通过error接口处理失败验证

wx.error(function(res){

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

});

实例

HTML:

<input id="signature" type="hidden" value="${signature}" />

<input id="id_securityCode_input">

$(document).ready(function(){

$.ajax({

url: '<%=path %>' + '/wx/member/share',

type: "POST",

data: {url : window.location.href}, //获取当前页面路径

dataType: "json",

cache: false, // 第一次请求完毕之后，如果再次去请求，可以直接从缓存里面读取而不是再到服务器端读取

success: function(data) {

//alert(data.member.nickName);

wx.config({

debug:false,

// 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。

appId: data.wxAppId,

// 必填，公众号的唯一标识

timestamp: data.timestamp,

// 必填，生成签名的时间戳

nonceStr: data.nonce_str,

// 必填，生成签名的随机串

signature: data.signature,

// 必填，签名，见附录1

jsApiList: ["scanQRCode"] // 必填，需要使用的JS接口列表，

});

wx.error(function(res){

alert("错误信息== " + res.errMsg);

});

}

});

$("#scanQRCode").click(function() {

wx.scanQRCode({

needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，

scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有

success: function (res) {

var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果

$("#id_securityCode_input").val(result);

}

});

</script>

控制层

@RequestMapping(value="/share",method = RequestMethod.POST)

public @ResponseBody

Map<String, Object> share(String url,HttpServletRequest request) throws IOException {

//获取jsapiTicket

String jsapiTicket =WeiXinUtils.getJsapiTicket();

WeiXinUtils wx = new WeiXinUtils();

Map<String, Object> wxMap = wx.getSignature(url,jsapiTicket);

wxMap.put("member", member);

wxMap.put("wxAppId", WeiXinUtils.APPID);

return wxMap;

}

微信工具类

package com.xuanyu.wmlt.util;

import java.io.IOException;

import java.io.UnsupportedEncodingException;

import java.security.MessageDigest;

import java.security.NoSuchAlgorithmException;

import java.util.HashMap;

import java.util.Map;

import net.sf.json.JSONObject;

import org.apache.log4j.Logger;

/**

* Utils - 微信操作工具类

* add by sl on 2015-12-04 09:42:34

* @author XIAER Team

* @version 1.0

public final class WeiXinUtils {

private static Logger logger = Logger.getLogger(WeiXinUtils.class);

//正式帐号

//微信公共账号appid

// public static final String APPID = "wx59eb0c0109637d21";

// //微信公共账号addsecret

// public static final String APP_SECRET ="3d2c5b85646f0a608afddcb98f1d2398";

// //微信商户号

// public static final String MCH_ID="1253487501";

// //微信商户号32位密钥

// public static final String PARTNERKEY = "wan1mu2liang3tianxingbiantianxia";

// //微信商户安全证书路径

// public static final String CERT_URL = "/root/cert/tg/apiclient_cert.p12";

//测试帐号

//微信公共账号appid

// public static final String APPID = "wxbe05b09decc1569c";

public static final String APPID = "wxf343d4ffc3ac5a13";

//微信公共账号addsecret

// public static final String APP_SECRET ="7c748ef830b84a7ad853880e2a558af2";

public static final String APP_SECRET ="aa8c8091b6ad3635ac81d8ee29289903";

//微信商户号

public static final String MCH_ID="1438446002";

//微信商户号32位密钥

public static final String PARTNERKEY = "wan1mu2liang3tianxingbiantianxia";

//微信商户安全证书路径

public static final String CERT_URL = "D://apiclient_cert.p12";

//本地--微信回调地址

public static final String REDIRECT_URI = "http://wangxuesong.tunnel.qydev.com/wmlt/wx/navigation/toIndex";

//微信登录注册链接

public static final String REQUEST_URL = "https://open.weixin.qq.com/connect/oauth2/authorize?appid="+APPID+"&redirect_uri="+REDIRECT_URI+"&response_type=code&scope=snsapi_userinfo&state=123&connect_redirect=1#wechat_redirect";

/**

* @param args

public static void main(String[] args) {

System.out.println(WeiXinUtils.shortURL(WeiXinUtils.REQUEST_URL, WeiXinUtils.APPID, WeiXinUtils.APP_SECRET));

}

private String code;

public String getCode() {

return code;

}

public void setCode(String code) {

this.code = code;

}

/**

* add by sl on 2016年4月20日 14:53:50

* 获取accessToken

* @return accessToken

public static String getAccess_token(String wxAppId, String secret) {

String url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid="+ wxAppId +"&secret=" + secret;

JSONObject jsonobject = JsonUtils.toJSONObject(HttpUtil.getInvoke(url));

return jsonobject.getString("access_token");

}

/**

* 长链接转成短链接提高扫码速度和成功率

* add by sl on 2016年4月20日 14:54:02

* @param longURL

* @return shortURL

public static String shortURL(String longURL, String wxAppId, String secret) {

String requestUrl = "https://api.weixin.qq.com/cgi-bin/shorturl?access_token=ACCESS_TOKEN";

try {

requestUrl = requestUrl.replace("ACCESS_TOKEN",getAccess_token(wxAppId, secret));

} catch (Exception e) {

logger.error(e.getMessage());

}

String jsonMsg = "{\"action\":\"long2short\",\"long_url\":\"%s\"}";

String.format(jsonMsg, longURL);

JSONObject jsonobject = JsonUtils.toJSONObject(HttpUtil.post(requestUrl, String.format(jsonMsg, longURL)));

return jsonobject.getString("short_url");

}

/**

* 获取网页授权accessToken json字符串

* add by zl on 2016-1-9 18:43:09

* @return accessToken

public static String getAccessTokenJson(String code, String wxAppId, String wxSecret){

String url = "https://api.weixin.qq.com/sns/oauth2/access_token?appid="

+ wxAppId + "&secret=" + wxSecret + "&code=" + code + "&grant_type=authorization_code";

logger.info("获取微信code:" + code);

logger.info("appid------>:" + wxAppId);

logger.info("secret------>:" + wxSecret);

logger.info("url------>:" + url);

return HttpUtil.getInvoke(url);

}

/**

* 获取openid

* add by zl on 2016-3-25

* @return

public static String getOpenid(String code, String wxAppId, String wxSecret){

JSONObject jsontoken = JsonUtils.toJSONObject(getAccessTokenJson(code, wxAppId, wxSecret));

return jsontoken.getString("openid");

}

/**

* 获取用户信息

* add by zl on 2016-1-9 19:18:33

* @param code

* @return

* @throws IOException

public static String getUserInfo(String code, String wxAppId, String wxSecret) throws IOException {

JSONObject jsontoken = JsonUtils.toJSONObject(getAccessTokenJson(code, wxAppId, wxSecret));

try {

String url = "https://api.weixin.qq.com/sns/userinfo?access_token="+jsontoken.getString("access_token")+"&openid="+ jsontoken.getString("openid") +"&lang=zh_CN";

String newstr = HttpUtil.getInvoke(url);

String userinfo = newstr.replace("\"", "'");

return userinfo;

} catch (Exception e) {

logger.error(e.getMessage());

return null;

}

/**

* 获取jsapi_ticket

* @author WFJ

* @time 2017年4月4日21:50:52

* @return