12个GitHub上的App高仿项目

这些项目涉及的技术栈有 Vue、Flutter 等等,看这些高仿项目的源码有什么用呢?比如下面这个高仿知乎,采用 Flutter 技术栈,把代码 Download 下来,看着代码做一遍基本可以入门 Flutter,学会 APP 布局。高仿知乎使用 Flutter 模仿的知乎黑色主题的 UI,在 我的 页中可以修改日间和夜间模式。

GitHub地址:https://github.com/xujiyou/zhihu-flutter

高仿微信已实现的功能包括:消息界面、发现界面、好友搜索、聊天界面等。微信中常用功能都支持,比如:好友列表、好友搜索、好友资料、资料设置、新的朋友、群聊、标签、好友圈、扫一扫、摇一摇、漂流瓶、购物、游戏等等。至于聊天功能,可以调节字体大小、更改聊天背景、我的表情、清空聊天记录。智慧城表情键盘(动态增删表情包)、文字消息、图片消息、表情消息、语音消息、聊天输入框、消息展示视图、聊天键盘、聊天记录存储等。

GitHub地址: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

高仿 YouTubeiOS版本,Github 地址:

https://github.com/aslanyanhaik/youtube-iOS

安卓版本,Github 地址:

https://github.com/TeamNewPipe/NewPi

仿斗鱼直播 APPflutter 重构的斗鱼直播 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

发表评论

邮箱地址不会被公开。 必填项已用*标注