Weixin API -- 微信js接口

今天在开发项目的时候,由于需要在微信中实现分享功能(分享成功后实现页面跳转并记录)。问度娘,找了很久,终于找到一个不错的方法。收藏起来以后备用,也希望对大家有所帮助!

在github的地址:https://github.com/maxzhang/WeixinAPI

我能做什么?

  1. 分享到微信朋友圈、微信好友或腾讯微博
  2. 调用微信客户端的图片播放组件
  3. 获取当前的网络状态
  4. 隐藏/显示右上角的菜单入口
  5. 隐藏/显示底部浏览器工具栏
  6. 关闭当前WebView页面

DEMO

http://jsbin.com/woluy/latest

微信扫描下面二维码查看例子:

API

1、API初始化

WeixinAPI 初始化,是后续所有 WeixinAPI 操作的起始,调用方法:

1 var wxData = {    ‘appId‘: ‘‘, // 服务号可以填写appId,没有则留空
2     ‘imgUrl‘: ‘‘, // 分享显示的图标
3     ‘link‘: ‘http://maxzhang.github.io‘, // 分享链接
4     ‘title‘: ‘大家好,我是cyt静风‘, // 分享标题
5     ‘desc‘: ‘大家好,我是cyt静风‘ // 分享内容};
6 WeixinAPI.ready(wxData);

你可以在ready动作之后的任何时候更改wxData对象,比如:

wxData.link = ‘http://www.75team.com‘;

2、分享事件监听

支持的事件名称:

  • ready 准备分享
  • cancel 取消分享
  • ok 分享成功
  • fail 分享失败
  • complete 分享结束

默认事件监听应用到全局,不论哪个分享渠道都会执行回调函数。调用方法:

1 WeixinAPI.on(‘ok‘, function() { alert(‘share success!‘); });
2 WeixinAPI.on(‘fail‘, function() { alert(‘share failure!‘); });

注:最新版本微信已经不再区分分享动作,分享只响应统一的"general_share"动作,以下接口只有在微信5.4以下版本才有效

除此之外,你还可监听特定动作的事件,支持:

  • timeline 朋友圈
  • appmessage 微信朋友
  • weibo 腾讯微博

调用方法:

1 WeixinAPI.on(‘timeline:ok‘, function() { alert(‘share timeline success!‘); });
2 WeixinAPI.on(‘timeline:fail‘, function() { alert(‘share timeline failure!‘); });

3、移除事件监听

调用方法:

1 function callback() {}
2 WeixinAPI.on(‘ok‘, callback);
3 WeixinAPI.off(‘ok‘, callback); // 取消监听

也可以一次性移除所有监听,调用方法:

WeixinAPI.off(‘ok‘);

4、调用微信客户端的图片播放组件

调用方法:

// 需要播放的图片url列表var urls = [‘url1‘, ‘url1‘, ..., ‘urlN‘];// 选一个作为当前展示的图片urlvar current = ‘url‘;

WeixinAPI.imagePreview(current, urls);

5、获取当前的网络状态

Network 类型取值:

  • network_type:wifi wifi网络
  • network_type:edge 非wifi,包含3G/2G
  • network_type:fail 网络断开连接
  • network_type:wwan 2g或者3g
  • unknow 未知网络

调用方法:

1 // 同步调用,30秒同步一次 WeixinJSBridge 返回的网络状态,所以会有误差2 var networkType = WeixinAPI.getNetworkType();// 异步调用,能获取精确的网络状态3 WeixinAPI.getNetworkType(function(networkType) {    4 alert(networkType);
5 });

6、隐藏/显示右上角的菜单入口

调用方法:

1 WeixinAPI.showOptionMenu();
2 WeixinAPI.hideOptionMenu();

7、隐藏/显示底部浏览器工具栏,仅对公众号页面有效

调用方法:

1 WeixinAPI.showToolbar();
2 WeixinAPI.hideToolbar();

8、关闭当前WebView页面

调用方法:

WeixinAPI.closeWindow();
时间: 2024-10-13 02:03:43

