最近整理了现在比较热门 App 的高仿项目,这些项目都是有「recently updated」,而不是年代久远不再维护的项目。包括高仿微信、微博、B站、斗鱼、抖音、美团、头条、掘金等等。
这些项目涉及的技术栈有 Vue、Flutter 等等,看这些高仿项目的源码有什么用呢?比如下面这个高仿知乎,采用 Flutter 技术栈,把代码 Download 下来,看着代码做一遍基本可以入门 Flutter,学会 APP 布局。
高仿知乎
使用 Flutter 模仿的知乎黑色主题的 UI,在 我的 页中可以修改日间和夜间模式。
https://github.com/xujiyou/zhihu-flutter
高仿微信
已实现的功能包括:消息界面、发现界面、好友搜索、聊天界面等。微信中常用功能都支持,比如:好友列表、好友搜索、好友资料、资料设置、新的朋友、群聊、标签、好友圈、扫一扫、摇一摇、漂流瓶、购物、游戏等等。
至于聊天功能,可以调节字体大小、更改聊天背景、我的表情、清空聊天记录。智慧城表情键盘(动态增删表情包)、文字消息、图片消息、表情消息、语音消息、聊天输入框、消息展示视图、聊天键盘、聊天记录存储等。
https://github.com/tbl00c/TLChat
高仿炸弹特效
微信 8.0 来临,新版本微信中最吸引眼球的莫过于「表情特效」,尤其是超级震撼的「炸弹」更是把微信群炸上了天。
版本刚刚发布不就,就有前端大佬复现了「炸弹」特效,大佬折腾了许久,做出来的效果如下。不到 300 行代码,并且已经开源,教程和代码可以关注微信公众号「逛逛GitHub」回复「炸弹」获取代码。
仿美团外卖点餐
前端用 vue+vuex+vue-router+axios,后端基于nodej.s的框架,数据库采用mongodb。功能涉及登录,定位,浏览商品,加购物车,下订单,支付(微信、支付宝扫码支付),评价,个人信息更改。
https://github.com/zwStar/vue-meituan
精仿今日头条
数据是抓取今日头条 App 的数据。使用 RxJava + Retrofit + MVP 开发的开源项目。
https://github.com/chaychan/TouTiao
高仿掘金
仿照掘金客户端使用 Vue 开发的 WebApp。里面所有的API均来自官方Android。页面基本上和掘金App差不多,不过由于里面的一些图片本菜使用的是阿里的iconfont,因此会和掘金App上面的图片有点不一样,但是整体的功能和掘金App还是差不多的。
https://github.com/sanfengliao/vue-juejin
高仿微博
iOS 版:
Github 地址:https://github.com/sam408130/DSLolita
Android:
Github 地址:https://github.com/wenmingvs/WeiBo
iOS 仿抖音
这个抖音 Demo 适配 iPhone、iPad,同时兼容 iOS 8.0 - iOS 12.0系统。采用 Object-C 语言编写。标星 1.5K Star,项目地址:
https://github.com/sshiqiao/douyin-ios-objectc
本项目共分为三个部分:抖音个人主页实现、网络视频相关功能实现、WebSocket 实现 IM 即时聊天功能。
Android 仿抖音
这个 Demo 涉及的技术要点如下:
-
Recycler + PagerSnapHelper 实现全屏切换播放效果,
-
使用 Lottie 库加载 Json 动画
-
BottomSheetDialogFragment 实现分享评论弹框功能
-
CoordinatorLayout + AppBarLayout 实现折叠布局。
该项目标星 1K Star,项目地址:
https://github.com/18380438200/Tiktok
高仿 YouTube
iOS版本,Github 地址:
https://github.com/aslanyanhaik/youtube-iOS
安卓版本,Github 地址:
https://github.com/TeamNewPipe/NewPi
仿斗鱼直播 APP
flutter 重构的斗鱼直播 APP,首页、娱乐为Material组件;直播间、鱼吧为纯自定义编写。GitHub 地址:
https://github.com/yukilzw/dy_flutter
仿网易云音乐
基于 flutter 的仿网易云音乐软件,支持 iOS 和 Android。GitHub 地址:
https://github.com/boyan01/flutter-netease-music
高仿 B站
基于 react 和 express 开发的,高仿B站 Web 移动端,GitHub 项目:
https://github.com/code-mcx/react-bilibili
高仿Bilibili,iOS 版 Github 地址:
https://github.com/MichaelHuyp/Bilibili_Wuxianda
Android 版本 Github 地址:
https://github.com/HotBitmapGG/bilibili-android-client
界面截图: