整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
序猿眼里微信JS-SDK接口的意义
文丨李华栋
上周五微信开放了几个JS-SDK接口，这对于开发者而言，是继HTML5标准确定之后网页方面最大的利好消息。这些接口其实是强化了H5的开发能力，实现在一些通用业务场景下的闭环层次。
我们简要说一下这些接口可以做哪些扩展：
1、分享类接口
分享标题不再千篇一律，分享图片也统一，这样可以让用户更好的体验内容。
分享的统计更加准确（其实微博很早就有）。
当然目前限于腾讯自己的产品分享。
2、图像类接口
强化微信入口，云盘之类的产品完全可以基于此接口导入流量，目前除了腾讯自己的云盘其他产品估计没有什么机会了。毕竟在基于用户基数的时代，谁提供的空间大谁就称王称霸的时代已然过时了…
3、音频类接口
因声音和图片的开放，以后在微信朋友圈中分享的内容更加的丰富多彩。图片和音频的体验腾讯肯定会使用全网加速（CDN），一些基于此接口的贺卡类分享会更加普及。这绝逼是一个新的边缘突破口。
4、智能类接口
支持将语音快速地转换成文字，开发者无需掌握语音识别相关技术，这也就意味着开发一些语音类的应用不再是原生APP的天下了，不可避免的就加剧了此类App走向衰亡…
5、设备信息类接口
支持获取当前手机设备的网络状态，如2G、3G、4G或WiFi，力图为用户提供流畅的浏览体验。也就是说，以后文章的推送除了会考虑屏幕大小还会考虑用户的网络条件。
6、地理位置类接口
支持获取用户的地理位置信息。以前需要调用各种地图API,此番动作大大节省了开发难度。
7、界面操作类接口
未来接入微信的功能会越来越多，给用户一个场景下的简单操作就显的尤为重要。
8、扫一扫、支付、卡券类接口
这是针对原生应用的开放，目的是为了强化其入口。这些功能从开发角度来看不管原生还是JS都是有一定难度。
优点很多，但美中略有不足：
出于安全的考量接口只限定于微信内置的浏览器使用，但随着后台支撑保障的提高，整体开放是必然的趋势。
不过当下与一些移动应用平台的结合如AppCan 这类的产品，会对h5应用的开发起到推波助澜的力度。
注：本文是小黄人团队的李华栋原创，如需转载请联系墨七（bao1222）或注明文章出自微互动（微信ID：wihudong），谢谢配合。
从“微信之父” 张小龙的定义里，我们可以了解到，小程序其实就是内嵌在微信，不需要安装和卸载的一种新应用形态。它具备的两个强属性：提高效率，用完即走！因此小程序的设计以轻便、快捷为原则，鼓励用户“即用即走”！
注意：除了微信小程序，还有百度小程序、微信小程序、支付宝小程序、抖音小程序，都是每个平台自己开发的，都是有针对性平台的应用程序。以为目前主流的就是微信小程序，所以下文中的小程序都默认指代“微信小程序”！
小程序因为内嵌再微信里，所以它的运行只能依赖微信客户端，也就是说只能在微信里打开。
H5，也就是“HTML5”，指“HTML”的第 5 个版本。众所周知“HTML”是”超文本标记语言”，是一门描述网页的标准语言，所以 HTML5 也是一种网页技术，而且是更高级的网页技术，包括 HTML、CSS 和 JavaScript 在内的一套技术组合。
所以，H5 本质上可以理解为是一个网页！
既然 H5 是网页，那么依赖的外壳主要是浏览器，因此只要有浏览器，就可以使用。比如手机内置的浏览器，APP 的 web-view 组件，以及小程序提供的 web-view 组件，都可以打开 H5 页面。
其实从以上的概念的解释里我们已经能看出来一些基本的区别了。那么接下来，我们就从原理和应用等方面，来分别对比一下小程序和 H5 的不同之处。
H5 和小程序的开发工具就非常不同，小程序都是依赖于微信客户端的，所以相对来说开发工具没有 H5 那么多；
而且两者的开发语言也都是不同的，微信小程序有自己的一套标签与样式语言，与标准的 H5 语言是不一样的；而且还独立了很多的原生 app 的组件，所以它在组件封装上面与 H5 也都是有所不同的。
因此，开发一个 H5，需要从开发工具、前端框架、模块管理工具、任务管理工具，还有 UI 库选择、接口调用工具、浏览器兼容性等等，都需要考虑周到。尽管大多数开发者面对这些工具时，都有了自己的配置模板，但成本依然不低！
微信小程序的开发使用了改自 js、CSS、HTML 的语言，同时提供了各种自有的组件和 API，是一套为微信量身打造的自定义的语法。因此，不用担心浏览器的兼容性，不用担心莫名其妙的 bug，而且在微信中小程序的使用体验比普通 H5 更加顺畅、快捷。
所以，小程序的开发成本比以往的 HTML5 开发的 Web 成本低很多。
客户端运行环境：
H5 因为是网页，所以运行环境主要是浏览器；
微信小程序运行环境是属于计算机程序，配合自己定义的开发语言标准，大幅提升了小程序的流畅度和性能。
服务器配置：
因为小程序的性能会 H5 高一些，所以服务器的配置要求上来说，小程序的要求要比 H5 更高一些。
因为微信能获取到更多的系统权限，如网络通信状态、数据缓存能力等，这些系统级权限都能与微信小程序无缝衔接，这也就是官方宣称的微信小程序能够拥有 Native App（原生 APP）的流畅性能。
而 H5 Web 应用对系统本身的权限的获取则相对少了很多，这一点恰巧是 H5 Web 应用经常被诟病的地方。也因此，H5 的大多数应用被圈定在业务逻辑简单、功能单一的范围上。
1）性能体验
我们在打开一个 H5 页面的时候，实际上就是打开一个 Web 网页，之前在 PC 上浏览网页没区别，每次要请求各种图片样式资源，在浏览器内核里渲染，这个过程叫做加载，无论加载的时间的长短，都会给用户一种”卡“或者“不灵敏”的感觉，体验是会比较差一些的；
而小程序是微信内的云端应用，通过 WebSocket 双向通信（保证无需刷新即时通信）、本地缓存（一旦首次打开小程序可以直接缓存很多资源和图片，降低与服务器交互延时）以及微信底层技术优化实现了小程序接近原生 APP 的体验。所以在使用小程序的时候，同等网络条件下几乎不用等待，可以像操作普通 app 一样流畅。
小程序的优越性体现在既保留了 H5 开发的便利和灵活性，又可以达到媲美 Native 体验。
2) 视觉体验
H5 的动画效果更丰富，自由度更高一些，功能更强
1）打开的方式：就如上面概念里提到的，小程序只能在微信里打开，而 H5 页面可以借助微信的环境下扫码或点击链接打开在任何浏览器里打开，所以，如果产品需要通过短信通知用户带上访问地址，就无法用小程序实现了；而 H5 可以在短信正文中直接用手机内置浏览器打开。
2）分享的方式：由于微信本身的策略的限制，H5 在微信里可以直接分享到朋友圈；而小程序就只能生成带小程序码的图片发到朋友圈，不如 H5 便捷；但是对于分享到好友或群，小程序提供了卡片式的分享界面，信息多而且看起来很高端，这个效果 H5 是无法做到。
3）支付能力：因为小程序是内嵌在微信里的，所以支付只支持微信支付；而 H5 里可以选择使用其他支付平台提供的支付方式，因此 H5 的支付方式更加的多样化。
**4）导流量功能：**用户都在微信上，愿意花钱的用户也在微信上那我把我的服务也做到微信上就可以获取更多客户了；小程序依附于微信，配合微信 11 亿用户的社交网络，越来越开发者选择微信小程序的技术的。
据小程序团队透露，目前已经 50 万 + 的开发者在从事实际的开发，小程序已经成为移动互联网领域“事实”的标准。伴随着这种趋势，阿里、百度分别在 2017 年的 8 月和 2018 年的 3 月启动了自己的小程序项目，围绕着支付宝和手机百度 APP 几个超级 APP 在移动互联网领域再次攻城略地。小程序已然成为近几年最炙手可热“现象级”技术。
5）追踪用户行为： 小程序还有一个优势，就是通过小程序的分享转发，每一次谁转发了，到了哪里，谁点开看了这些信息我们都是可以知道的，通过此可以知道用户和身边朋友对品牌的喜好。这个信息是过去 APP 电商、PC 互联网电商做不到的，基于社群化的分享和交流可以知道社群消费力是怎么样的情况，喜欢什么样的品牌，什么样的方式更合适。通过这样的信息收集背后有算法可以比较精确地推荐计算，这些东西的确是在 APP 上、H5 上做不到的。
综上所述，两者各有千秋，没有绝对的优势和劣势，只有更加适合的使用场景。所以根据自己产品的需求和目的，去选择最适合自己的方式即可。
不过根据预测，未来的应用的主流趋势可能是像微信、QQ、微博、支付宝、淘宝、手游这样的功能强大且高频次使用的 APP 会保留在手机上，诸如外卖、团购、出行等及时性功能的软件会被移植到微信或支付宝这样的平台上作为小程序的形式存在。
天朋友圈被一则新闻刷屏了：微信开放一系列基于微信的Web开发组件，方便用户在HTML5网页内构建与微信打通的轻应用。
民意论调大致有二：
总之这回，大家总算不会以为H5只是用来做营销的小广告了。但不管你信不信，H5的春天就是要来了！
以下从5个角度说明这件事的前因后果——
1、小程序像什么？
微信推出小程序平台，之所以强调“程序”，为的是说明一个问题：
完成这个东西的所有制作和开发，都是需要写程序的。
这样的平台和谷歌笔记本的应用市场差不多。Google Chrome OS应用市场里那些APP，就是HTML5代码。不过根据微信小程序的开发文档，小程序有自己的一套引擎和优化框架。
这是什么意思？
就是说微信内部做好的Web小程序，并不能通过一般的浏览器打开，只能在微信内部使用和分享。类似于去年年底国外推出的概念，“Progressive Web APP”，比如能通过Chrome浏览器，给予H5网页离线存储等原生应用的能力。
所以这样的小程序需要诸如微信这样的特定载体，它的出现，有弊有利。
2、它对谁不利了？
现在原生应用的开发者和平台肯定很头疼。
如果他们要打开B端市场，就得放弃原生应用，掉头去开发只能在微信内部使用的小程序。然而，进军小程序又意味他们得放弃平台的独立性。
放弃已有市场，还是开辟新天地？这是一个问题。
3、它对谁最有利？
反之，小程序的诞生对整个Web生态、H5生态都有利。
比如以下三个方面：
通过利用微信的体量，为多元化的H5内容送去更广大的用户；
推广H5的概念，这一下子大家都知道除营销外，H5还有游戏、轻应用等各种各样的用途，它是入口，也能是终点站；
开放微信原生应用的能力，有利于构建良好的Web开发生态，Web 程序员的春天要来了！
：）
4、不是程序员怎么办？
很多人说快去学JavaScript这些Web编程语言吧！
不过也许不需要学编程，你也可以开发小程序了。
因为这次微信开放的接口和框架，文本、表单、操作反馈、导航、媒体组件、地图、画布、位置、重力感应、动画、绘图等等，很多其实已经被iH5.cn这样的H5页面工具可视化了。
那小程序诞生，你能干啥？好问题，比如说——
（1）制作小程序里的H5
小程序的本质还是H5网页，所以之前H5在微信里怎么玩、怎么做，现在照样可以用，主要看你要怎么用。
（2）编译出小程序的应用
如果能与小程序的推送号进行更好的结合，iH5可以直接制作并编译出能放入应用号的小程序，程序员依旧不是必须的。
（3）补充小程序的开发功能
iH5目前还提供物理引擎、多屏幕、数据库、图片序列、中文字体、GIF等等十几个组件，它们的SDK（软件开发工具包）完全可以作为小程序开发的补充，就看你要不要走捷径了。
5、关你什么事？
小程序打通了客户端和H5的连接，利用微信的后台支撑网络通信、数据缓存等功能，实际上就是让H5具备一定的原生应用能力。
对你来说，无论是做H5广告还是H5轻应用、小游戏，做的还是H5。
小程序的概念不新鲜，但我们要知道H5的春天来了！
*请认真填写需求信息，我们会在24小时内与您取得联系。
