微信小程序技术交流

2017.01.14 深圳 Ruby 活动

By WinDy

后端

Ruby on Rails

Grape

Jbuilder + JSON Schema

Action Ser

前端

Web 前端

iOS / Android APP 前端

微信小程序 前端

React Native 前端

微信小程序技术原理

• JS / WXML / WXSS
• 运行在 Wechat 上下文中
• 仍然是渲染 HTML5
• 可以通过 微信API 提供一定的底层访问能力

微信小程序技术原理(2)

VS React Native

相似点:

1. JS 技术栈开发

2. 数据驱动模型相似( setData vs setState )

3. 开发效率较高

区别:

​1. 渲染结果不同( 浏览器 vs 原生 )

2. WXSS 与 JS CSS 差异

3. 组件化思路差异很大

技术相似对比

• Google PWA
• 支付宝小程序( 开发中 )

小程序入口分析

• 搜索入口
• 线下扫码
• 发现页使用历史
• 朋友群

注意1: 目前不能用图片长按扫码进入

注意2: 不能分享小程序到朋友圈

注意3: 没有关注入口

小程序应用场景

• 轻 APP
  • 比如报名活动
  • 比如买电影票
• 线下场景
  • 收银支付
  • 场景连接
• 部分 APP 轻量化
  • 比如京东购物
  • 比如美团外卖
• 更多一起讨论

实践看看一个案例

小程序员前景如何?

如何转型

• 首先是一个前端职位
  • JS / CSS / HTML 要扎实
• 学习小程序文档
• 理解数据驱动 & 跨页面数据交互
• 实战开发, 积累经验

Thx

80% 公司提供支持