基于微信平台搭建Vlog小程序

作者:陈小龙 已发布 2021/04/25 03:20:37 GMT+0, 上次修改时间: 2022-02-18T02:08:39+00:00
本文基于移动学习的理论和实践以及微信应用研究,结合微信小程序的发展优势,在短视频爆炸的背景下探索了vlog小程序的设计和构建。5G时代的到来为各行各业的发展提供了更多的机会。小程序是基于微信(wechat)软件的应用程序,无需下载即可使用。用户不再需要去应用商店下载移动软件。微信小程序无疑为移动互联网用户的日常生活带来了许多便利和效率。大多数用户还为小型程序的开发带来了机会。在微信视频博客(也称为“视频博客”)小型程序平台上,人们可以编写文章日志,在平台上分享生活故事,并配备图片制作视频并设置重要的假期提醒。

项目背景

        微信自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所示。

vlog_图片1.png

                                                                             图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。

vlog_图片2.png

                                                                                        图2 小程序的整体功能结构

(3)后台管理系统,管理员可以对平台进行用户管理,作品管理,用户反馈管理等。功能细节要求说明:

1)、用户管理:

①、本站用户:管理所有用户,进行删除、修改及添加,并可进行禁用 (禁用之后无法登陆此 APP模块)。

②角色管理:添加新角色,编辑现有角色,设置权限并删除。

2)、作品管理:

①、视频上传:运营人员后台上传视频,上传时有分类选择、视频名称添

加。

②,作品列表:可以根据评论数,分享数,喜欢数进行排序,可以通过作品ID,用户ID,作品标题和用户昵称进行模糊查询。

3)、注册:对用户注册出现的问题管理。

4)、登陆:对用户登陆出现的问题管理。

5)、反馈管理:反馈已处理和待处理。

              图片3.png

                            图3 整体的功能结构图

2小程序流程分析

        该平台分为两个部分,前台和后勤台。前台无需认证,任何人都可以通过微信浏览信息。后端系统管理员首先输入帐户密码,如果输入错误,将重新启动,然后进行信息管理,文件管理,反馈管理,输入相关操作后,将对数据库进行逻辑处理,看是否有足够的数据将数据返回给管理员。流程如图4所示。

vlog_图片4.png

                                                       图4 功能流程图

3. 小程序关键技术的实现

(1)小程序前台部分 JS、CSS、WXML

vlog_图片5.png       vlog_图片6.png

vlog_图片7.png      vlog_图片8.png

(2)小程序后台管理的实现 MySQL8、Java、Maven、log4j、mybatis

vlog_图片9.png

vlog_图片10.png

vlog_图片11.png

vlog_图片12.png

结束语

        在互联网时代,传统的宣传方式逐渐淡化了大多数人的生活。移动互联网用户的增长以及微信平台上大量用户的涌现表明,使用微信小程序构建校园信息平台将具有广阔的市场前景。该系统是在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.