基于微信平台搭建Vlog小程序
项目背景
微信自2011年1月21日诞生以来,发展迅速,用户群增长迅速。互联网“轻量型应用”已成为发展趋势,基于小程序的超轻量型应用无需下载安装即可直接使用微信功能,广受欢迎。2017年12月推出的Jump One Hop导致applet用户激增,12月该用户总数达到4亿。
Vlog首次出现在YouTube上,它是一种通过视频日志快速记录生活的方法。它经历了从小圈子到海外流行的发展过程,并已成为成熟的内容产品。家庭视频博客仍处于起步阶段。今年年初,Cass数据(ID:caasdata6)对Vlog进行了分析,得出的结论是产品实施不明确,内容生产门槛很高,文化环境也不好。但是,随着都印视频博客的兴起和兴盛,人们自然对视频博客“长寿视频”的发展方向感到乐观。实际上,虚拟博客行业不足为奇。类似于此类专业人员的国内UGC生成和交付平台仍然相对较新。除了可以与YouTube竞争的产品(例如B站,微博和豆阴)外,优势不多。特别地,站B主要由次要用户主导。当前,许多公司瞄准了Vlog行业。
互联网时代的来临,为各行各业的发展提供了契机。小程序是一种基于微信博主关注(wechat) 软件不用下载就能使用的应用, 用户不再需要去应用商店下载移动软件,微信小程序无疑为移动互联网用户的日常生活带来了许多便捷高效,微信拥有的广大用户也为小程序的发展带来了契机。[1][3]
近几年视频社交软件的兴起例如抖音、微视等,越来越多的人将自己的生活拍成视频发布到上面,而使用这些软件发布视频的主流人群大多是95后甚至00后。然而70、80后他们不常用这些社交软件又很喜欢记录生活,喜欢记录他们的孩子成长中的点滴的人呢?因此,针对这类人群设计微信小程序日志平台,用户可以在这个平台上撰写文章日志、分享生活点滴,并配备图片制作视频和设定重要节日提醒等功能。
小程序开发平台
1.微信开发者工具
这个小型程序团队已经启动了自己的开发工具-微信开发人员工具,该工具专注于开发,调试,预览,上传和其他功能。微信团队发布了微信小程序开发人员工具,微信小程序开发文档和微信小程序设计指南,这是一个全新的开发人员工具,集成了开发和调试,代码编辑和程序发布等功能,可帮助开发人员简单高效地进行开发微信小程序。目前,微信开发者工具仍在不断完善,开发小程序时也在不断更新。AppID表示小程序的ID号。您必须具有微信小程序帐户才能申请此ID号。如果没有AppID,则无法在实际计算机上演示小程序(即,无法将其发布给用户以供在线使用),并且只能在微信开发人员工具中对其进行仿真。
2.MINA框架
迷你程序使用MINA框架。要开发微信小程序,您需要使用微信提供的开发框架。微信团队将其称为小程序应用架构。 MINA框架通过封装微信客户端提供的文件系统,网络,通信,数据和安全性的基本功能,提供了一系列组件和API。目的是允许开发人员以简单有效的方式在微信中开发本地应用。
MINA的核心是响应数据绑定系统。整个系统分为两部分:视图层(视图,描述语言wxml和wxss)和逻辑层(App Serice,基于JavaScript)。这使数据与视图保持非常简单的同步。修改数据时,只需更改逻辑层中的数据,视图层将更新响应。开发人员只需将页面路由,方法和生命周期功能注册到框架中,所有其他复杂的操作将由框架处理。主页面视图层包括前端页面,开发人员使用WXML构建基本页面。WXML与HTML标记语言相似,并且使用大量的视图标签来实现级联设计。 WXSS与CSS相似,使用WXSS文件控制页面的显示样式,包括页面位置,图像大小,文本颜色等。逻辑层是MINA框架的核心,而AppService应用程序逻辑层是服务。页面呈现和页面交互处理逻辑所需的数据在AppService中实现。 MINA框架中的原始AppSer建议使用JavaScript编写交互逻辑,网络请求和数据处理。帧结构图如图1所示。
图1 MINA框架结构
与之前的的web前端技术相比,使用MINA框架有以下优点:
(1)方便使用:无需下载,打开即用,用完即走。不占用手机内存,省流量,省安装时间
(2)简单的开发:开发的实质是在MVVM样式的Javascript框架上开发的,具有前端经验的程序员可以无缝连接,并且经验不足的出入门者也可以快速上手。
(3)跨平台操作:无需分别开发IOS和Andriod版本,只需要发布微信小程序平台,所有平台都可以使用。开发成本会很低。
(5)快速发布和迭代:无需关心各种发行渠道,也无需担心与旧版本升级有关的兼容性问题。开启速度比H5快,而且体验接近原生APP。
但是,开发平台也有一些缺点。组件和API的数量是有限的。许多优秀的第三方插件无法直接使用。因为这个小程序是建立在微信应用程序上的,所以在微信级别也有一些缺点。官员们不断更新和完善。[2]
软件设计与实现
1. 小程序整体设计
基于微信搭建一个类似视频博客(Vlog,也称为“视频网络日志”)平台,人们可在该平台上撰写文章日志、上传生活视频照片分享生活点滴,设定重要节日提醒等功能。基于小程序的特性和庞大的微信用户数量,相比微博抖音B站等APP,它更方便大多数的中老年等微信用户的使用。
根据功能需求分析,该小程序的主要功能是前台显示模块和后台管理模块。
(1)前端显示系统,一般用户可以登录,浏览不同的视频和文章;发表自己的作品。功能细节要求说明:
1)、首页推荐:通过后台推荐算法方式为用户推荐相关视频文章,可在首页直接点击,同时可直接进行关注作者、评论、点赞、分享等动作。
2)、搜索:
①根据用户:您可以输入用户的昵称来搜索用户,支持模糊查询,并跟踪搜索到的用户。
② 分类: 对应抖音的话题。
③ 视频:可输入视频的名称或者标签属性等来进行搜索。
3)、视频文章观看
① 分享: 可分享到微信、朋友圈、 qq及 qq 空间。
② 点赞: 对视频文章进行点赞。
③ 评论: 可对其他作者的视频进行评论,对于评论可再次回复。
3)、我的关注
展示关注的人发的视频列表以及个人的基础信息。
4)、我的消息
①我发表的评论:对我发表的评论回复的
②我收到的评论:后期会加对我发布视频的评论,可以添加用户发布视 频的时候添加。
③、系统消息:平台发布平台维修等公告。
5)、个人中心
①、用户资料:展示自己的基础资料等,并可对当前资料进行修改。
②、关注:显示关注者数量。单击关注以跳至关注者列表页面,然后可以取消关注关注者。
③、点赞:查看自己的点赞过的视频文章。
(2)整体的功能结构图如图2。
图2 小程序的整体功能结构
(3)后台管理系统,管理员可以对平台进行用户管理,作品管理,用户反馈管理等。功能细节要求说明:
1)、用户管理:
①、本站用户:管理所有用户,进行删除、修改及添加,并可进行禁用 (禁用之后无法登陆此 APP模块)。
②角色管理:添加新角色,编辑现有角色,设置权限并删除。
2)、作品管理:
①、视频上传:运营人员后台上传视频,上传时有分类选择、视频名称添
加。
②,作品列表:可以根据评论数,分享数,喜欢数进行排序,可以通过作品ID,用户ID,作品标题和用户昵称进行模糊查询。
3)、注册:对用户注册出现的问题管理。
4)、登陆:对用户登陆出现的问题管理。
5)、反馈管理:反馈已处理和待处理。
图3 整体的功能结构图
2小程序流程分析
该平台分为两个部分,前台和后勤台。前台无需认证,任何人都可以通过微信浏览信息。后端系统管理员首先输入帐户密码,如果输入错误,将重新启动,然后进行信息管理,文件管理,反馈管理,输入相关操作后,将对数据库进行逻辑处理,看是否有足够的数据将数据返回给管理员。流程如图4所示。
图4 功能流程图
3. 小程序关键技术的实现
(1)小程序前台部分 JS、CSS、WXML
(2)小程序后台管理的实现 MySQL8、Java、Maven、log4j、mybatis
结束语
在互联网时代,传统的宣传方式逐渐淡化了大多数人的生活。移动互联网用户的增长以及微信平台上大量用户的涌现表明,使用微信小程序构建校园信息平台将具有广阔的市场前景。该系统是在Windows上通过微信公共开发人员工具开发的。与传统的APP相比,微信小程序不受平台限制,也就是说,只要开发完成,就可以在Android端和IOS端进行访问。将理论应用于开发实践可提高您的实践能力。但是,由于时间和技术缺陷,该软件具有以下缺陷:
(1)相对于现有的相似产品上小程序的功能还不够丰富。
(2)内容页面布局还比较简介不够全面。
参考文献:
[1] 刘玉佳.微信“小程序”开发的系统实现及前景分析[J].信息信,2017(01):260-261.
[2] 邢榕珊, 匡芳君. 微信小程序设计[J]. 计算机时代, 2018, No.314(08):13-16.
[3] 匡文波. 微信小程序:机遇与挑战并存[J]. 新闻论坛, 2017(2):1-1.
[4] 王晓红, 包圆圆, 吕强. 移动短视频的发展现状及趋势观察[J]. 中国编辑, 2015, 000(003):7-12.
[5] 邓建国, 张琦. 移动短视频的创新、扩散与挑战[J]. 新闻与写作, 2018, No.407(05):12-17.