前言
之前碰巧在github上连续逛到一个短视频去水印的小程序模板,和一个解析短视频去水印的服务端项目,然后把两个项目结合了一下,发布了一个自己的去短视频水印的小程序,并且写了一篇“广告贴”: 短视频去水印微信小程序,免费去除视频水印
,文中提到“有机会的话我会再补一篇技术博客分享下关键代码”,直到今天才来填这个坑,这次写一套系列文章来一步一步的讲解我是如何一点一点将功能堆起来的。简单实现功能,没有很仔细的斟酌,有兴趣的同学可以自行完善,文章可能也比较零乱,第一次写这么多,还请各位同学多多见谅,重在分享。</font>
首先我们来简单梳理下基础功能
一、小程序功能点梳理
-
首页
- 地址解析
- 自动识别剪切板
-
转换结果页
- 下载保存
- 复制地址
- 返回首页
- 分享他人
-
个人中心页
- 登陆
- 查看个人解析记录
- 联系客服
二、服务端接口梳理
- 登陆接口
- 视频解析接口
- 视频下载接口
- 个人解析记录列表接口
服务端解析部分之前找到的是php语言的composer包,所以这次服务端源码也是php,框架使用laravel。之后有机会考虑再出一版go语言的。
总结
最终我们的成品大致如下图这个样子:
最后会将完整的小程序及服务端代码推到github,方便同学们查阅。
文章会在元旦前陆续产出,需要的可以先关注一波...另外可以先扫描二维码体验一下整体功能,顺便凑凑UV,后边好把广告部分也顺带产出了。
注意:这次写完,版本会高于目前版本,会和截图有些许不一样(完善)
系列文章
- 手把手教你做短视频去水印微信小程序(0-概述)
- 手把手教你做短视频去水印微信小程序(1-封装网络请求&登陆逻辑)
- 手把手教你做短视频去水印微信小程序(2-首页)
- 手把手教你做短视频去水印微信小程序(3-个人中心)
- 手把手教你做短视频去水印微信小程序(4-转换结果页)
- 手把手教你做短视频去水印微信小程序(5-服务端代码)
- 手把手教你做短视频去水印微信小程序(6-广告代码)【待完成】
- 手把手教你做短视频去水印微信小程序(7-Q&A整理)【待完成】
github源码地址
欢迎star~