微信小程序的开发技巧

摘 要：随着信息技术的高速发展，微信小程序自从2016年9月21日发布以来，越来越多的小程序、小游戏被开发出来，本文分析了微信小程序的开发技巧，包括微信小程序的实现、微信小程序开发流程、微信小程序开发的系统组织架构等等。为当前微信小程序开发的理论与实践研究提供了一定的参考。

关键词：微信小程序；开发技巧；实现；开发流程

1 概述

2016年9月21日，微信小程序正式开启内测。在微信生态下，触手可及、用完即走的微信小程序引起广泛关注。用户只需使用微信搜一搜或者扫一扫即可打开应用程序。它体现了“用完即走”的理念，用户又不用担心占据内存空间，更新安装等问题，应用将无处不在、随时可用。微信小程序采用自动版本同步，本地没有或需更新的时候将程序文件下载到本地执行，由于程序文件很小，占用的网络流量不大，所以可瞬间下载速度很快。因为代码在本地，这就减轻了在执行中对网络的依赖，执行效率高，用户体验好于以往的轻型移动应用。

微信小程序有它的一般设计原则.： 重点突出、流程明确、反馈及时、异常可控。在 UI 设计上强调便捷优雅、减少用户的输入，避免用户的误操作，使用统一稳定的设计风格。在视觉上有一系列的规范，比如字体的字号、颜色，表单、按钮、图标的视觉规范。

2 微信小程序开发基础知识

小程序的开发需要先拥有一个小程序账号和相应的App ID，注册和认证都是在微信公众平台上进行的。认证是需要交纳年费的，没有认证的小程序在功能上会有一些限制。在开发之前需要获取和保存小程序的App ID和APPSecret，并且设置服务器的域名。默认情况下小程序是开启了消息推送功能的，也就意味着小程序可以向用户推送消息来完善服务。

腾讯本身提供了开发小程序的开发工具，我们可以从腾讯的网站上下载该开发工具用于小程序的开发。首先在开发工具中创建一个“本地小程序项目”，填入我们的App ID，并为项目取个名字。项目创建之后在项目的根目录下通常会有4个文件.：app.js、app.json、app.wxss 和project.config.json。其中，app.js 是小程序的脚本代码文件，在该文件中监听并处理有关的事件；app. json是对当前小程序的全局配置，可以指定小程序由哪些页面组成，配置导航条样式等。app. wxss 是小程序的全局样式表，定义了在页面组件中可以使用的各种公共样式。project.config.json保存了你在开发项目时的个性化配置，其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。

在小程序中每个页面都有一个独立的文件夹，在该文件夹下会包含4个主文件名相同而扩展名不同的文件，它们分别是. wxml、.js、. wxss 和.json 文件。其中.wxml 文件用于设置页面的结构，即页面由哪些组件组成，主要用于设计界面的呈现，使用的是 WXML 标记语言，WXML 充当的是类似网页设计中 HTML 的角色。.js 文件是个脚本文件，主要用于程序逻辑，在这个文件中通常调用微信提供的API来处理业务逻辑。.wxss是样式表文件，相当于css样式表文件，用于设置组件能使用的各种样式。.json 文件是页面的配置文件，这个文件中的配置项会隐藏全局样式表中设置的样式。

小程序提供了丰富的基础组件和相应的API给开发者，开发者可以像搭积木一样，组合各种组件拼合成自己的小程序。开发者可以很方便的调起微信提供的能力，例如获取用户信息、微信支付等等，小程序提供了很多 API 给开发者去使用。

3 微信小程序开发流程

在系统设计上将遵循先进性、实用性、安全性、可靠性、经济性五大原则。首先需注册微信小程序账号，获取微信小程序的App ID，其次下载官方发布的开发平台web微信开发者工具，它集成了开发调试、编译代码及程序发布等功能，使开发人员更加高效的完成工作，下载完成后创建项目即可查看和编辑小程序代码。在“调试”里即可测试并模拟小程序在移动端的展示效果。最终登录微信公众平台官网发布小程序。小程序的开发过程节省了大量的人力、财力，缩短时间成本，更加快速高效的搭建小程序，大大满足了企業的技术需求。

4 小程序页面布局设计

应用界面布局是界面设计中非常重要的组成部分，作用是让用户清楚界面中的重点，选择的内容是什么，以及各事物之间的关联。移动UI界面布局应强调主要内容或功能，大型控件比小型控件更加吸引用户眼球，更加容易被用户点击，这使他们在小程序应用中尤为有用，使用户在滑动屏幕时更容易专注重要信息，实现准确定位。

5 微信小程序开发的系统组织架构

微信“小程序”的开发必须得有一个组织框架，这样才能便捷的进行设计开发的工作，通常该程序是在 MINA 框架下进行的。MINA框架是一种在 Java 技术的基础上运行的通信网络应用系统，它不仅能够根据用户的功能需求进行线程模型的选择，还可以开发更加高扩展性的网络通信等，

对于MINA框架在应用中的复杂性而言，主要体现在系统框架中的几个模块当中，如，Lo Handler 主要的作用在于对客户端传输进来的信息进行加工处理；Lo Service 作为程序的输入口，主要用来负责线程的调用等；Lo Filter是一种比较常用的过滤装置，比如有过滤压缩、过滤黑名单、SSL加密及日志的记录等功能，可以对发送给客户的一些数据或者一些客户的请求进行过滤。系统略显复杂之外，也会存在一定的灵活性，例如在使用的过程中，开发者可以在某些需求之下灵活的制定各种编码方式、日志记录和加密算法等操作，这些操作可以在大多数用户自身的需求中服务更多的应用场景。

6 未来展望

微信小程序作为轻型应用代表着今后移动互联网应用的发展方向，这种轻型应用也会是未来移动互联网应用的主要形式，它的特点是小而快，但它不会替代所有的独立App，成为App的所谓终结者；小程序的出现使微信具有一些App Store的功能，可能会分流一下应用获取方式，但它暂时不会替代App store。微信小程序目的主要还是解决小应用的问题，离开这个“小”字，会失去小程序的灵活、快捷的优势，与其建立之初的去繁就简、用完即走的理念背道而驰。从发展上来看，微信小程序应用空间大有可为，但是未来的发展很难准确预测，它有很长的路要走，任重道远，它的优劣价值还需要时间的检验，人们将拭目以待。

参考文献：

[1] 刘玉佳. 微信“小程序”开发的系统实现及前景分析[J]. 信息通信，2017（1）：260-261.

[2] 张剑明. 微信公众平台与小程序开发. 从零搭建整套系统[M]. 北京：人民邮电出版社，2017.

[3] 苏震巍. 微信开发深度解析. 公众号、小程序高效开发秘籍[M]. 北京：电子工业出版社，2017.

[4] 易伟. 微信小程序快速开发[M]. 北京：人民邮电出版社，2017.

[5] 刘红卫. 微信小程序应用探析[J]. 无线互联科技，2016（23）：11-12.

作者简介：

王劲松，男，1998年10月，单位：西华大学，本科，研究方向.：自动控制原理，图像处理。