[Daozy] 前端开发者如何参与分布式协作开发

Daozy学院--C++ 语言入门课程

当前课程对应视频：https://www.daozy.net/college/detail?course_id=1&seq=1

1. 拥有一个码云账号

注册：https://gitee.com/

• 通过邀请链接关注我们的项目，成为开发人员：

https://gitee.com/organizations/daozy/invite?invite=a78eae685d214c6b05d76663775f235c6fa3de4c3ac6b4190fc0aa1b9c6eac1e4e96cb5ee092283e

• 项目开源地址：https://gitee.com/daozy

2. WEB开发环境

• 虚拟机VMware 12.0.0以上版本，下载：链接：https://pan.baidu.com/s/1hL876yIRo9EZqjWDPZSlRA 密码：k16k， 内带序列号。
• linux系统，建议centos 7.x, 镜像下载：链接：https://pan.baidu.com/s/1d9GutltYY2M6UUR8FiAWrw 密码：fyis， 虚拟机密码：123456

3. clone代码

• 向负责人申请到相关项目的git地址；
• clone代码。

git clone https://gitee.com/duye/xxx.git

4. 配置环境

进入代码src目录，执行下面的命令

. setenv

5. 启动http服务

进入src/site/bin

./duyeweb

6. 测试

打开浏览器，输入IP地址访问。
如果你的虚拟机地址：192.168.0.136，如果你负责的模块是community

http://192.168.0.136/community/

7. 代码目录结构

1. 作为前端开发者，只需要关心views目录，里面的.ejs文件就是html的模版文件，通过改.ejs文件进行前端开发。
2. 前端开发需求请求的数据可以构造假数据进行填充看效果，实现Vue对象和对应的事件处理ajax请求。
3. 其他目录介绍：

• doc/reference --该目录下有前端模版，可以参考。
• doc/app --是我们该模块的参考原型，在此基础上修改。
• site/bin --http服务启动脚本。
• site/node_modules --node.js依赖模块。
• site/public --放资源文件和静态html文件, 需要放到自己的模块目录下public/community。
• site/routes --服务器访问路由配置。
• site/views --前端页面模版*.ejs文件。
• site/app.js --应用入口配置脚本，总路由配置。
• site/package.json --node.js依赖模块配置。

4. 作为前端开发者，需要关注views和routes目录进行请求和回复。

例如模块community， 在public/community目录下放资源文件， 在routes/community/index.js文件中配置路由和回复请求，在views/community目录下修改.ejs文件进行页面开发。

8. 动手开发

• 在linux服务器上配置samba服务，把代码目录共享出来，启动smb。service smb restart。
• 在windows+R打开cmd窗口，输入\192.168.0.137， 访问虚拟机共享文件。
• 建立网络映射盘，在自己的我的电脑里，可以看到共享磁盘。
• 使用sublime打开代码目录。
• 开启http服务，通过访问浏览器进行调试，建议chrome
• 前端架构建议使用boostrap + jQuery + Vue/React, 这写是基础，可以直接使用基于boostrap构建的现成的模版，加快开发速度。例如doc/referenc目录下，如果有更加全面的模版，欢迎上传。

9. 提交代码

• git 操作自己学了。
• 提交注释一定要写，可以中文，可以英文。

为了加快新进开发人员，快速上手，我会尽快录制视频，讲解如何进行前端开发。

10. 前端和后端开发分离和同步【该功能还在开发中，暂时不影响前端开发】

1. 如果每个前端开发者都拿到所有代码，如果提交出错，会带来大量的代码合并工作。
2. 基于这样的考虑，我们采取前后端分离的开发模式，前端开发者可以在本地跑http服务，进行前端开发，这种不需要和后端交互。
3. 当前端页面开发完毕，需要和后端进行联调时，开始调试模式，本地服务器通过连接远端公网服务器，实现数据同步，这样前端开发者不需要关心后端代码，也不需要配置后端测试数据。
4. 在同步调试前，需要后端已经做好了对应功能的开发和服务提供，通过详细设计文档达成一致进行开发。