为什么80%的码农都做不了架构师?>>>   

微信公众平台今日面向开发者开放微信内网页开发工具包(微信JS-SDK)。

通过微信JS-SDK提供的11类接口集,开发者不仅能够在网页上使用微信本身的拍照、选图、语音、位置等基本能力,还可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力,为微信用户提供更优质的网页体验。

微信JS-SDK主要包含以下能力:

1、分享类接口

支持获取“分享到朋友圈”、“发送给朋友”、“分享到QQ”和“分享到微博”按钮的用户点击状态,同时支持自定义分享内容。

2、图像类接口

支持拍照、从手机相册选择图片、上传图片、下载图片、预览图片功能。

3、音频类接口

支持实现录制、播放、暂停播放语音等功能,同时支持将语音快速上传到云端服务器或从云端服务器将语音快速下载到网页。

4、智能类接口

支持将语音快速地转换成文字。开发者无需掌握语音识别相关技术,只需简单地引用微信JS-SDK提供的方法即可实现。

5、设备信息类接口

支持获取当前手机设备的网络状态,如2g、3g、4g或wifi,为用户提供流畅的浏览体验。

6、地理位置类接口

支持获取用户的地理位置信息(需用户同意),支持使用微信内置的地图查看器查看地理位置或导航。

7、界面操作类接口

支持隐藏或显示微信内置浏览器“右上角菜单”、“分享到朋友圈”、“发送给朋友”、“复制链接”等指定的按钮,支持关闭当前网页窗口以返回公众号会话。

8、微信扫一扫接口

支持使用微信扫一扫,扫描一维码或二维码,并将用户扫码内容交由微信处理或返回给网页由网页处理。

9、微信小店接口

支持从网页跳转到指定的微信小店商品页,商品页支持浏览商品的详细信息,支持完整的购买、客服等流程。

10、微信卡券接口

支持添加卡券、查看卡券及调起卡券列表等功能。

11、微信支付接口

支持有支付权限的公众号在网页发起一个微信支付请求。

体验地址(请在微信中体验):微信JS-SDK示例页面

开发者如何使用:微信JS-SDK开发文档

微信团队
2015年01月09日

本帖原内容如下:

var imgUrl = 'http://su.bdimg.com/static/superplus/img/logo_white.png';//这里是分享的时候的那个图片
var lineLink = 'http://baidu.com';//这个是分享的网址
var descContent = "这个操作的介绍,没发现他有啥用";
var shareTitle = '这是题目题目题目';
var appid = 'wxc9937e3a66af6dc8';  //这里写开发者接口里的appid 可忽略
function shareFriend() {WeixinJSBridge.invoke('sendAppMessage',{"appid": appid,"img_url": imgUrl,"img_width": "640","img_height": "640","link": lineLink,"desc": descContent,"title": shareTitle}, function(res) {_report('send_msg', res.err_msg);})
}
function shareTimeline() {WeixinJSBridge.invoke('shareTimeline',{"img_url": imgUrl,"img_width": "640","img_height": "640","link": lineLink,"desc": descContent,"title": shareTitle}, function(res) {_report('timeline', res.err_msg);});
}
function shareWeibo() {WeixinJSBridge.invoke('shareWeibo',{"content": descContent,"url": lineLink,}, function(res) {_report('weibo', res.err_msg);});
}
// 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {// 发送给好友WeixinJSBridge.on('menu:share:appmessage', function(argv){shareFriend();});// 分享到朋友圈WeixinJSBridge.on('menu:share:timeline', function(argv){shareTimeline();});// 分享到微博WeixinJSBridge.on('menu:share:weibo', function(argv){shareWeibo();});}, false);

这堆代码在你在手动触发右上角按钮中的功能时候生效,在于 WeixinJSBridge.on 这个功能上

转载于:https://my.oschina.net/edire/blog/295154

