微信小程序

1、小程序是什么

• 小程序于2016年被张小龙提出，原名叫应用号，是和微信原有的三种公众号并行的体系。
• 小程序是一种不需要下载安装即可使用的应用，它实现了应用「触手可及」的梦想，用户扫一扫或搜一下即可打开应用。也体现了「用完即走」的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。

简单来说就是：“小程序”是一种无需安装即可使用的基于微信的手机应用，用户在微信中“用完即走”。

2、小程序与APP比较

优势：

• 无需安装和卸载，扫一扫即可使用，用完即走。
• 开发门槛低，只需要掌握基础的前端知识再结合微信官方文档就可以开发一个小程序了。
• 兼容各大操作系统平台。只需要针对微信平台进行一次开放就可以在iOS、Android等不同操作系统平台使用。

劣势：

• 功能受限（功能相对简单且有很多局限性、无法做一些个性化的服务）
• 入口受限（当面扫码、不支持二维码识别、弱化搜索、不能分享到朋友圈）
• 不能推送消息，与用户之间没有粘性
• 体验受限（相对原生APP要差，但比WebApp要好）

3、小程序的适用做什么、不适合做什么

适用场景：低频高需、功能相对简单的应用

• 58同城、智联招聘、小众社区等低频服务类应用。
• 再比如实时点菜系统、上门保养、上门做饭等低频O2O服务应用。
• 电子阅读、天气日历等小工具类应用

不适用场景：高频高需、功能比较复杂的应用

• 大众点评、美团外卖、支付宝等高频服务类应用
• 地图、美图秀秀、浏览器等高频深度工具类应用
• 游戏应用

IMG_3385.PNG IMG_3386.PNG

4、开发小程序你需要的技能

微信小程序和传统的H5很相似，但又不是真正意义上的H5页面，微信定义了新的文件格式，然后对这些文件做编译解析成对应平台的原生代码。

• 基础知识：

  • HTML、HTML5
  • CSS、Flex布局
  • Javascript基础
  • Mustache语法

• 微信开发者文档

  • 新的文件格式

  配置：json
  逻辑：js
  视图：wxml、wxss
  

  新的文件格式.png

  • 组件

  视图、导航、按钮、媒体、地图、画布...

 //视图容器
 <view class="container">
     <text class="title">标题</text>
     <text class="content">内容</text>
 </view>

• API

网络、媒体、文件、数据缓存、位置、设备、界面、微信登陆、微信支付、客服等等。

//网络请求
wx.request({ 
  url: 'test.aspx', 
  data: { x: '' , y: '' }, 
  header: { 'content-type': 'application/json' }, 
  success: function(res) { 
    console.log(res.data) 
  }
})

5、小程序的展望

• 小程序不可能取代APP，但是其确实也改变了APP的生态。小程序对 App Store 和 Google Plya 中那些低频、服务型的独立应用是带有摧毁性的。
• 小程序提供了不错的底层API以及还算丰富的组件库，让小程序可以快速开发并且拥有接近原生的体验，相对之前的公众号/服务号，体验更好。
• 小程序定位于线下的连接，通过二维码的媒介，将人与物进行连接（举个例子：你去一家餐馆吃饭，直接扫描二维码，就可以点餐了；你在公交站台等车，直接扫描二维码就可以知道下一站公交什么时候到...）
• 微信流量很大，对于部分中小产品来说，是一次机会。