Weixin API -- 微信js接口的相关文章

微信JS接口

微信JS接口 http://www.cnblogs.com/txw1958/p/weixin-js.html http://www.aspku.com/kaifa/javascript/46574.html http://www.cnblogs.com/txw1958/p/weixin-js-sdk-demo.html 微信官网开发使用说明文档 http://mp.weixin.qq.com/wiki/7/2d301d4b757dedc333b9a9854b457b47.html

使用微信js接口的方法 ,以调用相机为例

protected string GetTimeStamp_Str=""; protected string nonceStr_Str = ""; protected string signature_Str = ""; protected void Page_Load(object sender, EventArgs e) { GetTimeStamp_Str = GetTimeStamp(); //nonceStr_Str = new Gui

微信js接口自定义分享内容

最近客户有个要求,需要给网页添加微信分享功能,当然指的是用微信自带浏览器的时候,希望用户在最后一页点击分享的时候是分享的首页.曾经无意中看到过微信公众开发者平台提供了js接口,所以试着做了做,果然,跌入了一个大坑,现在就把我的经历跟大家分享一下. 首先去腾讯给的开发者文档去看,地址就不贴了,然后 第一步,绑定域名,从客户那儿拿到了备案的域名,然后登陆微信公众平台绑定域名 第二步,在页面里引入js,官方文档中都有 第三步,设置config验证, 官方文档给了个例子,直接拿过来用,否则自己写的话很麻

微信JS SDK配置授权,实现分享接口

微信开放的JS-SDK面向网页开发者提供了基于微信内的网页开发工具包,最直接的好处就是我们可以使用微信分享.扫一扫.卡券.支付等微信特有的能力.7月份的时候,因为这个分享的证书获取问题深深的栽了一坑,后面看到"config:ok"的时候真的算是石头落地,瞬间感觉世界很美好.. 这篇文章是微信开发的很多前置条件,包括了服务端基于JAVA的获取和缓存全局的access_token,获取和缓存全局的jsapi_ticket,以及前端配置授权组件封装,调用分享组件封装. 配置授权思路:首先根据

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

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

微信JS SDK使用权限签名算法

jsapi_ticket 生成签名之前必须先了解一下jsapi_ticket,jsapi_ticket是公众号用于调用微信JS接口的临时票据.正常情况下,jsapi_ticket的有效期为7200秒,通过access_token来获取.由于获取jsapi_ticket的api调用次数非常有限,频繁刷新jsapi_ticket会导致api调用受限,影响自身业务,开发者必须在自己的服务全局缓存jsapi_ticket . 参考以下文档获取access_token(有效期7200秒,开发者必须在自己的

微信js获得签名signature

服务器端: 1 获取微信js accessToken 备注:access_token是公众号的全局唯一票据,公众号调用各接口时都需使用access_token. 开发者需要进行妥善保存.access_token的存储至少要保留512个字符空间. access_token的有效期目前为2个小时,需定时刷新, 重复获取将导致上次获取的access_token失效. 目前access_token的有效期通过返回的expire_in来传达,目前是7200秒之内的值. 中控服务器需要根据这个有效时间提前去

微信JS SDK开发 共享问题小结

首先,我要吐槽一下这个SDK,看了第一遍,完全不知所云,一会获取这个,一会获取那个,也没确切的告诉怎么获取. 和腾讯客服(拿钱不干事的好工作)讨教,人家不懂技术,不知道怎么解决,也没有相关技术人员对应这一块.总共费时 将近一周的时间才把这块弄懂.期间遇到的部分问题以及如何解决分享给大家,欢迎大家一起讨论并指正. 问题1:JS接口安全域名,你所有想要使用的微信接口,要在这个域名内部进行,不能在本地进行相关调试. 问题2:公众账号要求:必须是已经认证的. 问题3:配置config(PS:开启debu

微信调用照相拍照等 js 接口的权限配置 和 照片上传和下载实现

直接上代码: 1. 前端调试代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>调用微信相机</title> <link rel="stylesheet" href="css/weui.min.css"/> </hea