请问如何测试微信JSSDK的wx.config、wx.checkJsApi 是否通过?着急在线等! 10C

请问如何测试微信JSSDK的wx.config配置是否成功?和wx.checkJsApi 是否通过?着急在线等!
这是自己的代码,可是测试时什么动静都没有?希望有这方面经验的大神给予帮助,我要做的是播放微信语音!
wx.config({

debug: true,

appId: 'wxf8b4f85f3a794e77',

timestamp: 1417504553,

nonceStr: 'HvKDeQuRmBNBSVyMOfA7ZxOjEj6RuxTlRaXDIFE0ywVzrOJ7kpwoaIno-G0IjL6gi7PGXLjzar4M7rKeAq6xNkohqZmPJgrMu2CbH_dR2so',

signature: 'e8de0fc3abc4870434e5b641bc252449f471026f',

jsApiList: [

'playVoice'
]

});

    wx.ready(function (){
        $("#playVocie").click(function(){
            wx.playVoice({
              jsApiList: [
                'playVocie'
              ],
              success: function (res) {
                alert(JSON.stringify(res));
              }
            });
          });

            $("#playVoice").click(function(){
                    alert("播放语音");
            });
2

2个回答

wx.ready如果执行了就是验证成功了,你要验证失败注册wx.error(function(){alert('config失败')})

判断当前客户端版本是否支持指定JS接口

 wx.checkJsApi({
    jsApiList: ['chooseImage'], // 需要检测的JS接口列表,所有JS接口列表见附录2,
    success: function(res) {
        // 以键值对的形式返回,可用的api值true,不可用为false
        // 如:{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
    }


});

http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html#.E5.88.A4.E6.96.AD.E5.BD.93.E5.89.8D.E5.AE.A2.E6.88.B7.E7.AB.AF.E7.89.88.E6.9C.AC.E6.98.AF.E5.90.A6.E6.94.AF.E6.8C.81.E6.8C.87.E5.AE.9AJS.E6.8E.A5.E5.8F.A3

0
sinat_29821865
会吃狗粮的猫猫儿 回复showbo: 还要获取本地音频的localid啊?那么麻烦?请问你有这方面的代码吗?可以加我QQ聊么?384567147,startRecord是什么?
3 年多之前 回复
showbo
支付宝加好友偷能量挖 回复Da韓韓韓: 直接播放已经存在的好像不行,没有接口获取本地音频的localId。一般是调用startRecord后,通过stopRecord在回调success中得到localId,你用一个全局变量存储这个localId后再playVoice。如果录制了多个语音,你可以用数组保存localId,然后自己render多个选项给用户选择进行播放(生成的div选项,或者其他标签,你用个自顶属性存储对应的localId),点击播放时候获取自定义的localId属性
3 年多之前 回复
sinat_29821865
会吃狗粮的猫猫儿 我的wx.ready已经执行了,现在就是要调用wx.playVoice这个接口,但是接口里的localId是音频本地ID,可是我要读取的是语音的mediaId啊?怎么搞?
3 年多之前 回复

wx.ready如果执行了就是验证成功了,你要验证失败注册wx.error(function(){alert('config失败')})

判断当前客户端版本是否支持指定JS接口

wx.checkJsApi({ jsApiList: ['chooseImage'], // 需要检测的JS接口列表,所有JS接口列表见附录2, success: function(res) { // 以键值对的形式返回,可用的api值true,不可用为false // 如:{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"} } });

http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html#.E5.88.A4.E6.96.AD.E5.BD.93.E5.89.8D.E5.AE.A2.E6.88.B7.E7.AB.AF.E7.89.88.E6.9C.AC.E6.98.AF.E5.90.A6.E6.94.AF.E6.8C.81.E6.8C.87.E5.AE.9AJS.E6.8E.A5.E5.8F.A3

0
sinat_29821865
会吃狗粮的猫猫儿 这个我已经看过了,也把代码贴在wx.ready中了,但是运行后什么反应都没有?怎么办?加我QQ说吧,384567147谢谢
3 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
微信jsapi开发之判断当前客户端是否支持指定的js接口(第五课)
由于微信jsapi的使用接口有使用权限,所以我们有必要判断一下客户端是否支持js接口。 基础接口、判断当前客户端版本是否支持指定JS接口 第一、jsapi.jsp代码 String path = request.getContextPath(); String basePath = request.getScheme()+"://"+
微信的jssdk的config接口注入权限验证配置--signature的生成
生成signature有一下几步: 1、通过 appid + appsecert 获取公众号的 access_token 2、根据1的access_token来获取jsapi_token 3、随便弄一个字符串(长度不太清楚,16位及以内应该都可以)作为nonceStr、 4、生成当前的时间戳(timestamp) 5、使用jssdk的网页url 6、将这几个参数按字典序排列,使用SHA
Java微信公众平台开发(十三)——微信JSSDK中Config配置
前端开发工程师和关注前端开发的开发者们在2015年中肯定被腾讯的JSSDk引爆过,搞APP的、搞前端的甚至是是搞后端的都跑过来凑热闹,一时之间也把微信JSSDK捧得特别牛逼,但是在我们的技术眼里它的实现原理和根本是不能够被改变的,这篇文章就不对其js的实现做任何评价和解说了(因为我也不是很懂,哈哈),这里要说的是它的config配置实现,参考文档:http://mp.weixin.qq.com/w
微信js-sdk config配置的坑
                                                            微信js-sdk config配置的坑次教程适合刚刚接触微信公众号js-sdk的开发人员,教程给新人一些疑惑解答。对于刚刚接触微信的js-sdk的人来说,看官方文档可能对这个到底什么作用还是有点迷糊,官方文档都是使用的具体步骤,但是作为看文章的人,转发文章的用户具体流程不清楚。下...
C#微信网页开发---JSSDK使用 通过config接口注入权限验证配置
 1:   我们来看,下面的这个是开发需要配置的东西,我们通过开发文档来一个一个的配置wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: '', // 必填,公众号的唯一标识 timestamp: , //...
微信JSSDK说明文档
http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html#.E6.AD.A5.E9.AA.A4.E4.B8.80.EF.BC.9A.E7.BB.91.E5.AE.9A.E5.9F.9F.E5.90.8D 目录 1 概述 1.1 JSSDK使用步骤 1.1.1 步骤一:绑定域名1.1
jsSdk 微信配置config,调起微信支付
话不多说,首先第一步,获取config需要的参数  appid,noncestr ,timestamp ,url ,signature 1.编写controller /** * 微信配置获取config * * @param request * @return */ @RequestMapping(value = "/config", me...
微信jsSDK本地调试流程攻略(nodeJs实现获取access_token等信息)
最近想在微信平台嵌入一个H5页面的DEMO,并想要调用微信平台的jsAPI,但这一操作需要获取微信的认证,经过一天的不断调试,终于攻克了这个问题,现将思路和解决方案记录下来,以供需要的朋友参考。
微信分享等一系列sdk功能封装
首先安装sdk, npm install –save weixin-js-sdk 新建share.js文件(我这里只写了分享朋友跟朋友圈,如果需要其他的功能可以参考微信开发文档,在jsApiList接口添加新的) https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 import api from '.....
java+jsp微信开发入门教程 jssdk,通过config接口注入权限验证配置,微信开发教程
微信开发,扫描二维码,拍照、本地选图,图片预览,上传图片,下载图片,获取当前网络状态,查看地理位置,获取当前地理位置打开地图,关键是使用JsSignUtil获取了access_token,jsapi_ticket,signature,JSP页面才可以调用微信的功能
微信JS-SDK获取signature签名以及config配置(微信转发分享页面需要)
Js代码wx.config({      debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。      appId: '', // 必填,公众号的唯一标识      timestamp: , // 必填,生成签名的时间戳      nonceStr: '', // 必...
微信 jssdk 本地调试方案
微信 jssdk 本地调试方案 微信公众号开发接口配置需要一个外网能访问的域名。localhost不在这个域名下,wx.config会失败。如果每次修改都发布到测试环境,又太影响开发效率。 总结一下除了直接上测试环境之外的两种本地jssdk调试方案。 1.使用内网穿透工具 让外网能通过某个域名访问到我们本机的localhost。从而实现在本机上修改看效果。参考 https://...
PHP+TP框架生成使用微信JS-SDK所需的配置信息,并验证
PHP生成使用微信JS-SDK所需的配置信息
小白学react之调用微信jssdk实战
本打算网上找个react调用微信的jssdk的实例进行学习的,但可惜搜索了半天而未果,只有一些基于其他框架的。估计是大牛们都觉得太简单或者太忙了,懒得提笔花几个小时来给我们做个Demo。对于处于快速学习年代的我们,一个可以运行起来的示例是多么的重要。希望本示例可以起到抛砖引玉的作用,让大家能快速的在react框架下体验jssdk的强大功能。 通过上一篇《小白学react之网页获取微信用户信息》我们学
微信公众平台jsapi开发教程(3)页面初步接入微信jsapi
微信公众平台jsapi开发教程页面初步接入微信jsapi
Java - 微信JS-SDK wx.config 签名获取方式。
Java - 微信JS-SDK wx.config 签名获取方式。 采用倒序的方式编写,一层一层往里走的形式。 1.返回实例 @Data public static class Config{ private String appid; // 生成签名的时间戳 private String timestamp; ...
微信JS-SDK说明文档---自己总结了config时的参数获取方式
微信sdk、config、微信sdk初始化
企业微信JS-SDK开发(一)------通过config接口注入权限验证配置
企业微信JS-SDK是企业微信面向网页开发者提供的基于企业微信内的网页开发工具包。通过js-sdk可以在企业微信内实现众多功能,如调出通讯录、调出摄像头、隐藏部分按钮等。使用js-sdk分为三步:1.开发页面引入JS文件html页面加入<script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>注意:企业微...
微信jssdk使用
在实际项目中调用微信jssdk,这次写这篇博客主要做一个总结记录。(我主要写的是前端操作,签名等参数需要后端接口配合就不叙述了)  首先是关于微信jssdk调用步骤  1.在公众号内部的“公众号设置”的“功能设置”里填写“JS接口安全域名”。   备注:登录后可在“开发者中心”查看对应的接口权限。  2.引入JS文件:在需要调用JS接口的页面引入JS文件http://res.wx.qq.com/o
微信开发调用JSSDK 扫一扫功能
调用扫一扫功能有几个步骤 简单而言: 1 获取accesstoken 2  获取jsapi_ticket 3 生成签名signature 调用wx.config     wx.ready     wx.error 三个function (1和2都需要自己把它存储起来,ticket的调用次数比较少,所以更要注意,记住要写一个中转器自动检查更新这两个数据,而不是主动请求的时候才去
微信公众号支付 (三、配置JS-SDK)
4.1微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包,通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力,同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的功能。 JS-SDK使用步骤: 登录微信公众号平台,进入公众号设置,设置JS接口安全域名。支付接口要确保支付目录在支付安全域名下。 登录微信公众平
微信jssdk接口--wx.getLocation接口的使用时踩的坑
首先微信jssdk接口的使用过程都需要正确的配置,否则无法成功调用的。配置过程,改天再总结,现在只说说地理位置的接口。 具体接口调用代码 wx.getLocation({ type: 'wgs84', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02' success: function (res) { var latitude =...
微信jssdk支付流程及配置
jssdk支付流程 获取签名 import wx from 'weixin-js-sdk' /*获取微信配置文件*/ export const wxConfig=(fn)=>{ let config = { debug: false, appId: '', timestamp: 0, nonceStr: '', signature: '', ...
VUE项目引入微信jssdk
我们的一个vue + webpack的 SPA项目需要在微信中使用,因此需要导入微信的jssdk库。 通过搜索发现npm有微信jssdk的依赖包: weixin-js-sdk, 于是 导入依赖包 npm i -S weixin-js-sdk 页面中 import wx from 'weixin-js-sdk'export default { created(){ wx.config
微信JSSDK开发信息配置
微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。 通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力,同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力。 但是很多人在配置和使用的时候,老是出各种错误。最近项目也涉及到这个,就记录一下过程,并对方法进行封装。 基本步骤如下: 1.绑定域名 先确保你
微信jsapi开发教程之微信jsapi与java初步接入(第四课)
参数名   描述 appId 应用ID 登录微信公众号管理平台可查询 timestamp  必填,生成签名的时间戳   nonceStr 必填,生成签名的随机串   signature 必填,签名,见附录1  上述表格中的参数,我们在前一章节已经说的很明白,之所以做出一个表格是因为如果想要成功接入微信jsapi这四个
微信JSSDK分享接口中wx.config 出现invalid signature问题的解决办法
本文介绍微信分享开发中,wx.config中出现invalid signature的解决方法,希望对出现同样问题的朋友有所帮助。
微信公众号采坑之授权config
  坑: 采用的Vue框架,前后端分离模式(vue工程仅作为客户端),用户通过域名访问的是客户端,但是微信授权中涉及签名和token校验依赖服务端 JS-SDK需要向服务端获取签名,且获取签名中需要的参数包括所在页面的url,但由于单页应用的路由特殊,其中涉及到iOS和android微信客户端浏览器内核的差异性导致的兼容问题 JS-SDK签名(wx.config) 对于签名,官方是这么说的...
微信公众平台JSSDK .net(C#)版,引入官方demo,比较全
微信公众平台JSSDK .net(C#)版,sdk是从php版翻译过来的,修改了一些使其符合.net平台的特性,最尽更新,引用官方demo,比较全面
微信企业号 jsSDK wx.config报invalid signature错误,导致api接口无法使用
微信企业号 jsSDK wx.config报invalid signature错误,导致api接口无法使用 转自:http://www.cnblogs.com/kwzm/p/5557303.html 最近在做公司定制化的时候发现一个问题,使用微信的语音API的时候微信报错,错误信息为:the permission value is offline verifying 但是诡异的是
使用spring boot+thymeleaf实现微信公众号开发之js_sdk接口
1.使用微信的js-sdk接口首先要在自己的微信测试公众号,或者是公众号上面添加js安全域名。 2.在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.4.0.js。 3.通过config接口注入权限验证配置 wx.config({ debug: true, // 开启调试模式,调用的所有a...
ASP.NET WEBAPI实现微信JS-SDK接口注入权限验证配置
ASP.NET WEBAPI实现微信JS-SDK接口注入权限验证配置 我们的客户端是一个HTML5客户端,我们计划采用微信提供的JS-SDK,但是所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用,配置的代码如 wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,
微信通过JSSDK分享朋友圈
先在微信公众号里面配置js接口安全域名 HTML代码部分               //if(!(/MicroMessenger/i.test(navigator.userAgent)))         //{         //    document.body.innerHTML="请在微信打开此链接";
在 react 项目中使用微信 JS-SDK 填坑笔记
UPDATE 现在 android 的微信(6.3.31)已经修好了,需要按照文档说的传入当前页面的url,也就是没吃豆重新 config 一次,但是苹果的微信只要在进入页面的时候 config 一次就可以了,微信管接口的估计是个锤子。 在做图片上传的时候,图片太大老是上传失败,在产品汪(☁️)的建议下用了微信的 JS-SDK,微信会处理压缩,而且还有...
微信JSSDK分享功能详解
微信6.0之后JSSDK的调用,微信分享功能的实现,傻瓜教程
微信分享调用jssdk的demo
微信分享调用jssdk的demo
分享一个PHP获取微信JS-SDK配置的操作类
本来是使用easywechat的函数直接生成JS配置的,可是不知为何老是提示签名是非法的,无奈只有自己写一个操作类来获取签名了….. 但是不得不说easywechat是真的好用,特别是支付,简直不能更简单了,强行安利一波:https://www.easywechat.com/ 正文内容 一些微信文档的细节: 1.字典排序的四个参数是按参数名排序,不是按值排序 2.加密的url...
微信公众号JSSDK获取signature签名以及config配置
Js代码 wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: '', // 必填,公众号的唯一标识 timestamp: , // 必填,生成签名的时间戳 nonceStr: '',...
关于微信jssdk开发,出现:errmsg config param is empty的问题解决
微信提供了php的demo代码,遗憾的是其中wx.config中的jsApiList:为空,因此经常有人直接调试的时候就出现下面错误提示: errmsg config param is empty 解决方法就是设置这个属性的值就是了, 如:jsApiList: [       // 所有要调用的 API 都要加到这个列表中       'onMenuShareTimeline
微信JS-SDK调用微信接口方法说明
概述 微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。 通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力,同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力,为微信用户提供更优质的网页体验。 这里主要记录调用 微信扫一扫、拍照或从手机相册中选图、上传图片的接口,其他接口调用方法类似,只是传递参数不同。 步
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 微信jssdk开发教程 web如何插入图片等教程