欢迎来到天天文库
浏览记录
ID:33855895
大小:6.74 MB
页数:33页
时间:2019-03-01
《王富强 微信js接口的神奇力量》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、演讲:互动吧创始人王富强 王富强 •第一个把微信•目前最大的互•互动吧前端核自定义分享接动信息发布平心代码操刀人,口发展成一个台—互动吧,原生JS代码疯独立产品的人 创始人兼CEO狂推崇者 faxinxi.la互动吧 互动吧前端 创始人 创始人 总工程师 你知道几个微信JS接口?JS接口公号接口消息接口支付接口地理位置隐藏菜单……多少开发者把图片预览做成这样?•代码量大•交互效果差•无法任意放大缩小•多张图片无法轮播•无法发送给好友•用户体验差 其实可以这样……相册幻灯放大只需一段代码 WeixinJSBridg
2、e.invoke('imagePreview', { ‘current’ : “当前图片路径”, ‘urls’ :[所有图片路径组成的数组] });直接调用微信图片预览接口 让交互发生翻天覆地的变化 现在我们感受到了JS接口的神奇力量 微信有哪些JS接口?公开 探索 隐藏右上角按钮 自定义分享内容 隐藏底部菜单 图片幻灯预览 获取网络状态 判断是否安装某App微信支付 下载/安装App(Android)修改收货地址 打开App一键关注帐号 关闭窗口自定义分享内容 使用前 自定义分享内容 使用后 图片幻灯预览 使用
3、前 图片幻灯预览 使用后 下载App使用前 下载App使用后 安装App一键关注帐号 使用前 一键关注帐号 使用后 关闭窗口 使用前 关闭窗口 使用后 JS接口工作原理 AndroidJavascriptInterface通App 讯WeixinJSBridge内方法方式iOSURL SchemeWebView微信JS接口调用方法 WeixinJSBridge.invoke(‘接口名称', { ‘参数1’ : “”, ‘参数2’ :””, … }, funcVon(res){});接口调用标识一览 接
4、口调用标识参数自定义分享sendAppMessage、shareTimeline、img_url,img_width,img_height,lshareWeibo、shareFBink,Vtle新自定义分享menu:general:sharefuncVon图片预览imagePreviewcurrent,urls是否安装某AppgetInstallStatepackageName下载AppaddDownloadTasktask_name,task_url,file_md5安装AppinstallDownloadTas
5、kdownload_id打开Applaunch3rdApppackageName,signature,type一键关注profileusername, scene关闭窗口closeWindow‐新分享接口调用示例 WeixinJSBridge.on("menu:general:share", funcVon(s) { s.generalShare({ appid: “”, img_url: “”,img_width: “”,img_height: “”, link: “”,desc: “”,Vtle
6、:”” },funcVon(e){ if(e.err_msg==“general_share:ok”){ //分享成功}else{ //未分享成功}; }); });JS接口留给我们很多想象空间 但很多未被开放使用 互动吧愿分享自己的探索成果 我们所有的探索成果都在我们完全公开、毫无加密的JS代码中有兴趣的朋友登录hudong.ba自行查看源代码下
7、载
此文档下载收益归作者所有