全平臺(tái)全棧開源項(xiàng)目 coderiver 今天終于開始前后端聯(lián)調(diào)了~

首先感謝大家的支持，coderiver 在 GitHub 上開源兩周，獲得了 54 個(gè) Star，9 個(gè) Fork，5 個(gè) Watch。

這些鼓勵(lì)和認(rèn)可也更加堅(jiān)定了我繼續(xù)寫下去的決心~ 再次感謝各位大佬！

項(xiàng)目地址： https://github.com/cachecats/coderiver

靠業(yè)余時(shí)間從產(chǎn)品立項(xiàng)，到畫原型圖設(shè)計(jì)功能，到前端實(shí)現(xiàn)，再到后端實(shí)現(xiàn)，斷斷續(xù)續(xù)寫了幾個(gè)月，今天終于可以調(diào)試接口啦！一路走來，感謝大家的鼓勵(lì)與陪伴~

coderiver 是什么？

致力于打造全平臺(tái)全棧精品開源項(xiàng)目，計(jì)劃做成包含 pc端（Vue、React）、移動(dòng)H5（Vue、React）、ReactNative混合開發(fā)、Android原生、微信小程序、java后端的全平臺(tái)型全棧項(xiàng)目。

coderiver 中文名 河碼，是一個(gè)為程序員和設(shè)計(jì)師提供項(xiàng)目協(xié)作的平臺(tái)。無論你是前端、后端、移動(dòng)端開發(fā)人員，或是設(shè)計(jì)師、產(chǎn)品經(jīng)理，都可以在平臺(tái)上發(fā)布項(xiàng)目，與志同道合的小伙伴一起協(xié)作完成項(xiàng)目。

coderiver 河碼 類似程序員客棧，但主要目的是方便各細(xì)分領(lǐng)域人才之間技術(shù)交流，共同成長，多人協(xié)作完成項(xiàng)目。暫不涉及金錢交易。

技術(shù)架構(gòu)

目前只做了基于 Vue 的 PC 端，和基于 java 的后端。

前端的技術(shù)架構(gòu)是 Vue 家族，UI 框架用的是餓了么的 Element-ui .

后端采用了基于 SpringCloud 的微服務(wù)架構(gòu)。整個(gè)項(xiàng)目分為了五個(gè)服務(wù)：

• 注冊(cè)中心 eureka_server

• 用戶服務(wù) user_service

• 項(xiàng)目服務(wù) project_service

• 評(píng)論服務(wù) comments_service

• 服務(wù)網(wǎng)關(guān) api_gateway

服務(wù)網(wǎng)關(guān)用了 Zuul ，所有接口都經(jīng)過網(wǎng)關(guān)訪問，便于統(tǒng)一做用戶鑒權(quán)、負(fù)載均衡等操作。

各服務(wù)間通信用 Feign。多個(gè)場(chǎng)景都使用了 Redis ，主要是作為緩存容器使用。數(shù)據(jù)庫操作暫時(shí)用的是 JPA，后期還會(huì)用 Mybatis 實(shí)現(xiàn)一版。消息隊(duì)列暫時(shí)還沒用到，后面會(huì)用 RabbitMQ。

部署的時(shí)候應(yīng)該還會(huì)用 Nginx 和 Docker。

項(xiàng)目中用到的技術(shù)和關(guān)鍵的業(yè)務(wù)邏輯，都會(huì)總結(jié)出來寫成博客方便大家學(xué)習(xí)參考，也希望各位大佬多多提意見，共同使項(xiàng)目更完善、優(yōu)雅、質(zhì)量更高。

博客匯總

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

已經(jīng)發(fā)表的項(xiàng)目相關(guān)博客：

java后端

點(diǎn)贊模塊設(shè)計(jì) - Redis緩存 + 定時(shí)寫入數(shù)據(jù)庫實(shí)現(xiàn)高性能點(diǎn)贊功能

評(píng)論模塊 - 后端數(shù)據(jù)庫設(shè)計(jì)及功能實(shí)現(xiàn)

服務(wù)網(wǎng)關(guān) Zuul 與 Redis 結(jié)合實(shí)現(xiàn) Token 權(quán)限校驗(yàn)

評(píng)論模塊優(yōu)化 - 數(shù)據(jù)表優(yōu)化、添加緩存及用 Feign 與用戶服務(wù)通信

Vue pc端

vue + element-ui + scss 仿簡書評(píng)論模塊

element-ui 的Dialog被蒙板遮住原因及解決辦法

規(guī)劃

對(duì)項(xiàng)目的規(guī)劃是做成包含 pc端（Vue、React）、移動(dòng)H5（Vue、React）、ReactNative混合開發(fā)、Android原生、微信小程序、java后端的全平臺(tái)型全棧項(xiàng)目，具體平臺(tái)和技術(shù)實(shí)現(xiàn)方案、進(jìn)度如下表：

其中除了 React 技術(shù)棧，其他的我都可以做。

但考慮到時(shí)間和項(xiàng)目周期，以后可能會(huì)邀請(qǐng)其他貢獻(xiàn)者加入。如果遇到合適的小伙伴，也可能會(huì)追加實(shí)現(xiàn)，比如 IOS 原生應(yīng)用，F(xiàn)lutter 混合開發(fā)等…

所有平臺(tái)，都會(huì)用當(dāng)下最流行最熱門的技術(shù)方案實(shí)現(xiàn)，代碼的質(zhì)量也會(huì)盡全力做到最優(yōu)。

結(jié)語

路漫漫其修遠(yuǎn)兮，吾將上下而求索。

再次感謝大家的鼓勵(lì)與支持，我會(huì)繼續(xù)努力，保持全速更新，爭取早日實(shí)現(xiàn)全平臺(tái)覆蓋~

如果覺得項(xiàng)目不錯(cuò)，GitHub 上順手送個(gè) Star ，或給文章點(diǎn)個(gè)贊唄~
項(xiàng)目地址： https://github.com/cachecats/coderiver

image