你想要的全平臺全棧開源項目-Vue、React、小程序、安卓、ReactNative、java後端

全平臺全棧開源項目 coderiver 今天終於開始先後端聯調了~

首先感謝你們的支持，coderiver 在 GitHub 上開源兩週，得到了 54 個 Star，9 個 Fork，5 個 Watch。

這些鼓勵和承認也更加堅決了我繼續寫下去的決心~ 再次感謝各位大佬！

項目地址： https://github.com/cachecats/...

靠業餘時間從產品立項，到畫原型圖設計功能，到前端實現，再到後端實現，斷斷續續寫了幾個月，今天終於能夠調試接口啦！一路走來，感謝你們的鼓勵與陪伴~

coderiver 是什麼？

致力於打造全平臺全棧精品開源項目，計劃作成包含 pc端（Vue、React）、移動H5（Vue、React）、ReactNative混合開發、Android原生、微信小程序、java後端的全平臺型全棧項目。

coderiver 中文名 河碼，是一個爲程序員和設計師提供項目協做的平臺。不管你是前端、後端、移動端開發人員，或是設計師、產品經理，均可以在平臺上發佈項目，與志同道合的小夥伴一塊兒協做完成項目。

coderiver 河碼 相似程序員客棧，但主要目的是方便各細分領域人才之間技術交流，共同成長，多人協做完成項目。暫不涉及金錢交易。

技術架構

目前只作了基於 Vue 的 PC 端，和基於 java 的後端。

前端的技術架構是 Vue 家族，UI 框架用的是餓了麼的 Element-ui .

後端採用了基於 SpringCloud 的微服務架構。整個項目分爲了五個服務：

• 註冊中心 eureka_server
• 用戶服務 user_service
• 項目服務 project_service
• 評論服務 comments_service
• 服務網關 api_gateway

服務網關用了 Zuul ，全部接口都通過網關訪問，便於統一作用戶鑑權、負載均衡等操做。

各服務間通訊用 Feign。多個場景都使用了 Redis ，主要是做爲緩存容器使用。數據庫操做暫時用的是 JPA，後期還會用 Mybatis 實現一版。消息隊列暫時還沒用到，後面會用 RabbitMQ。

部署的時候應該還會用 Nginx 和 Docker。

項目中用到的技術和關鍵的業務邏輯，都會總結出來寫成博客方便你們學習參考，也但願各位大佬多多提意見，共同使項目更完善、優雅、質量更高。

博客彙總

博客主頁：https://juejin.im/user/5b06d5...

已經發表的項目相關博客：

java後端

點贊模塊設計 - Redis緩存 + 定時寫入數據庫實現高性能點贊功能

評論模塊 - 後端數據庫設計及功能實現

服務網關 Zuul 與 Redis 結合實現 Token 權限校驗

評論模塊優化 - 數據表優化、添加緩存及用 Feign 與用戶服務通訊

Vue pc端

vue + element-ui + scss 仿簡書評論模塊

element-ui 的Dialog被蒙板遮住緣由及解決辦法

規劃

對項目的規劃是作成包含 pc端（Vue、React）、移動H5（Vue、React）、ReactNative混合開發、Android原生、微信小程序、java後端的全平臺型全棧項目，具體平臺和技術實現方案、進度以下表：

平臺	實現方案	進度
pc 端	Vue + Element	90%
pc 端	React 技術棧	未開始
移動端 H5	Vue 技術棧	未開始
移動端 H5	React 技術棧	未開始
小程序	Wepy 或 小程序原生	未開始
混合開發	ReactNative	未開始
Android 原生	安卓原生開發	未開始
後端	java + SpringCloud	90%

其中除了 React 技術棧，其餘的我均可以作。

但考慮到時間和項目週期，之後可能會邀請其餘貢獻者加入。若是遇到合適的小夥伴，也可能會追加實現，好比 IOS 原生應用，Flutter 混合開發等…

全部平臺，都會用當下最流行最熱門的技術方案實現，代碼的質量也會盡全力作到最優。

結語

路漫漫其修遠兮，吾將上下而求索。

再次感謝你們的鼓勵與支持，我會繼續努力，保持全速更新，爭取早日實現全平臺覆蓋~

---

若是以爲項目不錯，GitHub 上順手送個 Star ，或給文章點個讚唄~
項目地址： https://github.com/cachecats/...