传说中的WeixinJSBridge和微信rest接口
直接上图,金山的APP“微信导航”,从界面上看有粉丝数等关键数据,实现了直接关注功能,莫不是rest接口?这江湖是大佬们的江湖,小喽啰只有眼馋的份咯。
很早就听说过WeixinJSBridge,不过官方貌似不提倡,先晒晒学习笔记
【Pockey】编辑整理
- //通过关注微信好友
- function WeiXinAddContact(wxid, cb)
- {
- if (typeof WeixinJSBridge == 'undefined') return false;
- WeixinJSBridge.invoke('addContact', {
- webtype: '1',
- username: wxid
- }, function(d) {
- // 返回d.err_msg取值,d还有一个属性是err_desc
- // add_contact:cancel 用户取消
- // add_contact:fail 关注失败
- // add_contact:ok 关注成功
- // add_contact:added 已经关注
- WeixinJSBridge.log(d.err_msg);
- cb && cb(d.err_msg);
- });
- };
- //通过微信分享
- function WeiXinShareBtn() {
- if (typeof WeixinJSBridge == "undefined") {
- alert("请先通过微信xxxx");
- } else {
- WeixinJSBridge.invoke('shareTimeline', {
- "title": "xxx",
- "link": "xxxx",
- "desc": "关注xxx",
- "img_url": "xxxx"
- });
- }
- }
复制代码
1. 上面的代码目前在微信内置浏览器才有效果
2. WeiXinAddContact中的微信wxid需要微信的原始id
例如商翼云的微信id:i3eyun,原始id:gh_b15f77615e32,
在iphone版本的微信中使用两种id都能完成正常的关注
但在android版本中如果使用i3eyun这个无法返回,一直停留在“正在关注。。。”,而修改成id:gh_b15f77615e32就正常了
3. 如果用户希望用户在打开页面的时候,直接能弹出关注的对话框
- //init
- function r(f){(typeof WeixinJSBridge == 'undefined'||(typeof WeixinJSBridge.invoke == 'undefined'))?setTimeout('r('+f+')',200):f()}
- r(function(){
- WeiXinAddContact("gh_b15f77615e32");
- });
复制代码
微信内置浏览器会有WeixinJSBridge,但是需要一定的加载时间,WeixinJSBridge 有了之后 WeixinJSBridge.invoke也不一定有,所有看到r这个函数了把。。。(ps:每次打开都弹多不好意思阿,所以需要通过cookie来控 制,WeiXinAddContact回调状态来设置cookie和通过cookie判断是否要执行init的部分的r)
【Denis】分享
- //分享到朋友圈
- function weixinShareTimeline(title,desc,link,imgUrl){
- WeixinJSBridge.invoke('shareTimeline',{
- "img_url":imgUrl,
- //"img_width":"640",
- //"img_height":"640",
- "link":link,
- "desc": desc,
- "title":title
- });
- }
- //发送给好友
- function weixinSendAppMessage(title,desc,link,imgUrl){
- WeixinJSBridge.invoke('sendAppMessage',{
- //"appid":appId,
- "img_url":imgUrl,
- //"img_width":"640",
- //"img_height":"640",
- "link":link,
- "desc":desc,
- "title":title
- });
- }
- //分享到腾讯微博
- function weixinShareWeibo(title,link){
- WeixinJSBridge.invoke('shareWeibo',{
- "content":title + link,
- "url":link
- });
- }
- //关注指定的微信号
- function weixinAddContact(name){
- WeixinJSBridge.invoke("addContact", {webtype: "1",username: name}, function(e) {
- WeixinJSBridge.log(e.err_msg);
- //e.err_msg:add_contact:added 已经添加
- //e.err_msg:add_contact:cancel 取消添加
- //e.err_msg:add_contact:ok 添加成功
- if(e.err_msg == 'add_contact:added' || e.err_msg == 'add_contact:ok'){
- //关注成功,或者已经关注过
- }
- })
- }
复制代码
【jodan179】分享
1. 在微信内置浏览器中可以调用weixin协议链接直接查看某个微信号的资料,例如:
- <a href="weixin://profile/gh_b15f77615e32">商翼云</a>
复制代码
这里gh_xxxxxxxx就是用户的原始ID,注意,必须使用原始ID.
2. 分享到朋友圈:
- function ShareTofriends(img_url,link,title,desc) {
- //在HTML页面内嵌入这一段JS代码
- if(window.WeixinJSBridge){
- if( typeof(img_url) == 'undefined' || img_url == ""){
- var img_url = "xxxx";
- }
- if( typeof(link) == 'undefined' || link == ""){
- var img_url = window.location.href;
- }
- if ( typeof(title) == 'undefined' || title == "" ){
- var title = '点开看一下吧!';
- }
- if( typeof(desc) == 'undefined' || desc == ""){
- var desc = "wendoscoo";
- }
- WeixinJSBridge.invoke('shareTimeline',{
- "img_url": img_url,
- //"img_width": "640",
- //"img_height": "640",
- "link": link,
- "desc": desc,
- "title": title
- },function(res){
- // 返回res.err_msg,取值
- // share_timeline:cancel 用户取消
- // share_timeline:fail 发送失败
- // share_timeline:ok 发送成功
- WeixinJSBridge.log(res.err_msg);
- });
- return false;
- } else{
- alert("WeixinJSBridge对象不存在!!");
- }
- };
复制代码
然后同样使用一个a标签实现分享功能,加上onclick时间调用分享的JS函数就可以了
- <a href="javascript:void(0);" onclick="ShareTOfriend('分享弹出窗的图片URL地址','分享的页面链接','分享弹出窗的标题','分享内容的描述')">分享到朋友圈</a>
复制代码
传说中的WeixinJSBridge和微信rest接口的更多相关文章
- 总结的一些微信API接口
本文给大家介绍的是个人总结的一些微信API接口,包括微信支付.微信红包.微信卡券.微信小店等,十分的全面,有需要的小伙伴可以参考下. 1. [代码]index.php <?php include ...
- md笔记——微信JS接口
微信js接口 隐藏微信中网页右上角按钮 document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { Weix ...
- 微信JS接口
微信JS接口 分享到朋友圈 分享给朋友 分享到QQ 拍照或从手机相册中选图 识别音频并返回识别结果 使用微信内置地图查看位置来源:http://www.cnblogs.com/txw1958/p/ ...
- 微信录音接口的调用以及amr文件转码MP3文件的实现
最近实现录音功能,主要涉及到录音的上传和下载,以及转码问题.微信,QQ默认的的音频文件是amr格式的,而播放器却不识别amr格式的音频,必须尽行转码.amr文件分为两种,一种是通用的amr格式,这种文 ...
- 微信支付接口 H5
php微信支付若干问题记录 1.缺少参数$key0$ 此问题的可能性有几种,大致有1.timeStamp这个参数应该是string类型,默认time是int 2.确实是参数缺少 比如:prepay_ ...
- asp.net mvc 如何调用微信jssdk接口:分享到微信朋友(圈)| 分享到qq空间
如何在asp.net mvc 项目里, 调用微信jssdk接口,现实功能: 分享到微信朋友(圈)| 分享到qq空间 1 创建一个Action,准备一些数据,初始化数据(签名): /// <sum ...
- 微信公开课发布微信官方教程:教你用好微信JS-SDK接口
微信公众平台开放JS-SDK(微信内网页开发工具包),说明文档已经有相关使用方法和示例了,很多同学觉得不是很直观,为此微信公开课发布微信官方教程:教你用好微信JS-SDK接口. 1.分享类接口:支持获 ...
- 官方教程:教你用好微信JS-SDK接口
微信开放JS-SDK接口,开发者和行业用户可谓是欢欣鼓舞.奔走相告,目测将激起一大波第三方开发商的创新产品!真真是H5开发者的利好!但也有用户表示,还不了解JS-SDK接口到底是啥,究竟怎么用.现在, ...
- php微信支付接口开发程序
php微信支付接口开发程序讲解 微信支付接口现在也慢慢的像支付宝一个可以利用api接口来实现第三方网站或应用进行支付了, 下文整理了一个php微信支付接口开发程序并且己测试,有兴趣的朋友可进入参考. ...
随机推荐
- [转]Highcharts仪表盘制作
http://www.runoob.com/highcharts/highcharts-guage-solid.html 本文转自:http://blog.csdn.net/javaliuzhiyue ...
- [转]Oracle分页之二:自定义web分页控件的封装
本文转自:http://www.cnblogs.com/scy251147/archive/2011/04/16/2018326.html 上节中,讲述的就是Oracle存储过程分页的使用方式,但是如 ...
- 利用HttpListener创建简单的HTTP服务
using System; using System.Collections.Generic; using System.IO; using System.IO.Compression; using ...
- UVALive 6470 Chomp --记忆化搜索
题意:给一个只有三行的方块阵(横向最多100个),然后p,q,r分别代表第1,2,3层的方格数,两人轮流去掉一个格子,此时这个格子的右上方都会被去掉,面临只剩最左下角的一个格子的状态的人输,问先手能否 ...
- DragRigidbody2D
组件源码 using UnityEngine; using System.Collections; //This script allows to drag rigidbody2D elements ...
- Mecanim 学习概述
前言 我要逐个击破Unity中的知识点,包括1.Mecanim 2.NavMesh 3.4.3之后新的GUI系统 4.新的2D功能 5.Shader 6.性能及后期处理 早在2013年初的时候就听说过 ...
- GitHub入门之一:使用github下载项目
git作为目前比较流行的版本控制系统,被各个互联网公司广泛使用着.目前国外的网站有GitHub,国内的有CSDN和OSCHINA的git. 使用git可以很方便地进行多人协作和版本控制.作为一个入门小 ...
- [2]Telerik Extensions for ASP.NET MVC 中文教程(2)
上一篇文章对Telerik MVC Extensions作了一个大概的介绍,这篇文章将介绍如何将Telerik MVC Extensions添加到项目中.有以下两种方式可以将Telerik MVC E ...
- HAXM cannot be installed nutil TV-x is enabled
提示错误:如图 HAXM cannot be installed nutil TV-x is enabled 问题原因: 电脑没有启动Intel的虚拟化技术 解决方法: 重启电脑,进BIOS中启动VT ...
- 最近火到不行的微信小程序的常识
满网都是微信小程序,技术dog们不关注都不行了.先别忙着去学怎么开发小程序,先纠正一下你对微信小程序的三观吧~~~~ 小程序目前被炒得沸沸扬扬,无数媒体和企业借机获取阅读流量. 这再次证明一点,微信想 ...