微信开放JS-SDK,助力网页开发[转自微信官方]相关推荐

  1. 微信开放JS SDK,再次给浏览器们上了一课

    2015 年刚刚开始,微信 JS SDK 发布,惊爆众人,HTML5 产业好事连连. JS SDK 这个概念,其实微博和淘宝的开放平台很早前就有,包括手机 QQ 前段时间也推出了几个增强 API,但都 ...

  2. 微信开放JS SDK,这场web巨变意味着什么?

    原文链接:原文链接 作者王安 如有侵权请及时联系,立即删除. 摘要:微信近期推出JS SDK,开放了包括分享.图像.地理位置.微店.微信支付等11个接口.新能力给公众号运营者.开发者更多的玩法.而这样 ...

  3. 中国移动将向广大开发者开放了SDK/API等开发工具

    7月30日14时消息,中国移动自有操作系统OPhone OS正式开放开发者社区注册,将向广大开发者开放了SDK/API等开发工具. OPhone OS (Open Mobile Phone Opera ...

  4. 微信开放平台之第三方平台开发,模板小程序如何提交?

    大家好,我是悟空码字 12月25日,天气晴朗,阳光普照,今天是圣诞节.因为疫情影响,小羊人的增多,街上放眼望去,人烟稀少.楼下除了几个十一二岁的小男孩在玩耍,也没有像往日老人悠闲打牌.小孩嬉戏那般热闹 ...

  5. android微信解析失败,微信开放平台sdk解析失败

    时间:2017年7月20日 14:00左右,重新编译了一下Android Studio,报出了一个匪夷所思的错误: 早上还好好的,为啥下午就莫名其妙报出这个错误呢.看错误内容,应该是AS找不到指定的依 ...

  6. 微信企业号JS SDK

    微信企业号JS SDK <?php define('CorpID', "wx82e2c31215d9a5a7"); define('CorpSecret', "&q ...

  7. 微信JS-SDK,助力网页开发

     微信公众平台今日面向开发者开放微信内网页开发工具包(微信JS-SDK). 通过微信JS-SDK提供的11类接口集,开发者不仅能够在网页上使用微信本身的拍照.选图.语音.位置等基本能力,还可以直接使 ...

  8. 微信小程序和传统网页开发的区别

    小程序与普通网页开发的区别 虽然在开发语言层面小程序与传统的网页差别不大:是使用JavaScript 脚本语言编写逻辑代码.使用类似于HTML的WXML来描述页面的结构.使用类似于CSS的WXSS来描 ...

  9. 微信小程序与普通网页开发的区别

    1.运行环境不同 网页运行在浏览器环境中 小程序运行在微信环境中 2.api不同 小程序无法调用dom和bom的api,但是可以调用微信环境中提供的api.比如地理定位.扫码.支付等 3.开发模式不同 ...

最新文章

  1. iOS----------苹果警告
  2. MDT跨网段UEFI部署系统
  3. python判断天数_python判断输入日期是该年的第几天
  4. 最强战队实力交锋,算法“视”界杯终极一战即将上演
  5. Qt4_坐标系统变换
  6. php相关知识,PHP的基础知识简单介绍
  7. hdu1247 字典树
  8. 线性表(插入/清除数据/快慢指针查找中间数据)
  9. 数据丢失与重复_面试官:如何保证消息的可靠性传输?如何处理消息丢失的问题?...
  10. 日志管理Rsyslog
  11. 微软Win11 商店各个应用可单独下载
  12. Windows Server 2012远程默认端口3389的修改
  13. 大数据分析:数字化企业转型的关键
  14. 【Leetcode】[190] 颠倒二进制位
  15. JAVA I/O之神奇的RandomAccessFile(快速定位文件任意位置,修改或插入)
  16. PHP:APP接口开发
  17. Vue生命周期及store
  18. matlab 模拟关键词推广,关键词推广系统
  19. Layui table数据重载实现
  20. 基于模型预测控制(自带的mpc模块)和最优控制理论的Carsim与Matlab/simulink联合仿真实现汽车主动避撞和跟车功能(acc自适应巡航)

热门文章

  1. html text alt,HTML alt text for image maps
  2. android wear 上网,Android Wear 2.0智能回复不需联网?这是最新的离线AI技术
  3. docker部署minio
  4. windows上python3安装
  5. Nginx 五大常见应用场景,Linux运维请收藏~
  6. 五大点,搞懂单线程的Redis到底快在哪里
  7. 清华大佬教你一招最便捷搭建 Zookeeper 的方法!
  8. Docker学习(6)——registry私有仓库工作原理(续)
  9. 多条记录取最近日期的一条_Excel VBA:基于员工打卡记录的考勤数据统计
  10. r语言logistic回归_R语言多分类logistic逻辑回归模型在混合分布模拟单个风险损失值评估的应用...