用jQuery .微信搭建微信WEB应用

最近因为我们的产品需要在微信微信官方账号推广，提供一些有意义的功能，被迫走上了支持微信不归的道路。

众所周知，腾讯就是这样一家神奇的公司，它的产品在商业上取得了巨大的成功，但文件真的很难恭维。诺大是微信官方账号里的一个开发平台，我找不到任何真正的关于web开发的官方文档，有些是个人示例，其余的.呵呵，有个东西叫开发者交流互助。

看完上面这张图，你有没有觉得一群人拼命想知道发生了什么，却没有官方声明！O(_)o哈哈

说到这里，让我们言归正传。本期我要讲的是jQuery .微信，一个基于jQuery.promise的jQuery.plugin，提供了统一的API。希望能在一定程度上帮助大家。

首先，安装起来相当简单，复制代码如下： bower install-save jquery-微信

如果不用bower的，从Github下载解压，也会一样！加载，这是一个像水一样的自然复制代码。代码如下： Script Type=' text/JavaScript ' src=' http : Bower _ components/jQuery/dist/jQuery . min.js'/script Script Type=' text/JavaScript ' src=' http : Bower _ components/jQuery-微信/dist/jQuery-微信. min . js '/Script

如果你使用amd、cmd等延迟加载技术，你一定是专家，所以我不需要教你怎么配置。使用——简单、容易、统一、酷！

启用jQuery .微信功能$ .微信. enable()；//好容易！

因为整个插件是基于jQuery.promise的，所以你也可以给它一个链：

副本代码如下： $。微信. enable()。done (function () {alert('成功启用'))；}).fail(function(){ alert('激活失败')；});

考虑到单页技术(SPA)的广泛应用，工具类的设计必须考虑激活/去激活机制，否则可能导致未知错误。隐藏/显示菜单复制代码如下：$ .微信. hide menu()；//隐藏菜单$ .微信. show menu()；//显示菜单

启用jQuery .微信后，可以随意调用hideMenu等方法，无需在enable的done回调中写入其他方法。jQuery .微信的实现原理是，如果jQuery .微信还没有激活成功，所有操作都会进入队列，一旦激活成功，就会依次执行；如果激活失败，它将永远不会被执行。隐藏/显示底部工具栏$；微信；hide toolbar()；//隐藏底部工具栏$ .微信. show toolbar()；//显示底部工具栏

打开扫描二维码界面$ .微信. scan QR code

打开图片预览工具，复制代码如下： $。微信. preview({ current : ' http://XXX/img/pic 001 . jpg '，//进入预览模式后，将直接显示此图片URL s:[' http://XXX/img/pic 001 . jpg '。' http://xxx/img/pic002.jpg '，' http://xxx/img/pic003.jpg '，' http://xxx/img/pic004.jpg '，' http://xxx/img/pic005.jpg '

获取网络状态复制代码如下： $。微信. getnetworktype()。完成(函数(响应){$ ('# network '))。文本(响应。split(' : ')[1])；});

响应格式如下：复制码代码如下： network _ type : wifi wifi network _ type : edge非wifi，含3g/2g网络_ type3360failnetwork断线网络_type:wwan (2g或3g)

修改共享格式

每次看到别人app分享的消息，都会有一个漂亮的缩略图，合适的标题和描述。更重要的是，消息后面有一个小的行来指示谁发送了消息；如果你看了你分享的新闻，一张蓝色默认空白图片，标题不合适，你会好奇是什么逻辑把它们放进去的吗？

幸运的是，让我们现在就解决这个问题。拷贝代码如下： $。微信. setshareoption ({appid3360' xxxx '，//小标签appidimg _ width3360' 60 '，img _ height3360' 60 '，Img _ URL : window . location . tostring()' Img/DEMO . jpg '，//缩略图title: 'DEMO '，//title desc: '描述从$。微信. setsharepoint '，//description link : function(){ return window . location . tostring()；//消息共享后，用户点击打开消息的链接地址}，回调：函数(response){ alert(response)；//共享后常见的回调函数包括成功和取消} })；

有关详细信息，请参考以下屏幕截图：

分享格式的改变会影响到发送给朋友、分享给朋友圈、分享给微博、发送邮件四大功能。设置完成后，点击右上角的菜单按钮打开菜单，选择以上四项中的任意一项，即可看到更改后的效果。关闭当前页面的复制代码如下：$ .微信. closewindow()；

禁用jQuery .微信机制，复制代码如下：$ .微信. destroy()；

停用后，所有功能会自动重置为初始状态。此功能常用于单页应用程序(SPA)