基于React Native框架的音视频管理系统的实现
2021-07-13陈桂蓉商丽娟
信息记录材料 2021年6期
陈桂蓉,商丽娟
(广东东软学院 广东 佛山 528225)
1 引言
随着智能手机和多媒体的不断发展,人们可以随时随地使用手机观看视频和收听音乐,因此在移动端涌现出了各种各样的视频平台和音频平台。在移动端,用户从各个平台下载下来的音视频文件一般存储在手机中,如果手机存储空间不够则只能删除文件。本系统旨在给个人用户提供一个音视频管理平台,用户可以将手机中存储的音视频文件上传到系统的服务器中进行存储,这样用户就拥有大量的空间存储音视频文件,并可以通过该系统对已上传的音视频文件进行管理。
React Native是Facebook于2015年4月在React前端框架基础上开源的跨平台移动应用开发框架[1]。开发者通过React的声明式组件机制和JavaScript代码,就可以完成一个可运行在iOS和Android平台的移动应用程序,极大地提升开发效率[2]。本系统使用React Native作为移动端的开发框架。
用户在音视频管理平台上传的音视频默认只能自己查看,用户也可以主动将自己的音视频进行分享。用户可以对已分享的音视频进行查看、评分和收藏,但是系统暂时不提供下载服务。
2 登录和注册
用户进入应用后首先显示登录页,用户首次登录成功后,使用async-storage组件存储登录用户的账号和密码,下次自动登录,直接进入应用首页。
如果是新用户则先注册,系统对用户填写信息进行校验后,通过fetch语句向系统服务端发送post请求。服务端接收到用户的注册信息后再次进行校验,例如校验用户名和邮箱是否在数据库中是唯一的,校验完成后将用户的注册信息存储到数据库中。……
登录APP查看全文
