微信jssdk已无力吐槽

微信强大的整合能力让企业公众号的开发迅速窜红,尤其是企业需要个性化定制的一些功能,公司在同时上线的app和触屏版的应用中,微信分享自然是不可或缺的重要一环。纵观现在大多数的微信公众号,分享大都是弹出二维码或者干脆直接使用微信右上方的分享功能分享网页链接,对于自定义分享内容这个功能就显得力不从心了,所以在公司伟大领袖的号召下,我们要自定义分享内容,分享标题,分享链接。好的,领导的精神已经发布了,接下来该我们发神经了。拿到微信jssdk开发文档的那一刻我信心百倍的告诉自己,小意思,搞得定(我知道我又想多了)。是的,事情确实没有那么的顺利,测试号的开发进行的坎坎坷坷一切都要归功于开发文档的英明指导,一开始是微信版本号太低,接着是绑定安全域名,好容易到了js验证的时候一直报“invalid signature”,仔细检查下来原来是当前页面的url一定是要动态获取的。终于搞定了,简单分享一下开发过程。

1.首先引入jweixin-1.0.0.js文件,这个文件是微信验证签名的执行文件。

2.到官网下载微信提供的签名生成类,这个类需要稍加改造,得到生成ticket的方法,同时要注意缓存jsapi_ticket和token,防止频繁请求微信。

3.通过js请求后台得到生成的时间戳,nonceStr和signature。

