基于微信小程序的公益服务平台的设计与实现

林合斌　胡逸　廖健龙　谢瑞灵

摘要：针对广州市特殊儿童相关公益活动的知情程度较低、公益活动的信息获取难度较大、公益项目报名方式不统一、不够透明等问题，设计了一款基于微信小程序的公益服务平台。该平台在微信客户端运行，依托微信广大的用户基数与强大的小程序开发API接口，实现了对广州各大公益活动的信息进行统一整理，允许用户集中查看活动详情与报名，让更多爱心人士及时了解特殊儿童的公益项目活动动向，扩大参加公益活动人群。为公益人士提供便捷、信息化的使用体验。

关键词：微信小程序;服务平台;信息整理;移动端

引言

微信小程序是一种全新的连接用户与服务的方式，它是附属于微信 App 的功能，可直接在微信上测试和运行，具有无需安装卸载、即开即用的特点。腾讯官方为开发者提供了微信开发者工具，用于小程序普通开发和云开发，其中，云开发无需搭建服务器，使用平台提供的应用程序接口（API）即可开发核心业务，实现小程序的快速上线和迭代。

特殊儿童是指与正常儿童在智力、感官、情绪、肢体、行为或语言等方面与正常儿童有显著差异的各类儿童。在2011年中山大学和广州残联开展的流行病学调查发现，在广州市普通幼儿园自闭症患病率为1/133。特殊儿童是折翼的天使，需要来自于我们更多的关爱。而当前社会中对于关爱特殊儿童的公益活动信息多而杂乱，普通群体很难从众多信息中过滤有用的信息。这无疑加大了广大爱心人士帮助特殊儿童的阻力，也不利于关爱特殊儿童公益事业的长久发展。

近年来，随着公益志愿服务事业的迅速发展，志愿服务已成为社会生活领域发展不可分割的重要组成部分。微信求助、网络筹款等互联网公益形式日益兴盛，民众也可以通过网络发声，积极参与到社会公益活动中，以全民公益为目标的微公益理念应运而生。因此，志愿服务工作所覆盖的范围越来越广，从中受益的人也越来越多。但志愿服务的现状尚不能满足社会公益的发展需要，如新冠肺炎疫情暴发期间，出现了信息不对称、互联网公益数据库缺失、相关法律法规不完善等问题，引发了巨大社会舆论。因此，开展新型志愿服务模式，提供充分有效的志愿信息，创建新型的志愿服务平台迫在眉睫。随着“互联网+”和“大数据”的不断发展，利用网络平台，联结潜在志愿者与公益需求，打通志愿服务线上线下“瓶颈”，促进有效对接，是目前市场所需的关键。

1 系统分析与设计

1.1系统开发分析

微信小程序或移动终端 App 开发工具，均可用于开发公益服务平台。

由于APP开发周期长、成本高，因此平台功能有限，可扩展性低。在推广过程中需要下载才可以使用，导致平台推广难度大、用户下载使用意愿低，在实际应用过程中效果不佳。

若使用 App 开发工具开发软件系统，由于不同的移动终端使用不同的操作系统（如 Android、IOS 等），导致需要根据不同的操作系统开发相应的软件，同时还需要进行严格的版本管理，数据库开发、软件开发成本较高，下载安装麻烦，普及困难。

使用微信小程序开发的软件系统具有如下优势：

（1）开发的小程序适配性高，在微信中使用，无需下载安装，不占用内存、不受操作系统的限制;

（2）微信小程序提供的云服务器使得数据存储、数据查看高效快捷;

易学性高，开发成本低。

（3）微信用户基数大，依托微信平台的公益服务小程序传播效果更好、传播范围更广。

互联网PC时代，用户通过电脑网页获取信息，基于电脑服务器带来的网络体验，较目前来看极其笨重不便。手机应用软件使用时，需要下载并占用手机内部储存空间，但对于现阶段渴望多种需求的用户而言，手机软件占用的内存空间居高不下，也会影响到用户体验。微信小程序目前处于手机应用软件时代的发展饱和时期，抓住手机软件发展的漏洞，做到“触手可及”“随处可用”的特点，利用微信扫一扫或搜一搜的功能，无须下载过程，不占据手机内存，为用户带来高满足感的体验。

进入互联网时代，网络社交的特性擴大了公益传播中的信息量与接收范围，并增加了参与者所能感受的互动性。这种新型公益方式扎根于网络交流，具有节约时间成本与物质成本的特点。对于青年志愿者，这些创新型公益更具吸引力，是近年来青年公益发展的推动力之一。

综上，本文结合实际需要，选择基于微信小程序开发工具来开发此公益服务平台。

1.2设计原则

（1）功能完备性原则。系统应具备清晰、简洁的人机交互界面，提供使用者实际工作中需要的功能。

（2）可靠实用性原则。系统能够长期安全、可靠、稳定地运行、实现数据收集和活动内容展示功能，真正提供便捷化的公益活动报名服务。

（3）简单易用性原则。系统应操作简便、灵活、易学易用，能够让不同学历使用者快速掌握并使用。

