英语原文共 6 页，剩余内容已隐藏，支付完成后下载完整资料

微信小程序开发的分析

Lei Hao, Fucheng Wan*, Ning Ma, Yicheng Wang

教育部民族语言与信息技术重点实验室，西北民族大学，兰州，甘肃730000

摘要：2017年，我们称之为小程序元年。从那年起，微信小程序的发展一直欣欣向荣。眼下，下一代移动互联网产业产品正朝着“微、轻、小”的发展方向发展，正如微信小程序这样的产品，这种革命性的轻量“应用”不需要下载、安装，同时还具有信息发布、广告发布、提供服务等功能。这样的“应用”将成为取代移动客户端应用的最佳选择，本文将从微信“小程序”的开发入手，分析微信小程序的系统实现和前景，研究微信小程序的系统架构、关键技术和市场前景。

1 介绍

2017年1月9日，张小龙在2017微信公开课专业版上推出了小程序。微信小程序，简称applet，简称xcx，英文名称mini program，是一个不需要下载和安装就可以使用的应用程序，用户可以通过扫描二维码或搜索小程序的相应名称，在微信界面上使用相关应用程序的全部功能，使用的小程序不占用手机内存。在微信小程序全面开放后，主体类型为公司、政府、媒体、其他组织或个人的开发商可以申请注册小程序。小程序、订阅号、服务号、企业号都是微信旗下并行的系统，微信小程序把“微、轻、小”的特点展现得淋漓尽致。

众所周知，近年来，移动互联网平台蓬勃发展，移动用户在市场上也占据主导地位，据腾讯最新2017年第四季度财务报表披露，微信月度活跃账户达到98860万户，比去年同期增长11.2%。2017春节后，每月活跃账户超过10亿，社会及其他广告收入增长68%，达到82.4亿元，这主要是微信公众账户和个人微信朋友圈广告收入增长所致。2017年微信用户比例如图1-1所示，同时腾讯对微信用户界面进行了优化，这样能更好地突显小程序。2017年底推出的小游戏在用户中得到了广泛关注并做到了迅速普及，这些数据成果为微信“小程序”的开发和应用前景提供了更广阔的空间和平台。因此，本文拟分析微信应用程序开发的系统实施和发展前景。研究了微信“小程序”开发的体系结构、关键技术和市场前景。

图1-1 2017年文新用户比例

2 微信小程序

微信小程序的开发是基于MINA框架的，MINA是一个基于Java技术的网络通信应用框架。该框架具有Java异步输入输出技术，可以支持P/UDP协议，用户根据实际需求选择线程模型，从而实现多线程模型应用，它还可以提供Java对象的序列化、虚拟机流水线的通信等服务。Mina可以快速开发高性能和高度可扩展的网络通信应用程序。其基本架构如图2-1所示。

图2-1 微信小程序Mina框架

其中，IoService是应用程序的入口，可以用来添加多个IoFilters。这些IoFilters满足责任链模式，由IoProcessor线程调用。IoHandler是一个业务处理模块。它不需要关心服务处理类中的实际通信细节。它只需要处理客户端传输的信息，IoFilter用于过滤用户请求或发送给客户端的数据。一些常用的过滤器是IoFilters，例如日志记录、黑名单过滤、压缩过滤和SSL加密。Mina框架的应用过程相对复杂，但在使用上具有良好的灵活性。例如，开发人员可以根据自己的需求定制各种编码方法、加密算法和日志记录。这适用于邮件服务器、流媒体服务器和即时通信服务器等服务器应用场景，用户需求分类较多，基于此特点，微信小程序利用mina开发框架，能够满足更多用户的需求，也为开发者提供了极大的便利。

微信小程序系统主要包括app.json、app.js和app.wxss，其中app.json是整个小程序的全局配置。开发人员可以配置小程序包含哪些页面，配置小程序的背景色，配置导航栏样式，以及配置默认标题。小程序核心内容的页面一般由三个文件组成：index.js是逻辑处理代码，主要用于定义页面的数据；index.wxml是布局文件，主要用于页面的整体结构设计；index.wxss是一个样式表，它决定了各个组件最终应该如何被显示.app.js是小程序的脚本代码。

开发人员可以监视和处理小程序生命周期函数，声明全局变量，并调用mina丰富的API，如本例中的同步存储和同步本地读取。app.wxss是整个小程序的通用样式表。开发者可以直接在页面组件的class属性上使用app.wxss中声明的风格规则，微信微程序系统的主要结构如图2-2所示。

图2-2 微信小程序系统的主要结构

3 微信小程序开发

3.1 获取微信小程序的appid

由于微信的限制，开发者不能直接使用服务号或订阅号的appid，并且需要登录微信已经提供的小程序开发账号。在这之后，您可以在网站的“设置-开发者设置”中查看微信小程序，如果开发者不使用注册时注册的管理员微信号，还需要绑定开发者，即在“用户身份-开发者”模块中，绑定需要体验的微信号。

3.2 创建微信小程序项目

开发人员可以使用微信开发者工具完成小程序的创建和代码编辑，具体步骤如下：