代码如下:“(document).ready(function() {  
    var inviteLink = “邀请链接”;(“#shareContent”).val(inviteLink);

$.ajax({

url: ‘<%=path %>/weixin/myshare.htm?url=’+pathURL,

type: ‘POST’,

dataType: ‘json’,

contentType:”application/json;charset=utf-8”,

data:{},

error: function(){alert(‘Error’);},

success: function(result){

wx.config({

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

appId: result.appId, // 必填,公众号的唯一标识

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

nonceStr: result.nonceStr, // 必填,生成签名的随机串

signature: result.signature,// 必填,签名,见附录1

jsApiList: [

‘checkJsApi’,

‘onMenuShareTimeline’,

‘onMenuShareAppMessage’,

‘onMenuShareQQ’,

‘onMenuShareWeibo’

]

});

wx.ready(function(){

        });
        wx.error(function(res){
            // config信息验证失败会执行error函数
            //alert(res);
        });
    }
});

});“

其中jsApiList中是微信提供的分享功能,分别是分享到朋友圈,发送给微信好友,分享到微博和分享到QQ,开发前期可以使用checkJsApi检查公众号是否获取了这些权限,如果没有勿必先获取权限,否则无法正常使用。另外一个需要注意的问题就是在微信内置浏览器的缓存问题,经常困扰验证结果的就是缓存,所以每当进行一次测试之前最好先关闭微信,因缓存造成的麻烦太让人痛苦了。

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-23 11:39:33

微信jssdk已无力吐槽的相关文章

今天我已无力吐槽了!写个没有营养的吐槽文。只是个人日记

今天的烦心事 当产品经理明知道那是不合理的,但是却没办法说服上级的时候,他就是废了! 当设计师表示她是从前端会html5,css3转到设计,才做了一年,并且不会AI的时候,她也废了! 当我明知道这样做是影响用户体验,向我可以反应的对象告知情况,最后还是没有改变,只能忍痛写下那个效果的时候,我觉得我也废了! 有很多人叫我大神,可惜我觉得我还只是个小白,只是比那些刚入行的小菜们多敲了几年代码!和那些敲了5年以上的前辈们比起来,我还是只弱鸡! 首先我带不出能让我满意的徒弟,80%都是懒,10%我觉得是

&#24494;&#20449;JSSDK&#19982;&#24405;&#38899;&#30456;&#20851;&#30340;&#22353;

微信JSSDK与录音相关的坑 最近一直在做微信JSSDK与录音相关的功能开发, 遇到了各种奇尺大坑, 时不时冷不丁地被坑一道, 让我时常想嘶吼: "微信JSSDK就是个大腊鸡!!!!!!!!!!" 现在工作得到阶段性成果, 有时间休息总结下, 故来整理一下这段时间碰到的bug, 希望做个前车之鉴, 劝大家谨慎入坑. checkJsApi 功能: 判断当前客户端版本是否支持指定JS接口 转载:  http://www.fwqtg.net/%E5%BE%AE%E4%BF%A1jssdk%E

微信JS-SDK说明文档及常见问题处理

概述 微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包. 通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照.选图.语音.位置等手机系统的能力,同时可以直接使用微信分享.扫一扫.卡券.支付等微信特有的能力,为微信用户提供更优质的网页体验. 此文档面向网页开发者介绍微信JS-SDK如何使用及相关注意事项. 使用说明 在使用微信JS-SDK对应的JS接口前,需确保公众号已获得使用对应JS接口的权限,可登录微信公众平台进入“开发者中心”查看对应的接口权限. 注意:

微信JS-SDK接口 + FLASK实现图片上传

最近在做一个项目从全球各地采集图片,考虑采用微信JS-SDK来简化开发.图片会首先上传到微信的服务器,返回一个id,然后根据这个id去微信服务器获取图片.微信提供可选择的压缩图片功能.图片首先上传到微信的服务器,可以保障较好的上传稳定性. 详细内容请参考微信的官方文档:微信JS-SDK说明文档 运行页面如下 HTML 在微信demo的基础上修改,见微信JS-SDK DEMO页面 增加图片的多次选择,多次上传,删除等功能 uploadImage.html <!DOCTYPE html> <

官方教程:教你用好微信JS-SDK接口

微信开放JS-SDK接口,开发者和行业用户可谓是欢欣鼓舞.奔走相告,目测将激起一大波第三方开发商的创新产品!真真是H5开发者的利好!但也有用户表示,还不了解JS-SDK接口到底是啥,究竟怎么用.现在,小编就通过大量实战案例为大家逐一讲解,争取让大家都会用.且用好JS-SDK接口,赶紧往下看吧! 1.分享类接口:支持获取“分享到朋友圈”.“发送给朋友”.“分享到QQ”和“分享到微博”按钮的用户点击状态,同时支持自定义分享内容. 小编解读:说起分享接口应用,最常见的莫过于公众号文章分享.通过分享按钮

微信JSSDK接入问题记录及源码

今天应客户要求,把一个html5游戏的微信分享功能从第三方库切换到官方库了,官方微信JSSDK. 这其中碰到了一些问题,记录一下(服务端环境为PHP): 1. 开启openssl功能 Warning: file_get_contents(https://graph.qq.com/user/xxxxx) [function.file-get-contents]: failed to open stream: No error in /xxx/php.php on line 2 遇到这样的错误的,是

微信JS-SDK 分享到朋友圈 分享给朋友 分享到QQ 拍照或从手机相册中选图 识别音频并返回识别结果 使用微信内置地图查看位置 原文:http://www.cnblogs.com/txw1958/p/weixin-js-sdk-demo.html

wx.ready(function () { // 1 判断当前版本是否支持指定 JS 接口,支持批量判断 document.querySelector('#checkJsApi').onclick = function () { wx.checkJsApi({ jsApiList: [ 'getNetworkType', 'previewImage' ], success: function (res) { alert(JSON.stringify(res)); } }); }; // 2.

微信公开课发布微信官方教程:教你用好微信JS-SDK接口

微信公众平台开放JS-SDK(微信内网页开发工具包),说明文档已经有相关使用方法和示例了,很多同学觉得不是很直观,为此微信公开课发布微信官方教程:教你用好微信JS-SDK接口. 1.分享类接口:支持获取“分享到朋友圈”.“发送给朋友”.“分享到QQ”和“分享到微博”按钮的用户点击状态,同时支持自定义分享内容. 小编解读:说起分享接口应用,最常见的莫过于公众号文章分享.通过分享按钮,用户可以将自己喜欢的文章分享给微信好友,也可分享到微信朋友圈.通过此次开放的分享接口,开发者获得了新的能力:可以在用

微信jssdk分享功能开发

先理解下分享: 在app端 ,经常能看见 分享按钮的功能,(分享给朋友,分享到朋友圈,分享到QQ空间等等): https://open.weixin.qq.com/(微信开发平台),这需要到开放平台注册账号,绑定自己的应用,才能实现其权限: 在微信公众号开发过程中,目前,现在只能,实现,自定义分享内容,而不能自己开发分享按钮: 我们通过 一些分享的方法,只是获取“*******” 按钮点击状态及 自定义分享内容接口,请注意 我们,仍然,需要点击,微信自带的头部菜单按钮里面(分享朋友,分享朋友圈按