1.3开发流程

系统开发流程如图1所示。

2 系统功能模块与实现

2.1功能模块

公益服务平台功能模块分为信息展示模块、用户预约行为模块、用户信息模块，如图2所示。

（1）信息展示模块。信息展示模块主要呈现小程序功能说明文本与当前的公益活动项目，帮助用户理解平台使用方法，并展示公益活动项目的具体内容。如图3所示。

（2）用户预约行为模块。用户首次登录平台后需要录入基本信息。当用户报名公益活动时，小程序将会把用户的基本信息提交至相应平台报名，并展示该活动相关负责人老师的联系方式，供用户直接联系活动开展方。

（3）用户信息模块。用户个人信息通过微信小程序开发提供的云服务器API存储用户的单位、地址、联系方式、姓名和年龄等数据，当用户的报名成功后，活动主办方可以通过这些信息联系用户方。

2.2功能实现

该系统通过对互联网上零碎的公益活动消息进行收集汇总，并将详细信息展示于活动信息板块。用户通过验证登录并留存个人信息后可对平台中的活动预约报名。报名成功后用户的联系方式将递交给主办 方，并可以查看报名情况和活动详细时间。如图 4 所示。

微信小程序的开发采用的是 wxml、wxss、js三种代码共同编译的方法。其中，wxml用于描述当前页面的结构;wxss 用于描述页面的样式;js用于处理页面和用户间的逻辑交互，并且通过代码完成调用微信小程序云数据库API与认证API接口的操作，实现用户登录、信息录入、验证用户等行为。

2.2.1页面样式实现

如图 5 所示，在活动页面的wxml代码中包括了视图容器view控件，对每一个活动展示卡划分为一个card 容器，并在wxss中设定card选择器样式大小、透明度。每一个card容器内包含Image、Info、Title、date、button五个控件，并在wxss内统一规划这五个控件在card容器中的布局。页面背景图片通过background-image设定。

2.2.2页面逻辑实现

（1）用户登录逻辑设计思路

用户点击登录按钮，通过微信getUserProfile接口获取用户手机号，并向后端API发送HTTP请求，后端返回一串验证码，输入正确验证码后显示登录成功提示标志。如图6所示。

（2）后端验证码接口设计思路

验证码的发送依托腾讯短信云服务器API。首先先在腾讯云中注册并开通短信服务，设置短信签名，新建应用并获取SDK ID。当小程序向Django后端发送HTTP 请求时，后端检验手机号后会生成随机四位数并调用腾讯云API短信云服务器发送至用户手机中。验证码校验核心代码如图7所示。

（3）用户录入信息思路

用户第一次登录从未填写过信息需要填写基本信息。通过设定globalData全局变量初始值为null判断是否需要填写信息，当值为null时，通过wx：if接口跳入信息录入窗口，信息录入窗口由表单控件form控制，当点击提交button时，input框内的所有detail.value值将修改globalData中的基本信息，再次点击个人信息时显示录入完毕的信息。

3 应用效果

该公益服务平台于2021年6月10日正式上线，在华立校园校内进行推广使用，取得了较好的反响。该公益服务平台很好地将广州市内时下正在举行或者将要举行的关爱特殊儿童公益活动信息进行了收集汇总，并将报名人士的基本信息进行了汇总，方便了主办方核对与统筹安排。本小程序提供的平台详细得介绍了公益活动的具体内容与细节，使得用户能够快速获取所有关于该活动的信息与细节，大大拉近了社会爱心人士与公益活动之间的距离，使得人们更方便也更容易地投入到爱心公益事业中去。也促进了相关公益事业的发展，扩大了公益慈善事业的利益，吸引更多的投资者加入到公益事业中去。

4 結束语

本公益服务平台由微信小程序打造，依托于庞大的微信用户基数与庞大的市场，皆在为了宣传与吸引更多的人们关注我们身边的特殊儿童，关注离我们最近的公益活动。很显然，那些不能以普通人的眼光与要求去看待的特殊儿童在各方面所遇到的困难与偏见不仅仅是我们投身于公益活动就可以改变的，但是我们也希望所有的特殊儿童、特殊群体都能够被广大社会所接受、帮助与认同。希望能够有更多的人们对他们有所了解，发自内心地愿意去帮助他们。

参考文献

[1]微信公众平台网站.微信小程序开发文档[EB/OL].https：//mp.weixin.qq.com/debug/wxadoc/dev/api

[2]赵佳宝，孟楠.公益志愿服务的运营模式及发展研究[J].经营与管理.2021，（04）：1-3.

[3]刘建东.基于微信小程序的校园服务平台设计与应用[J].电子世界.2021，（08）：1-2.

[4]刘仪，张雪冰.大数据背景下微信小程序的应用与分析[J]无线互联科技.2021，18（07）：2-4.

[5]张雯婷，黄悦迪，韩雨蓉.互联网时代的大学生公益互动平台研究[J].科学大众（科学教育）.2019，（02）：2-4.