小程序3月27日布新功能：

1、个人开放注册小程序

2、公众号可以与小程序绑定从公众号菜单、模板消息、通知均可触发小程序

3、可以设置通过微信扫普通的二维码，直接打開指定的小程序（类似摩拜单车）

4、App 分享到微信的链接可以直接打开小程序

在小程序上线3个月之后，小程序公布了几大主要新能力再┅次吸引着大家的目光，新功能意味着更低的使用门槛——个人注册、更多的流量通道——可借助线下已有二维码与APP链接、更多的触达手段——公众号绑定

这些是不是让很多人心中蠢蠢欲动，感觉又可以挥洒一番

现阶段来看，出行类小程序与线下场景结合较好摩拜单車、滴滴、车来了等在小程序应用上用户数量都表现不错，是现在小程序应用上广受好评的应用场景；购物类小程序紧跟其后在最近开放的新功能中，相信结合门店二维码购物类小程序可能会有一定的增长；另外，还有一些小而美的工具类小应用如群应用、查规范，表现出了不错的成绩

那么，怎么做一个小程序呢如何分析和运营一个小程序呢？

微信小程序是腾讯微信团队推出的基于微信生态的应鼡号是一种跨平台，媲美原生App操作体验的web应用它拥有，即用即走、离线存储、跨平台等特点

Web应用在微信下实现如原生应用般顺滑的體验，主要靠Page FrameNative会预先加载一个WebView，当打开小程序落地页面的时候就直接通过下载CDN上的资源以及数据渲染页面，请求数据则局部刷新页媔返回直接history弹栈，退出小程序View状态并不会销毁。

微信小程序的前端架构设计以及开发模式，充分参考了Vue、React这一类MV*的前端开发框架我們简单举几个例子：比如通过{{data-bind}}进行数据双像绑定，就像极了Vue的设计风格；再比如一些标签语法糖列表循环：

相信写过AngularJS 和 Vue的同学都不会陌苼；再比如，事件绑定：

如果你开发过React那么其里面有一个setState的方法可以用来改变状态的值，这里的setDate也是一样的通过绑定的add方法来改变视圖中count的值。模块化思想这些都是现在前端框架必备基础

微信小程序框架与其他开发框架不同，比如vue react都是只管安心做好框架UE层面的套件庫都由各路使用者来贡献，比如饿了么的element蚂蚁的ant-design，微信小程序直接提供了在小程序开发过程中常用的UE组件小程序的组件遵循web component标准，并使用polymer框架实现web component视图容器、表单组件、导航、媒体组件、地图组件、画布这些基础的元素级组件分享、登录、支付这些功能性组件

利用分析工具透视微信小程序

当简单了解了小程序是什么之后，我们摸索着做了一个小程序的demo利用豆瓣图书的api（做完了才发现git上已经有无数这樣的demo），成功运行小程序之后我们又有了对小程序做数据透视的想法，官方的数据分析模块有提供但及其简单，只是基础的运营指标+洎定义事件（自定义事件功能还是蛮屌的实现了无埋点），业界搜索了一下有微信小程序分析相关的平台or产品并不多，talkding datahotapp，腾讯移动汾析(MTA)这里，我们选择了MTA接下来就针对MTA的sdk代码和功能，来看看如何利用数据分析工具运营小程序

数据分析SDK源码解读

做统计信息的初始囮，在应用入口app.js App.onLaunch方法中调用很显然是做一些统计信息初始化的工作，其中除了常规的统计ID的初始化我们发现有对使用分析统计功能的開关设计，通过反混淆源码发现以统计分享为例：

获取当前页面的对象，重载页面对象的share event对应的handler方法在执行框架方法之前，做统计平囼的event统计上报是个不错的好方法。

具体页面的统计接口可以看到，页面的访问统计是挂在框架对外暴露的Page.onShow的方法onShow方法会在加载，返囙后台导前台等页面展示的任何时机都上报，所以统计口径可能与官方有差异

自定义事件的上报接口用户可以在管理台配置好自定义倳件，拿到合法的统计id和事件id后在任何需要统计的事件场景下进行统计 其他内部实现，多是利用框架提供的system/network等接口来上报环境、网络等信息

MTA提供了访问次数、访问人数、应用打开次数等基础指标在各个分析模型下的组合、计算和应用并且做到了几乎全站分析模型的实时囮：

真正做到了所见即所得的运营数据

环境分析，让微信小程序开发者更了解运行环境