（1）在网页上找到开发者工具下载并安装，使用微信扫描码打开登录。

（2）选择创建项目，填写上面获得的appid，设置本地项目名称，但这是小程序的名称，同时需要选择计算机的本地文件夹作为存储代码的目录。

（3）在创建过程中，如果选定的本地文件夹是空文件夹，则开发人员工具将提示是否需要创建快速启动项目。选择“是”后，开发人员工具将生成一个简单的demo。

（4）项目创建成功后，开发者可以点击项目，进入并查看完整的开发者工具界面.点击左侧导航，在“编辑”中可以查看和编辑我们的代码，“调试”中可以测试代码并模拟小程序在微信客户端的效果。在“项目”中，您可以将其发送到手机以预览实际效果。

3.3 编写程序代码

单击开发人员工具左侧导航中的“编辑”。开发人员可以看到这个项目。它已经初始化了，并且包含了一些简单的代码文件，关键是app.js、app.json和app.wxss。其中，.js后缀是脚本文件，主要是applet的逻辑函数，带有.json后缀的文件是配置文件，包括配置行栏、底部菜单等，.wxss后缀是样式表文件。

3.4 创建页面

页面是微信小程序开发的核心内容，一般包括索引页面和日志页面，包括欢迎页面和小程序启动日志显示页面，都在页面目录中。微信小程序中每个页面的“路径 页面名称”都需要写在app.json的页面中，并在页面是小程序的主页。每个小程序页面都由四个不同的后缀文件组成，它们在相同的路径下具有相同的名称，例如：index.js、index.wxml、index.wxss、index.json.js文件是脚本文件，.json文件是配置文件，.wxss文件是样式文件，.wxml文件是页面结构文件。在日志页面结构中，日志页面使用lt;block/gt;控制标记组织代码，使用wx:for items在lt;block/gt;上绑定日志数据，并循环日志数据以展开节点。

4 微信小程序开发市场前景

微信较为简单的开发流程比iOS应用和Android应用更轻松，成本更低。同时，微信号的营销成本也很低，因此各种规模的行业和企业在微信“小程序”的发展中将具有良好的市场前景。下面将针对不同类型的企业、开发者、用户的需求以及微信“小程序”开发的市场前景进行分析，微信小程序将降低开发者进入的门槛，其学习成本、生产成本、推广成本、运营成本都将减少。对于小型和微型初创企业来说，这既是机遇也是挑战。这些类型的企业往往数规模较小，资金有限。没有更多的资源来支持应用程序的开发，小程序的出现可以弥补这些企业的不足，使企业能够快速响应市场需求，快速开发轻量级应用程序，吸引满足用户的需求，从而为公司的后续开发赢得“第一桶金”。但是，这些企业也必须遵循小规模程序的步伐，必须进行一些战略变革。内部的合作和分工是企业需要考虑的问题。对于开发者来说，微信小程序代表了开发者社区的另一个“黄金时代”，为微信提供了广泛的用户基础和业务开发平台，开发者能够以最短的时间和速度开发出低成本的应用程序。同时，对于开发者来说，这又是一轮“拉锯战”，因为用户更倾向于使用与本地应用程序体验没有差距的微信小程序，这将大大考验开发人员的技能和水准。开发者必须通过改进从本地应用程序转变到小程序的技术内容，才能开发出满足用户更高需求的微信小程序。

5 总结

与传统的移动客户端应用相比，微信小程序具有更简单的系统架构，开发技术与移动客户端应用非常相似，却使用更简单的页面代码；同时微信提供必要的开发工具，帮助开发人员快速开始微信小程序的开发。从目前微信小程序发展的特点来看，微信“小程序”比系统的移动客户端应用程序成本低、开发速度快，符合下一代移动互联网行业“微、小、轻”的发展趋势，具有更广阔的市场前景。这与本文的观点不谋而合。

致谢

本研究得到国家科技支撑计划项目（2015BAD29B01号）的支持。

*本研究由中央大学基础研究基金资助（31920170155）。

参考文献

1. Guo Quanzhong. Mini Program and Its Future[J].News and Writing, 2017(03):28-30.
2. Liu Yujia. System Implementation and Prospect Analysis of WeChat 'Small Program' Development[J]. Information and Communications, 2017(01): 260-261.
3. Jia Lijun. The applet is neither the 'terminator' of APP nor the 'universal medicine' of WeChat [N]. China Sanjing Shijing, 2017-01-13(003).
4. Han Yimin. WeChat Mini Program formally launched We have given a full guide [J]. Information and Computer (Theory), 2017(01):8-11.
5. Zhang Jie. WeChat Mini Program challenges how much APP wins [N]. China Times, 2017-01-02(042).
6. Liu Hongwei.Application of WeChat Mini Program[J].Wireless Internet Technology,2016(23):11-12 40.
7. Wang An. Faced with the popularity of the WeChat Mini Program Many people have fallen into these 8 errors [J]. Computer and Network, 2016, 42 (19): 46-48.

剩余内容已隐藏，支付完成后下载完整资料

资料编号：[19608]，资料为PDF文档或Word文档，PDF文档可免费转换为Word