微信小程序跟WebApp有什么区别?微信小程序跟WebApp的不同之处

首先，对于区别上，我们要了解的是WEBAPP可以通过外链的形式跳转到各类网站上，而微信小程序不允许，WEBAPP和微信小程序都可以通过二维码的形式打开，微信小程序使用微信生成的菊花二维码的话安全性比WEBAPP要更高。而且WEBAPP可以通过分享链接的形式打开，微信小程序不允许，微信小程序只能在微信里打开，对于WEBAPP的分享入口有微信好友，微信群，微信朋友圈，各类社交软件，在分享入口上更为丰富，微信小程序的分享入口有公众号菜单，公众号资料页，微信好友，微信群。但是，WEBAPP不能直接通过微信上的搜索直接找到，不能绑定公众号，微信小程序可以绑定公众号，可以通过微信上的搜索直接找到，可以通过微信的发现入口找到，可以通过附近的小程序找到，可以出现在绑定公众号的资料页，菜单栏，文章内。

除了以上所介绍的微信小程序跟WebApp有什么区别外，我们从商业的角度进行考虑一下微信小程序跟WebApp的不同之处：

一、开发成本的不同。

这里我提出了一个问题，当我们面对一个HTML5 web开发需求时，我们需要考虑什么呢?抛去开发工具(vscode、sublimtext、Atom等)不谈，大到前端框架(Angular、react、vue、backbone等)、模块管理工具(Webpack 、Browserify 等)、任务管理工具(Grunt、Gulp等)，小到UI库选择、接口调用工具(ajax、Fetch Api等)、浏览器兼容性等都要我们一一考略，再不济用jqery插件写H5，也要在开发过程中去寻找合适的jquery插件来配合项目。尽管这些工具可定制化非常高，并且提高了开发者的开发效率，但我相信项目开发的配置工作已经消耗了不少精力，尽管大部分开发者都有自己的配置模板，但长久以来对于项目中使用的各种外部库的版本迭代、版本升级所产生的成本应该也不低。

而当我们面对一个微信小程序的开发需求时，我们需要考虑什么呢?微信团队提供了开发者工具，并且规范了开发标准，前端常见的HTML、CSS变成了微信自定义的WXML、WXSS，WXML中尽管全部是自定义标签，但官方文档中都有明确的使用介绍，相信上手应该是非常容易的;WXSS、JSON和JS文件中的写法稍有限制，但整体相差不多。在统一了这些标准之后，作为一个开发者，你会发现，自己只要专注写程序就可以了：

当需要调用后端接口时，调用发起请求

当需要上传下载时，调用上传下载

当需要数据缓存时，调用本地存储

引入地图、使用罗盘、调用支付、调用扫码等等功能都可以直接使用

库方面，框架自然带有自家weui库加成

并且在使用这些API时，你不用再去顾虑浏览器兼容性，不用担心生产环境中出现不可预料的奇妙BUG，可见微信小程序的开发成本确实相比以往的web开发低很多。

二、获取系统级权限的不同。

微信小程序相对于HTML5 web应用能获得更多的系统权限，比如网络通信状态、数据缓存能力等，这些系统级权限都可以和微信小程序无缝衔接，也就是官方宣称的拥有Native App的流畅性能，而这一点恰巧是HTML5 web应用经常被诟病的地方，这也是HTML5的大多应用场景被定位在业务逻辑简单、功能单一的原因。

三、应用在生产环境的运行流畅度。

这条无论对于用户还是开发者来说，都是最直观的感受。长久以来，当HTML5应用面对复杂的业务逻辑或者丰富的页面交互时，它的体验总是不尽人意，需要不断的对项目优化来提升用户体验。但是由于微信小程序运行环境独立，尽管同样用html+css+js去开发，但配合微信的解析器最终渲染出来的是原生组件的效果，自然体验上将会更进一步。

除了从商业的角度考虑外，我们在看开发技术及使用上的方面看微信小程序跟WapApp又有什么不同：

一、开发区别：

开发语言和开发感觉方面类似，微信小程序自己的js-sdk也是类似vue和ng的mvvm思想来写。webapp如ionic是基于ng的所有有很多ng插件，但是微信小程序是自己渲染引擎不支持第三方插件。坐等官方更新。这点限制了小程序扩展当然本事小程序主题就不应该庞大，所以jquery是完全不可以使用的。

二、呈现方式：

微信小程序是通过微信二维码进入或者自己去微信搜(暂时没有完善商店)，而webapp如ionic要打包成android，ios和wf的可执行程序放在商店下载。ui使用方面webapp可以和原生很接近。小程序还是差得远，只能当原生的轻应用来使用一部分功能，对于只想一部分功能人不用下载app。

三、发布方面：

如ionic可以自己开发挂商店玩，weapp小程序暂时只能公司申请一年300的用(防止泛滥)。

四、IDE方面：

如ionic可以随意使用流行的文本编辑器vscode，atom还是sublime都可以，而小程序自己的IDE不能设置背景坑白色开发多难过。虽然有大神第三方加插件改成，但是官方应该升级一下满足黑色程序员。

总结：微信小程序跟WebApp有什么区别?小编认为，毕竟h5跨平台也有很多坑。webapp如ionic通过cordova可以操作手机硬件，小程序通过自己引擎可以操作手机硬件。但是多多少少打击到了原生移动端开发者这已经是最大的区别，而且小程序其实是微信提高了自身对于HTML5的特性支持能力，开放了更多的系统调用。例如GPS、传感器等的调用等等，产生了一个既具有优秀流畅体验的轻应用。而且，这将是未来的一大趋势。