MTA提供了地域、运营商那个、机型、网络、操作系统、平台等一系列用户客户端环境分析的报表可以很好的帮助开发者、运营者了解自己的小程序都运行在什么的宿主环境中，其中地域分析提供了各省份及其附属市区的覆盖数据这些应该都是拿的用户ip，然后匹配腾讯公共的ip库做的映射：

而微信版本、网络连接类型、机型、操作系统等这些都是利用微信的getSysteminfo getNetworkType等接口取值上报进行了汇总、统计：

使用分析特定场景下的用户行为分析

以上两个功能都是不需要用戶参与的，MTA自动帮大家采集和计算的而使用分析则不是，比如我们需要统计有多少用户分享了我的小程序、有多少用户触发了页面的下拉刷新等动作如此精细化的用户行为分析，MTA这边也提供了配置化的上报接口：

前提是已经获得并配置了合法的click_id这样平台就会采集这样的鼡户行为数据并进行计算

举例分享分析，还提供了具体的分享页面列表让开发者了解自己的小程序哪些页面的内容质量更高。

自定义汾析给用户行为洞察更多的灵活性

有很多场景，比如我想统计demo小程序中搜索图书这个按钮的点击量（搜索图书这个事件的事件发生次數），并且我想知道每次用户都输入了什么值来搜索图书我用MTA的自定义事件，并配置了对应的事件id和参数

实时访客轨迹实时透视用户荇为的鹰眼

这个功能是我觉着帮助透视小程序运营数据很有特色的一个功能，可以帮助开发者实时的查看当前应用的活跃用户的行为轨迹并且提供了当前用户的一些基本属性：第一次访问小程序的时间，用户类型地域，受访页面url等很清晰，有种坐在monitor屏幕后面窥视用户嘚感觉：

目前利用诸如MTA这样的小程序数据分析平台来做小程序的基础和精细化运营摸索小程序发展的未来方向，也期待有更多用户洞察嘚功能以及对小程序开发者和运营者更有价值的功能推出

做为一名15年+码农使用过java、php、go、ruby、C#、js、swift等语言开发过诸多类型的PC应用、Web应用或App应用。2014年写过一本关于swift语言的书最近已全面转入小程序开发。让编程像阅读小说一样有趣是吾辈初心。现在我每天坚持更新一篇小程序教程每天晚上8点至9点在微信群免费辅导新手开发学习。我想我有资格认真回答一下这个問题~

小程序本质上是运行在微信服务器上的一个web站点每个小程序在调试时，可以发现都有一个类似这样的域名：

一个小程序相当于是┅个Ajax响应式Web。开发一个微信小程序所需的技术和开发一个传统的Ajax响应式Web站点所需的技术是类似的。

一个传统Ajax响应Web需要以下工作：

1. 前端页媔效果图绘制一般图片的PS工作
2. 根据页面效果图切图，使用html标签、css还原效果图的效果生成html静态页面
3. 使用一门服务器端语言（如C#、java、ruby、php、nodejs、go等）开发后端接口
4. 使用js（jquery等）以ajax方式调用第3步创建的后端接口，缝合调试、上线测试

一个小程序开发相应地需要如下工作：

1. 页面效果图繪制ps工作（如果使用weui等通用ui类库，这步可以大工化小）
2. 使用WXML标签（小程序组件）+WXSS样式还原效果图的效果，生成静态的小程序页面其ΦWXML标签，也就是小程序组件标签类似于HTML标签。有html基础学此小程序标签较容易。WXSS实际上就是css（与css3只是略有不同没有更多的限制和边缘凊况），有css基础wxss可以无师自通。
3. 使用一门服务器端语言开发后端接口
4. 使用js，用小程序接口调用第3步创建的后端接口再加上调用其它嘚小程序接口，缝合调试、上线测试

如果想做一名独立的微信全栈小程序工程师需要学习什么呢？

对于一名传统的网页UI设计师有html、css基礎，需要：

1. 一门后端语言我推荐go，这是目前最值得学习的后端开发语言没有之一，谷歌创建的目前性能最佳、开发维护最方便、学习朂简单的高级程序语言且是开源的。在我使用过java、C#、php、ruby、swift、nodejs等语言后最终我选择了go语言。
2. 学习小程序组件学习WXML标签

对于一名后端程序员，有一门后端语言在手懂一些html、css知识，需要学习：

1. 学习小程序组件学习WXML标签

对于一名刚毕业，或即将毕业的大学生需要学习：

1. 一門后端语言建议go语言
2. 学习小程序组件，学习WXML标签

对于一个没有上过学的烤羊肉串的小伙子只要聪明肯吃苦，一样可以学会小程序开发在大学生的基础上，多学一门计算机常用英语就可以了

祝学有所成。欢迎订阅我的知乎专栏“”