参照微信官方文档,调试成功之后总结如下:
步骤一:绑定域名先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
备注:登录后可在“开发者中心”查看对应的接口权限。 步骤二:引入JS文件在需要调用JS接口的页面引入如下JS文件,(支持https):
备注:支持使用 AMD/CMD 标准模块加载方法加载 步骤三:写代码//初始化定义(在页面js里面)wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: '', // 必填,公众号的唯一标识--->用户的微信公众号appid timestamp: '', // 必填,生成签名的时间戳--->系统自己生成的时间戳。 nonceStr: '', // 必填,生成签名的随机串--->系统本地生成的UUID。 signature: '',// 必填,签名,见附录1 jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2--->一大串CC+CV });
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
为了获取上述参数如下操作
获取参数流程==========================================================================1:‘自己申请的公众号appid’&secret=’自己申请的公众号secret’
根据appid和secret返回的json格式数据 获取access_token;(涉及访问量,根据2小时限制需要缓存在本地 !)2:‘上一步access_token’&type=jsapi
根据上一步返回的access_token 获取jsapi_ticket;(涉及访问量,根据2小时限制需要缓存在本地 !)3: 获取nonce_str=UUID.randomUUID().toString();
获取timestamp=Long.toString(System.currentTimeMillis() / 1000);
获取url=request.getRequestURL();
获取signature
string1=(jsapi_ticket+nonce_str+timestamp+url)//注意这里参数名必须全部小写,且必须有序-->MessageDigest类 a)MessageDigest crypt = MessageDigest.getInstance("SHA-1"); b)crypt.reset(); c)crypt.update(string1.getBytes("UTF-8")); d)signature = byteToHex(crypt.digest());
- 1
- 2
- 3
- 4
- 5
获取成功==================================================================================
跳转页面,传递到wx.config()中去。demo.jsp
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
应一哥们要求,我把我自己调试用的例子发出
=========例子===========<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%> <%@taglib uri="/struts-tags" prefix="s"%>syShaoyj1990