上海品茶

您的当前位置: 上海品茶 > 三个皮匠报告百科 > 微信小程序

微信小程序

目录

微信小程序是什么

微信小程序(WeChat Mini Program)是目前市场上小程序的一种,是基于微信且不需要下载安装即可使用的轻型应用,其有着“触手可及”和“即开即用”的特点。微信创始人张小龙曾在发布会上说过,小程序的增量价值是更纯粹、更流畅、更易得。微信小程序是在微信生态圈下实现的轻应用,用户可以通过扫一扫、分享、搜索等多元化的方式进行使用。它完美的体现了“小”的特点,相较于APP,小程序拥有体量小、占据内存小、方便管理这几大特点,为用户节省手机空间和下载安装时间,应用变得无处不在。它依附于微信这个“航母”应用上,继承了微信广泛的用户群体,轻松解决流量问题,在微信平台上开发的小程序更容易触达用户。对用户而言,如何使用、分享小程序,如何参与活动等,也都无需重新学习

微信小程序发展历程

微信小程序于2016年9月21日开启内测,并向外提供了200个面向开发人员的内测名额,11月3日开始测试,2017年1月9日上线了正式的版本。2019年,腾讯公司的微信数据报告中指出微信的月活跃用户为11.51亿,小程序的日活跃用户突破了3亿,累计创造了超过8000亿元交易额。微信用户使用小程序时通过扫一扫进入、通过微信发现页面搜索进入、通过微信公众号关联的小程序码进入,无需下载触手可及用完就走,且微信小程序占用手机内存小,用户进入后响应速度快,用户退出后不占用手机内存

微信小程序的框架和技术

微信团队将微信小程序开发框架命名为MINA,其目标是使开发者可以以更加简单和更有效率的方式在微信中开发出具有APP体验的小程序。MINA框架采用的是MVC(Model View Controller)开发思想,即使小程序的输入、处理过程和其输出分开。MVC是把业务逻辑、数据和界面显示分离的软件设计典范,分为模型(Model)视图(View)和控制器(Controller)三层,模型层用来处理应用程序中的数据逻辑,即通常用来对数据库中的数据进行存取处理,视图层一般情况下是根据模型的数据创建的,用来处理数据的显示部分,控制器层一般情况下是用来处理应用程序中的用户交互部分,即控制用户的输入、读取来自视图的数据、发送数据给模型。

MINA框架的实质是一个实现数据交换并响应更新的系统,包括视图层和逻辑层两部分。视图层使用的是小程序自身提供的WXML和WXSS描述语言,逻辑层使用的是基于JavaScript的逻辑层框架。视图层与逻辑层的交互是视图层发出事件请求,逻辑层接收并对其进行处理然后将内容反馈给视图层进行展示

微信小程序

(1) 逻辑层

逻辑层是MINA框架的核心服务层,通过异步线程独立运行。逻辑层主要通过JavaScript语言编写页面渲染数据处理、页面交互逻辑处理等,但逻辑层不能对JavaScript的DOM进行操作。微信小程序逻辑层主要由注册小程序、注册页面、页面生命周期、页面路由、模块化和API组成。逻辑层使用的是JavaScript语言进行开发,在JavaScript的基础上增加了app方法进行程序注册、page方法进行页面注册、getApp方法来获取App实例、getCurrentPages方法来获取当前页面栈;提供了丰富的API,如微信特有的功能微信用户数据、扫一扫、微信支付等;提供了模块化能力,每个页面都有其独立的作用域。逻辑层是所有js页面的合集,项目的业务逻辑处理、与视图层事件传输和数据加工、网络请求等都在逻辑层进行程序编写实现。

(2) 视图层

视图层主要包括WXML、WXSS、WXSS、事件系统、简易双向绑定、基础组件、获取界面上的节点信息、响应显示区域变化、动画组成。MINA框架的视图层由WXML(WeiXin Markup language)和WXSS(WeiXin Style Sheet)编写,由组件(Component)进行展示,WXML是用来描述页面结构的,WXSS是用来描述页面样式的,组件是用来组成视图的

微信小程序开发方法

微信小程序

开发人员在新建项目后,可以看到在该项目下包含了App.js、App.json以及App.wxss三个重要文件,其中App.wxss设置了项目的全局样式;App.json文件包含了开发人员对小程序的全局配置信息,如页面文件路径(pages)、窗口表现(window)以及页面底部布局(tabBar)等等,其中pages数组的第一项参数为文件启动后显示给用户的初始页面;App.js文件设置了App()函数,它的作用是用来接受一个指定小程序生命周期的对象,其参数包括onLaunch、onShow、onHide和onError。

微信小程序

