微信小程序的技术架构特点

    腾讯为微信小程序的工程项目开发了完整的编辑开发、运行调试、打包发布环境,形成了一个完整的IDE。

    有些朋友认为微信小程序就是H5,其实并不是这样。

    小程序借鉴了很多前端开发的技术理念,它用React实现了“视觉组件”,它用CMD的require作为面向对象的.JavaScript,用Vue实现了标签式逻辑与数据绑定。

    小程序用JavaSciipt语言、xML、CSS语言编写程序代码,写小程序代码几乎与’Web前端开发完全一样,一个有经验的Web前端程序员只需要花费半小时就能快速上手小程序开发,但小程序并不是标准化的H5+CSS3+JavaScript架构,它和Web架构基于的W3C规范没有任何关系,小程序使用腾讯全新定义的技术规范和架构,是微信自有的。

    那么小程序与H5又有哪些不同呢?

    小程序不支持W3C的DOM(文档对象模型)规范,小程序的页面也不是基于Window、Document等.JavaScript内置对象的,所以现有Web前端领域的第三方框架,如Jquery、Zepto、uI类框架等都不能在小程序里使用。而小程序的.JavaScript在上下文中自带了wx对象,也就是之前公众号开发中js—sdk的主对象。

    小程序的标签,小程序称为“视觉组件”,并不是基于HTML规范的,它是腾讯全新定义的一套完整的标签库,它只能运行在微信的浏览器下,所以我们以往运行在微信服务号、企业号或者通过浏览器访问的前端项目代码,无法直接移植到小程序。

    微信小程序定义了自己专有的模型,吸收了主流前端开发中数据、样式、控制逻辑分离的理念,剔除了烦琐的关联配置,并且从规范上要求每个“页面”需要有同名的四个文件:index.js、index.json、index.wxml、index.WXSS,各司其职。其中js文件采用标准的JavaScript语法规范,用于逻辑操作;json文件基于.ISON语法规范,用于页面文件的配置;wxml文件基于xML语法规范,用于页面视觉组件的描述;而WXSS继承了标准的CSS语法,用于wXML组件样式的定义。

    小程序的页面加载基于本地,不需要通过频繁的服务端请求来实现,所有的页面跳转都不需要通过服务端交互。这将使小程序的执行效率大大提高,比服务号、企业号等基于H5的Web应用模式有更好的用户体验,操作流畅度与反应速度也会更好。这也意味着在没有网络连接的环境下也可以使用微信小程序。结合本地存储,小程序可以满足暂时断网或网络情况较差的场景需求,这是微信服务号和Web服务都无法实现的。

    微信对于一些通用的用户操作和显示,如等待图标、错误提示、结果展示等,都提出了设计方式上的要求,形成了统一的规范,强制开发者按照规范标准做开发设计,这是微信作为一个准封闭系统,为了用户体验而进行的努力。当然,其意义要从两方面来看,一方面是规范的标准给开发者带来了方便,也让用户使用小程序更高效,但同时也限制了开发者创造性的发挥。

    对于互联网应用产品的开发和运营者来说,如何让用户可以快速找到你的产品,是你最需要关心的事。所有的传播都是为了被用户发现。那么,微信将会给小程序提供怎样的分发模式支持呢?

    微信作为一个IM平台,目前缺少展示位,很难有足够的位置让用户把常用的小程序展示出来。价值连城的九宫格展示位也已经藏到了系统的三级菜单甚至以后,越藏越深。小程序要获得更好的位置资源确实不易。微信对比浏览器,缺少了域名指向,这让小程序的分发模式又丧失了一种可能性。

    现在来看,小程序的人口平台可能会出现在微信首页的导航按钮栏、发现页面或聊天页面。除此之外,大量小程序的分发将会集中在微信的搜索结果里,如何设置小程序的搜索标签属性,让小程序得到更多的展示机会,这会涉及很多的规范性要求,这将会是微信小程序运营者重点思考的问题。

    另外,从目前微信流出的一些小程序“谍照”来看,微信小程序将会具备手机桌面图标方式的启动人口,在微信的“发现”页面,也会有小程序的一个统一人口,和“朋友圈”、“附近的人”等并列。

  微信小程序的价值,将会体现在下面几个方面:

  (1)对于开发者,小程序因为兼容.1avaScript和xML、css语法规范,这将会使开发门槛更低,开发一个程序将会变得更简单。在小程序平台上线初期,会产生一个密集的应用分发高潮,并将持续半年到一年的时间,开发者将能够借助微信平台获得较大的流量,这将比App的流量获取更加容易,也能让营销成本变得更低。

    (2)对用户来说,小程序因为它的即开即用特性,将会减轻手机的应用压力,避免资源浪费。微信小程序的审核机制会比App更为严格,应用程序将很难获取到用户的敏感权限,这将使用户使用手机更为安全,小程序的获取渠道将更多地集中在微信上,降低了用户获取应用的时间成本。

版权保护: 本文由 清云小程序 原创,转载请保留链接: http://www.0575yun.com/articledetail/id/23.html