1. 程式人生 > >你想要的全平臺全棧開源專案 - Vue、React、小程式、Android原生、ReactNative、java後端

你想要的全平臺全棧開源專案 - Vue、React、小程式、Android原生、ReactNative、java後端

全平臺全棧開源專案 coderiver 今天終於開始前後端聯調了~

首先感謝大家的支援,coderiver 在 GitHub 上開源兩週,獲得了 54 個 Star,9 個 Fork,5 個 Watch

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

專案地址: github.com/cachecats/c…

靠業餘時間從產品立項,到畫原型圖設計功能,到前端實現,再到後端實現,斷斷續續寫了幾個月,今天終於可以除錯介面啦!一路走來,感謝大家的鼓勵與陪伴~

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。

專案中用到的技術和關鍵的業務邏輯,都會總結出來寫成部落格方便大家學習參考,也希望各位大佬多多提意見,共同使專案更完善、優雅、質量更高。

部落格彙總

部落格主頁: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.com/cachecats/c…

您的鼓勵是我前行最大的動力,歡迎點贊,歡迎送小星星✨ ~