2020年作为短视频的爆发元年,几乎所有的App都恨不得加入短视频的圈子中分一杯羹,前有快手抖音打得难舍难分,后有火山西瓜紧随而入。2020年的互联网仿佛全民短视频,而2021年则开启了所有App嵌入短视频模式的时代,从游戏社区到新闻资讯App都嵌入短视频功能的现在,我们将引领开发者创建属于自己的第一个短视频App。
为了符合当近互联网的快速迭代模式,我们使用《uniapp + 智密原生仿抖音上下滑动插件》实现我们的短视频App。Uni-app是前端开发跨平台应用的最佳框架,采用vue语法,使得前端可以快速上手开发。智密 – 原生仿抖音上下滑动插件采用JSON配置原生布局的方式,将开发者的开发难度降到最低,使得开发者可以0成本接入短视频功能,从而获得最佳的开发体验。
首先我们通过uniapp插件市场获取到仿抖音的Demo工程与插件包,在这里我们可以选择试用的方式先获取云端插件,以便我们开发应用。
在使用插件之前,我们需要使用hbuilderx先配置云端插件,并且进行云打包。这里由于uniapp的特殊要求我们在打包的时候需要勾选自定义调试基座,只有打包自定义调试基座并且使用自定义基座运行的方式,才可以真正的使用上原生仿抖音插件。
对于智密官方的demo而言,已经内置了基础界面控件JSON配置,在这里我们可以看到点赞,评论,分享等界面都已经内置其中了,第一眼看是不是很有dou音的感觉,而这一切我们都不用过多修改,因为demo工程都已经帮我们调整到最佳的位置了。
对于客制化更加简单,demo中本身就内置了genData的模拟ajax获取方法,我们只需要将其修改为真正的ajax获取之后,结合async/await的语法糖,我们就可以成功接入业务逻辑啦,接下来给大家看看最终的运行效果。
至此,我们仅耗费十分钟不到就成功创建了一个属于我们自己的短视频App,当然对于上架推广都是后话啦。开发者可以赋予其更多的想象空间,打造短视频购物,任务,社交等App,预计在不久之后,短视频将是收割碎片时间的利器,也是继直播之后的流量收割神器。
智密科技,专业开发各类Uniapp原生插件、目前交付给客户的插件已经超过100个各类插件,正在陆续整理上架并分享一切关于Uni-app的教程、资讯。欢迎加入QQ群与作者一起讨论uni-app!