产品经理需要了解的JS-SDK知识

我始终认为产品经理是需要懂技术的，无论开发iOS、Android还是微信公众号、小程序，在面向需求设计的同时，也是面向接口的设计。如果你是一个没有开发经验的产品经理，在做微信公众号网页项目的时候可以阅读本文来了解必要的JS-SDK知识。

上一篇介绍网页授权是什么的时候提到过，对于开发者来说，可以把微信当作一个浏览器。

我们之所以说微信是一个浏览器，是因为一般情况下，任何网页都可以在微信中打开(但是如下几种情况的网页在微信中打不开：1.被微信自动识别或被举报的包含违法、欺诈、赌博等内容的网页；2.包含h5游戏、诱导分享、诱导关注等违反微信外部链接内容管理规范的内容并被微信发现的网页；3.淘宝网、天猫网等阿里巴巴集团旗下部分网站)。

除了比普通浏览器限制的更严格之外，我们在上一篇中也已经知道微信授权登录的机制了，现在你跟着我默念下面这句话：

微信里面的网页，可以在两个方面比普通浏览器中的网页牛逼，一个是授权登录，另一个是可以引入JS-SDK

我们下面就开始揭开JS-SDK的面纱

引入了JS-SDK的网页会有哪些不同

抛开原理、用法先不谈，我们先谈效果，想必这也是大部分没有开发经验的互联网产品经理比较关注的——这玩意儿它能做什么？

答案是：

1. 它能让我们的网页直接使用一些手机开放给App的能力
2. 它能让网页与微信的分享功能协作更密切
3. 它能让网页直接调用微信支付、微信卡券、扫一扫、语音识别等微信本身的能力

先说第一点。举个例子来说，在手机上App可以轻松访问摄像头、话筒、网卡等硬件，但网页服务想要打开手机的摄像头去拍照上传或者去录音上传是一件很麻烦的事情，很多情况下甚至根本办不到。微信作为一个App，可以拿到相对低层的硬件操作接口，然后再通过JS-SDK把自己获取到的操作接口提供给网页开发者。所以，在表单输入的时候不仅可以输入文字，还可以轻松调用摄像头、话筒来拍照或录音，也可以获取用户手机目前是4G网络还是Wi-Fi联网。

再说第二点。网页内容可以直接分享给微信好友或微信朋友圈，并且自定义分享链接、自定义分享缩略图，同时还可以获取到用户的分享事件。这在普通的浏览器中是无法做到的。

最后说第三点。微信本身有很多很有用的功能，例如扫一扫、语音识别等。网页开发者想要用JavaScript与后台服务实现这些功能的成本是很高的，但是这些能力微信可以通过JS-SDK免费提供给开发者。尤其是想要调用微信网页支付、微信小店、微信卡券等微信特有的能力的时候，JS-SDK几乎是唯一的选择。

如何开始使用JS-SDK

在微信JS-SDK说明文档里，关于JSSDK的使用，微信提供了5个步骤：

1. 绑定域名
2. 引入JS文件
3. 通过config接口注入权限验证配置
4. 通过ready接口处理成功验证
5. 通过error接口处理失败验证

关于这5个步骤，文档介绍的很详细，这里就没有必要再续貂。只是对于看不懂开发者文档的朋友提一句：想要使用JS-SDK必须拥有一个公众号，并在公众号后台配置你的网页域名(第一步)，同时拥有其appId(第三步)。确保这些条件之后，在(http://demo.open.weixin.qq.com/jssdk/sample.zip下载示例代码给到开发人员，剩下的工作交给开发人员处理就行了。

JS-SDK的演示demo

微信JS-SDK说明文档中同样提供了演示demo，可以通过微信扫描下方二维码来查看

DEMO页面

JS-SDK是纯JS的，所以无论你的项目是PHP、Node、Java还是Python做的，与使用JS-SDK都是无关的。

---

以上就是做微信网页项目时产品经理需要了解的JS-SDK知识，如果对此您还有疑问，可以直接留言或通过[email protected]联系我.
Thanks for your time.