微信小程序开发和运维需要懂得掌握哪些知识

微信小程序开发是腾讯微信团队推出的基于微信生态的应用号,是一种跨平台,媲美原生App操作体验的web应用,它拥有,即用即走、离线存储、跨平台等特点,我们今天聊一聊小程序开发和运营需要懂得掌握哪些知识。

Page Frame

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

MVVM

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

<!--wxml-->
<view wx:for="{{array}}"> {{item}} </view>

相信写过AngularJS 和 Vue的同学都不会陌生;再比如,事件绑定:

<view bindtap="add"> {{count}} </view>
Page({
 data: {
 count: 1
 },
 add: function(e) {
 this.setData({
 data: this.data.count + 1
 })
 }
})

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

组件

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

API

在appservice层,微信提供了N多API,其实就是jsbridge,用于提供js访问native的能力和通道,像:wx.*storage* 访问存储相关接口wx.*file* 文件操作相关apiwx.*systeminfo* 获取机型wx.*network* 获取联网状态还有更多媒体、界面的操作api不一一列举,可以直接参考文档-开发-API部分

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

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

数据分析SDK源码解读

整个SDK对外暴露了三个对象App、Page、Event

mta.App.init({config_obj});

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

var a = getCurrentPages()[getCurrentPages().length - 1];
MTA_CONFIG.stat_share_app && a.onShareAppMessage && !
 function() {
 var b = a.onShareAppMessage;
 a.onShareAppMessage = function() {
 MTA.Event.stat(MTA_CONFIG.prefix + "shareapp", {
 url: a.__route__
 });
 return b.call(this, arguments)
 }
 } ()

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

Page.init()

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

Event.stat(eventid, {params_obj})

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

实时刷新的透视数据

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

微信小程序开发和运维需要懂得掌握哪些知识

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

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

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

微信小程序开发和运维需要懂得掌握哪些知识

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

微信小程序开发和运维需要懂得掌握哪些知识

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

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

mta.App.init({
"statPullDownFresh":true,
 "statShareApp":true,
 "statReachBottom":true
})

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

微信小程序开发和运维需要懂得掌握哪些知识

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

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

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

mta.Event.stat('btn_search',{search:'用户输入的值'})
微信小程序开发和运维需要懂得掌握哪些知识

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

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

微信小程序开发和运维需要懂得掌握哪些知识

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




您希望更多了解和咨询Infocode蓝畅信息技术的具体内容
=

本文来自网络 由蓝畅整理,经授权后发布,本文观点不代表Infocode蓝畅信息技术立场,转载请联系原作者。

(3)
Infocode蓝畅Infocode蓝畅
上一篇 2020年6月8日 上午1:53
下一篇 2020年6月8日 上午2:09

相关文章内容推荐

  • 商城会员分销微信小程序开发有哪些功能?

    商城会员分销微信小程序开发有哪些功能? 商城会员分销微信小程序是一种能够帮助商家实现会员分销的工具。商城会员分销是基于微信平台的小程序,具有许多功能,以下是其中几个重要的功能: 更…

    2023年6月5日
    0299
  • 微信小程序有什么作用?

    微信小程序为什么会这么火呢?那是因为它是一种不需要下载安装即可使用的应用,实现了应用“触手可及”的梦想,用户扫一扫或者搜一搜即可使用,无需安装卸载。并凭借着多功能和优势,站在微信9…

    2022年2月12日
    0203
  • 微信小程序如何起名?

    微信小程序如何起名?小程序的名字是唯一性的,那么小程序的名字的重要性就可想而知了吧,所以一个名字是否被用户搜索到的还是取决于这个小程序名字的好坏 那么小程序的名字是否重要?来看一下…

    2022年2月23日
    0366
  • 微信小程序开发多少钱

    随着微信小程序的流行,越来越多的企业和个人开始考虑开发自己的微信小程序。 但是,对于大多数人来说,他们最关心的问题就是微信小程序开发需要多少钱。 一、微信小程序开发的费用构成微信小…

    2023年7月2日
    0269
  • 微信小程序开发之前要准备的工作和考虑的因素

    微信小程序开发具有非常丰富的功能以及更多样化的场景,所以能够满足不同群体的使用需求,越来越多的企业公司和团队也开始注重微信小程序开发的重要性,因为通过开发小程序的方式能够提高企业品…

    2020年8月7日
    0286
  • 微信小程序开发解决方案,水利业常见功能解析

    随着科技的发展,微信小程序已经成为了人们日常生活中不可或缺的一部分。特别是在水利行业,微信小程序的开发解决方案为用户提供了便捷、高效的服务。 专业的小程序开发公司蓝畅信息技术将给大…

    2024年3月5日
    063