老逛整理了現在比較熱門 App 的高仿項目,這些項目都是有「recently updated」,而不是年代久遠不再維護的項目。包括高仿微信、微博、B站、鬥魚、抖音、美團、頭條、掘金等等。
這些項目涉及的技術棧有 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
高仿 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
界面截圖:
最後,防止找不到本篇文章,可以收藏點贊,方便翻閱查找。本文首發至公衆號 逛逛GitHub(ggGithub),轉載請註明出處。
推薦閱讀
1. 推薦幾個好玩項目
2. 推薦幾個有用項目
3. 推薦幾個有用工具
每天推薦一個有趣、好玩且可能你會用到的 GitHub 項目。