用户首次打开小程序时会触发onLaunch()方法,通过调用API从服务器获取初始数据,然后触发onShow方法,监听小程序的显示,数据获取成功之后,在客户端实现页面渲染,显示给用户。在调用API获取数据的过程中,程序从前台切换到后台会触发onHide方法,用于隐藏页面,而从后台切换到前台时,会触发onShow方法。用户在退出小程序之后,小程序并不会立即销毁,而是被挂起,只有当系统资源占用过高时,系统才会将小程序销毁。开发人员在创建小程序之后,项目文件会自动生成page文件夹,page文件夹将用来存放开发人员设计的功能文件,每个功能的实现都将由wxml、wxss、js以及json四个模块组成,具体的组件、方法以及设备硬件资源调用API的使用方法可参考微信小程序官方文档(//mp.weixin.qq.com)

微信小程序的开发方式类似网站开发,编码语言由腾讯自主设计,主要分为四部分:wxml、wxss、json、js。Wxml、Wxss、Json、JsWxml:wxml主要负责微信小程序的页面结构,设计页面的具体元素组成(输入框、文本框、按钮等),也负责将js文件传入的数据渲染出来。Wxss:wxss主要负责界面的样式,即界面的整体布局与相对定位,组件的大小及位置,基本元素的样式设计等,起到了对界面修饰的作用。Json:josn用于微信小程序的全局配置或对某一页面进行统一配置,针对单页面可用于控制页面刷新,顶部样式及文字、可否滑动等功能。也可设置文件路径、响应网络时间等等。Js:js负责界面的逻辑处理与交互,用于响应用户的点击、获取用户填写的信息等等,也用于与服务器连接,进行数据的返回与传参

微信小程序与APP应用的比较

APP的诞生先于微信小程序,并且在很多方面为小程序的模式和设计提供了蓝本

(1)用户群体:微信小程序以使用微信的用户为基础;APP面向所有智能手机用户

(2)使用情况:微信小程序通过微信中的扫描二维码、好友分字以及授索功能打开·世仅院奖微信平台提供的功能;轻量级应用,无需下载安装占用手机空间小;开发成本较低、投入较少,后期升级维护均可在微信后端完成;APP通过手机自带应用商店或在网页搜索下载安装,并且可以提供完整的使用功能;安装APP需要占用手机内存需要专业团队进行开发,时间和费用根据具体需求而定,研发成本较高,后期维护需要针对不同操作系统做兼容性开发

(3)用户体验:微信小程序通过微信平台进入小程序,方便快捷;不会收到广告推送,使用感受较好;APP下载安装需要耗费流量,启动APP等待时间较长;频繁收到广告推送,对用户的正常使用造成干扰

微信小程序

通过对两者间的对比可以看出,小程序在日常生活服务类场景的应用范围更加广泛。对于用户来说,小程序入口浅、体验佳;对于开发者来说,小程序成本低、投入少。因此,在所需功能相对简单的前提条件下,无论是基于用户层面还是开发者层面,微信小程序都有一定的优势。在微信小程序的影响和带动下,传统产业也能焕发出新的生机。由此可见,微信小程序的发展前景较为广阔。

微信小程序的优势

微信小程序之所以在众多领域中得以应用,主要是因为小程序优点众多,整合总结为以下四种优势:

(1)无需下载。作为一种“轻应用”,与传统的手机APP相比,微信小程序更加灵活,成为安装在微信里的超级APP内置Web应用。功能和形式与NativeApp几乎是相同的,在保持使用顺畅的前提下,手机内存不会被占用太多。在微信中直接打开,不需要下载安装,释放了手机空间,改变了过去复杂的信息检索方式,极大地提高了信息服务检索的服务效率,真正的做到了信息触手可及。

(2)服务路径短。与微信公众号相比,小程序不需要关注就能直接进入使用,缩短了服务路径,节省用户时间,为用户打造快捷的轻应用体验。

(3)开发成本低。它以微信为强大的后台,节省开发成本,小程序采用跨平台性强的web开发模式,开发难度和门槛相对较低。

(4)微信小程序实现与微信的其他功能联动。小程序具有极强的延展性,连通微信内部的所有功能,实现与微信平台的公众号、订阅号、支付、朋友圈等功能内部联动,轻松跳转到其他的功能

微信小程序


微信小程序api

微信提供很多的api提供给开发者选择和调用。

(1) 网络请求(wx.request)wx.request是小程序客户端与服务器端交互的接口,采用get或post等方法实现网络请求处理,调用服务器的接口地址、请求参数、请求标头和请求的方法类型,此外需要设置json文件,并设置回调函数,该函数分为成功或失败等。

(2) 文件的上传与下载(wx.uploadFile&wx.downloadFile)可以调用wx的uploadfile和downloadfile接口。通过配置下载资源的地址以及请求的信息标头,实现对文件资源的上传和下载。

(3)获取临时登录凭证(wx.login)微信小程序基于微信官方的用户登录认证实现对微信用户身份信息的获取和使用,在微信小程序中可避免二次获取和录入,快速建立用户信息系统。

微信小程序

1. 微信小程序获取临时登录凭据,并将登录数据传递回开发人员,服务器通过调用wx.login来实现。2.开发者的服务端实现与微信接口服务交换用户唯一标识符openid和会话session_key的功能,在后续业务逻辑操作中进行前端交互时用户身份的识别。用户在非首次访问小程序时,可以根据用户标识符openid返回自定义登录状态,无需用户再次授权。3.获取用户信息(wx.getUserInfo)用户需点击小程序内空白头像处,调用wx.getUserInfo后即可获取到用户的基本信息,包括用户头像、昵称等。4.预览图片(wx.previewImage)调用微信原生图片预览插件预览图片,获取与原生操作相同的体验

微信小程序使用场景

目前市场上的微信小程序根据各自不同的使用场景,可以分为五大类别:零售类、电商类、生活服务类、政务民生类以及小游戏类

微信小程序

微信小程序营销平台

营销平台即指利用互联网进行品牌推广、营销活动和电子商务获取财富的平台。商家可以在此营销平台上根据自身品牌需求展开相应营销策略。微信小程序营销平台即指依托于微信小程序能够实现品牌推广,使用所需营销策略能够为企业带来销售额的平台。

(1)商家成本更低。对于传统企业来说,开发一款自有的App成本较高,一方面难以推广下载,即便下载,用户使用频率也较低;另一方面商家后期运营及维护成本较高。而依托于微信,开发商家小程序营销平台则成本较低,建设周期较短;微信拥有11亿用户流量,利用其流量优势可以更广的覆盖到目标用户人群,降低商家的运营成本。

(2)流量入口更多。微信小程序目前拥有“二维码、公众号主页、朋友圈、置顶小程序、微信搜索、附近小程序、浏览过的小程序、客服咨询、消息通知、微信广告、微信对话分享、推送文章、信卡包”等众多流量入口,并且还在不断优化扩展中。

(3)营销玩法更丰富。微信小程序可以运用多种社交营销插件,如通过互动营销,可以帮助商家快速链接用户,实现快速拉新,提升品牌亲和力;通过店铺促销,可以刺激用户,实现用户快速转化,为商家带来丰厚利润;通过裂变营销,使用多种营销玩法,如拼团、砍价、周期购……快速裂变,实现销量倍增。

(4)用户体验更良好。相比于手机中低频使用的App,微信小程序轻量、便捷。用户可以通过多路径搜索,多流量入口点击进入,页面响应时间较短,无需等待即可进入界面,操作使用十分便捷。

(5)管理效率更高。微信小程序营销平台拥有系统化的管理流程,能够更好的管理门店、货品及会员。通过微信后台统计数据分析研究,可以为用户提供更加专业的服务及针对性营销活动,提高用户转化率以及产品复购率。

(6)全方位打通线上线下销售平台。依托于微信流量资源,微信小程序营销平台可以更全方位地帮助企业精准分析定位客户通过线上微信小程序页面领取品牌会员卡,并于线下实体门店进行消费,实现线上线下会员互通;通过线上领券,可以用于客户线上购买产品消费,也可于线下实体店进行核销,实现线上线下营销互通;客户可以在线上完成订单消费,自主选择线下到店自提或者线上邮寄的方式,实现线上线下服务互通;选择线下自提形式,还可以增强客户的线下体验,增强品牌的信服力同时可于线下门店进一步引导客户浏览其他实体商品,从而实现线上线下商品互通

微信小程序

微信小程序相关报告:

阿拉丁:2020年小程序互联网发展白皮书(161页).pdf

即速应用:2018年小程序生态进化报告(55页).pdf

友盟+:小程序用户增长白皮书(97页).pdf

TalkingData:场景 链接数据视角下的小程序浪潮(32页).pdf

酷客多:2019小程序电商行业生态研究报告(72页).pdf

咫尺网络:小程序变现能力及消费用户洞察数据报告(30页).pdf

阿拉丁:2021年上半年小程序互联网发展报告(101页).pdf

阿拉丁研究院:2022年泛文化小程序发展观察报告(25页).pdf

中国百货商业协会:2021-2022年百购行业小程序应用报告(32页).pdf

胖鲸智库:泛旅游行业数字化转型之小程序营销指南(48页)(景略咨询).pdf

分享到微信 分享到微博 分享到QQ空间
会员购买
客服

专属顾问

商务合作

机构入驻、侵权投诉、商务合作

服务号

三个皮匠报告官方公众号

回到顶部