CodeRiver 全棧全平臺開源專案:全面升級 從新出發

solocoder發表於2019-01-03

CodeRiver 全棧全平臺開源專案:全面升級 從新出發
CodeRiver 河碼:致力於打造全棧全平臺精品開源專案。

專案在2018年11月底獲得廣泛關注之後,我們隨即組建了 80餘人參與的更專業、更強大的開發團隊,繼續朝著打造全棧全平臺企業級精品開源專案的目標不懈努力。

在 2018 年 12 月份我們進行了一些 CodeRiver 的準備工作。

  • 重新整理第一迭代產品的功能。
  • 重新設計了產品的互動和 UI 渲染圖。
  • 獲取兩位優秀架構師的幫助,完成了第一版的架構設計。
  • 按照同學們的擅長領域與意向,為大家分組並匹配到合適的夥伴。
  • 探索出了良好的溝通協作機制,為後續高效開發保駕護航。

進入 2019年1月,CodeRiver 新版專案開發工作正式啟動!

一、專案地址遷移通知

為了更好的協作和管理專案,我們在 GitHub 上建了個 organization ,程式碼也由原來的

github.com/cachecats/c…

遷移至

github.com/coderiver-o…

歡迎大家關注新的專案地址。專案的各種文件在 coderiver-doc 倉庫裡存放,大家對專案有任何建議和想法也可以在 coderiver-docissues 中討論。

二、原型圖

原型圖做的比較簡陋,沒有專業的產品經理只能自己現學現賣了。

PC 端之前實現的差不多了,所以直接看靜態頁面吧。移動端重新設計了原型。

PC 端原型圖:coderiver.cn/

移動端原型圖:shimo.im/docs/2QrSUc…

三、部分渲染圖

感謝我們的設計師 Nicole 為我們帶來了優秀的設計。

3.1 移動端部分渲染圖:

註冊登入引導頁

CodeRiver 全棧全平臺開源專案:全面升級 從新出發

手機號登入

CodeRiver 全棧全平臺開源專案:全面升級 從新出發

郵箱登入

CodeRiver 全棧全平臺開源專案:全面升級 從新出發

註冊流程採用了分步填寫的設計

註冊-暱稱

CodeRiver 全棧全平臺開源專案:全面升級 從新出發

註冊-手機號

CodeRiver 全棧全平臺開源專案:全面升級 從新出發

註冊-密碼

CodeRiver 全棧全平臺開源專案:全面升級 從新出發

註冊-角色

CodeRiver 全棧全平臺開源專案:全面升級 從新出發

註冊-工作經驗

CodeRiver 全棧全平臺開源專案:全面升級 從新出發

3.2 PC 端部分渲染圖

首頁

CodeRiver 全棧全平臺開源專案:全面升級 從新出發

登入註冊

CodeRiver 全棧全平臺開源專案:全面升級 從新出發

四、後端架構設計

CodeRiver專案我們採用前後端分離的系統架構, 後端架構為:

SpringBoot + SpingCloud + SpringData (Spring全家桶)

  1. 服務發現---Eureka
  2. 服務呼叫---Feign
  3. 熔斷器-----Hystrix
  4. 服務閘道器---Zuul
  5. 分散式配置-Spring Cloud Config
  6. 訊息匯流排---Spring Cloud Bus

4.1 專案設計圖

CodeRiver 全棧全平臺開源專案:全面升級 從新出發

4.2 專案架構圖

CodeRiver 全棧全平臺開源專案:全面升級 從新出發

4.3 元件技術棧

公共技術棧:

  1. JavaEE
  2. RESTFul
  3. SpringBoot
  4. Docker
  5. Swagger2.0

API Gateway

  1. Zuul

安全中心

  1. JWT
  2. OAuth
  3. 理解BCrypt密碼加密

CodeRiver 全棧全平臺開源專案:全面升級 從新出發

註冊中心

  1. Eureka

治理中心

  1. Eureka
  2. Hystrix
  3. Feign

配置中心

  1. SpringCloudConfig
  2. SpringCloudBus 訊息匯流排元件

監控中心

  1. Rancher
  2. InfluxDB
  3. cAdvisor
  4. Grafana

訊息中心

  1. RabbitMQ

資料層

  1. SpringCloud Bus
  2. SpringCloud Task
  3. SpringCloud Stream
  4. Mysql
  5. MongoDB
  6. Redis

部署和整合

  1. Dockerfile編寫
  2. Gogs
  3. Jenkins

額外技術

  1. ElasticSearch
  2. Logstash
  3. Nginx

五、專案劃分及分組情況

專案分為了十個技術方向:React 移動,React PC,Vue 移動,Vue PC,Android,Flutter,Angular,小程式(分別用小程式原生和 Taro 實現),ReactNative,java(分為四個小組)等共計 14 個小組,每個方向對應一個程式碼倉庫,倉庫劃分及地址如下:

coderiver-doc:專案所有文件的存放處。關於專案的建議和想法可以在這個倉庫的 issues 裡交流。

coderiver-platform:Java 後端基礎架構

coderiver-java:Java後端程式碼倉庫

coderiver-react-pc:React PC 端程式碼倉庫

coderiver-react-mobile:React 移動端程式碼倉庫

coderiver-vue-pc:Vue PC 端程式碼倉庫

coderiver-vue-mobile:Vue 移動端程式碼倉庫

coderiver-android:Android 程式碼倉庫(使用kotlin)

coderiver-flutter:Flutter 程式碼倉庫

coderiver-react-native:ReactNative 程式碼倉庫

coderiver-angular:Angular 程式碼倉庫

coderiver-mini-program:小程式原生程式碼倉庫

coderiver-mini-program-taro:小程式 Taro 程式碼倉庫

大家可以根據興趣自由拉取程式碼學習交流。

由於剛開始開發,有些倉庫還是空的,但隨著專案進行都會持續更新逐漸完善起來的。

六、文件教程

在專案開發過程中我們會盡可能多的總結技術實現過程,並形成一系列文件,文件 + 原始碼 帶給您最高效的學習體驗。文件會在 CodeRiver 官方微信公眾平臺和各部落格平臺同時釋出,歡迎大家關注。

掃碼或搜尋微訊號 code_river 關注微信公眾平臺:

CodeRiver 全棧全平臺開源專案:全面升級 從新出發

七、參與專案

CodeRiver 是開源專案,任何想為開源事業貢獻一份力的小夥伴均可加入。

同時我們還建立了專案討論群,如果您對專案感興趣,可以進群一起討論。

加入方式:

搜尋並新增 wx號: douglas1840,備註:coderiver


感謝大家一直以來的的支援,CodeRiver 團隊將繼續朝著打造全棧全平臺精品開源專案的目標不懈努力!

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

CodeRiver 全棧全平臺開源專案:全面升級 從新出發

相關文章