全平台全栈开源项目 coderiver 今天终于开始前后端联调了~
首先感谢大家的支持, https://github.com/cachecats/coderiver 在 GitHub 上开源两周, 获得了 54 个 Star,9 个 Fork,5 个 Watch.
这些鼓励和认可也更加坚定了我继续写下去的决心~ 再次感谢各位大佬!
项目地址: https://github.com/cachecats/coderiver
靠业余时间从产品立项, 到画原型图设计功能, 到前端实现, 再到后端实现, 断断续续写了几个月, 今天终于可以调试接口啦! 一路走来, 感谢大家的鼓励与陪伴~
https://github.com/cachecats/coderiver 是什么?
致力于打造全平台全栈精品开源项目, 计划做成包含 pc 端 (vue,React), 移动 H5(Vue,React),ReactNative 混合开发, Android 原生, 微信小程序, java 后端的全平台型全栈项目.
coderiver 中文名 河码, 是一个为程序员和设计师提供项目协作的平台. 无论你是前端, 后端, 移动端开发人员, 或是设计师, 产品经理, 都可以在平台上发布项目, 与志同道合的小伙伴一起协作完成项目.
coderiver 河码 类似程序员客栈, 但主要目的是方便各细分领域人才之间技术交流, 共同成长, 多人协作完成项目. 暂不涉及金钱交易.
技术架构
目前只做了基于 Vue 的 PC 端, 和基于 java 的后端.
前端的技术架构是 Vue 家族, UI 框架用的是饿了么的 Element-ui http://element-cn.eleme.io/#/zh-CN .
后端采用了基于 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 混合开发等...
所有平台, 都会用当下最流行最热门的技术方案实现, 代码的质量也会尽全力做到最优.
结语
路漫漫其修远兮, 吾将上下而求索.
再次感谢大家的鼓励与支持, 我会继续努力, 保持全速更新, 争取早日实现全平台覆盖~
项目地址: https://github.com/cachecats/coderiver
您的鼓励是我前行最大的动力, 欢迎点赞, 欢迎送小星星 ~
来源: https://juejin.im/post/5bf279b751882532f40fcdda