微信公众号开发 ----微信网页开发config接口注入(3)

步骤一：绑定域名

步骤二：引入JS文件

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

如需进一步提升服务稳定性，当上述资源不可访问时，可改访问：http://res2.wx.qq.com/open/js/jweixin-1.4.0.js （支持https）。

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

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

需要以下配置信息

wx.config({debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId: '', // 必填，公众号的唯一标识timestamp: , // 必填，生成签名的时间戳nonceStr: '', // 必填，生成签名的随机串signature: '',// 必填，签名jsApiList: [] // 必填，需要使用的JS接口列表
});

1.首先要获取一个jsapi_ticket 通过之前获得的access_token 来获取

   /*** 根据access_token 取得jsapi_ticket* @return*/public static String getJsapiTicket() {//之前的取得access_token 方法 (两种,这里用的是无code的那种)String access_token = getAccessToken();
//    "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token="+access_token+"&type=jsapi";StringBuffer sb = new StringBuffer();//头sb.append("https://api.weixin.qq.com/cgi-bin/ticket/getticket?");//access_tokensb.append("access_token=" + access_token);//appIDsb.append("&type=jsapi");String backData = HttpClientUtil.doGet(String.valueOf(sb));String jsapiTicket = (String) JSONObject.fromObject(backData).get("ticket");return jsapiTicket;}

2.通过jsapi_ticket 生成签名,生成配置需要的参数

  /*** @param url 注入页面url* @return*/@Overridepublic Map<String, String> getConfigSign(String url) {WechatPayConfig wechatConfig = new WechatPayConfig();Map<String, String> ret = new HashMap<String, String>();//取得jsapi_ticket String jsapi_ticket = wechatJSSDK.getJsapiTicket();//随机字符串String nonce_str = WXPayUtil.generateNonceStr();//时间戳String timestamp = wechatJSSDK.getTimestamp();String string1;String signature = "";//config接口注入签名 第一次签名 注意这里参数名必须全部小写，且必须有序string1 = "jsapi_ticket=" + jsapi_ticket +"&noncestr=" + nonce_str +"&timestamp=" + timestamp +"&url=" + url;signature = wechatJSSDK.getSha1(string1);log.info("第一次wx.config签名:" + signature);ret.put("url", url);//公众号的唯一标识ret.put("appId", wechatConfig.getAppID());ret.put("jsapi_ticket", jsapi_ticket);ret.put("nonceStr", nonce_str);// 必填，生成签名的随机串ret.put("timestamp", timestamp);// 必填，生成签名的时间戳ret.put("signature", signature);// 必填，生成的签名return ret;}

微信公众号开发 ----微信网页开发config接口注入(3)相关推荐

Shopro商城高级版 Fastadmin和Uniapp进行开发的多平台商城（微信公众号、微信小程序、H5网页、Android-App、IOS-App）
Shopro商城无加密的开源源码(可用于自营+外包项目(多主体).可用于外包定制开发项目) shopro 商城,一款基于 uni-app 的前端模板商城.目前适配了(小程序+app+h5+公众号). ...
Shopro商城,基于Fastadmin和Uniapp进行开发的多平台（微信公众号、微信小程序、H5网页、Android-App、IOS-App）购物商城
Shopro商城基于Fastadmin和Uniapp进行开发的多平台(微信公众号.微信小程序.H5网页.Android-App.IOS-App)购物商城,拥有强大的店铺装修.小程序直播.自定义模板. ...
微信公众号消息推送开发(模板消息)：点击推送消息跳转到网页或者小程序(三)
需求场景: 点击推送的消息后跳转到小程序中的某个页面,或者跳转到某一个网页上,例如有这样一个需求,在商城平台购买产品后,需要通过公众号给用户推送订单详细并且点击消息可以看到对应的订单详情.以下我将在微 ...
微信公众号的二次开发（二自定义菜单的创建）
在上篇<微信公众号的二次开发(一)>我们介绍了微信订阅号的一些坑, 以及微信公众平台开发的一些基本配置.下面我们继续介绍如何通过用户关注等行为.获取用户的openid. 自定义微信公众号菜 ...
如何判断微信公众号是否二次开发（一）
微信公众号是否二次开发,即微信公众号是否使用了公众平台开发接口(其中主要如:自定义菜单接口.配置第三方开发服务器接口.调用外部链接等). 接下来介绍如何用手机直观的去判断微信公众号是否二次开发,主要从 ...
微信公众号的二次开发（三、接收事件推送获取用户信息）
在上篇<微信公众号的二次开发(二自定义菜单的创建)>中我们介绍了自定义菜单的创建.本篇文章将介绍如何通过接收事件推送来获取用户信息.首先我们阅读官方文档: 根据官方文档的介绍微信公众号 ...
(一)微信公众号环境搭建与开发接入
一.微信公众号平台微信公众平台,即我们平时所说的"公众号",曾用名"官方平台"."媒体平台",但最终命名为"公众平台" ...
关于微信公众号搭建H5网页时网页授权域名配置问题
问题出现: 在搭建微信公众号网页时(框架:thinkphp) 出现如下报错 invalid appsecret rid: 61ab2ec3-328bb682-28f44296 即微信公众号搭建H5网页 ...
解决手机微信公众号中的网页文字无法复制到剪切板问题
div,p,span{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text; } 直 ...
微信公众号：微信H5页面JSAPI充值
微信公众号:微信H5页面JSAPI充值,遇到的一些坑,以及解决方式. 首先说一下微信充值分为很多种:目前我所涉及到的只是APP支付.H5支付.JSAPI支付. 区别: 1.根据不同场景 APP支付:是 ...

微信公众号开发 ----微信网页开发config接口注入(3)

步骤一：绑定域名

步骤二：引入JS文件

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

微信公众号开发 ----微信网页开发config接口注入(3)相关推荐

最新文章

热门文章