SVN & XAMPP环境搭建 & Zentao & Fiddler简单实用

*   1. SVN / Git
    *   下载地址： [http://subversion.apache.org/packages.html](http://subversion.apache.org/packages.html)
        *   VisualSVN-Server（服务端）
            *   [https://www.visualsvn.com/downloads/](https://www.visualsvn.com/downloads/)
          
        *   TortoiseSVN（客户端）
            *   [https://tortoisesvn.net/downloads.html](https://tortoisesvn.net/downloads.html)
          
                *   注意，安装时有个安装commond line 是红色的X，我们应该勾选：Will be installed on hard driver（后面会用到）
                *   检测有没有安装好？
                    *   桌面，右键，出现 SVN checkout，说明客户端已安装好
        *   步骤：
            *   1\. VisualSVN Server 服务器安装
                *   Repository
                    *   存储路径（文件、代码）
                    *   右键，copy url to clipboard (这个地址，就是SVN repository服务器地址）
                *   Users
                    *   创建用户（设置用户名，密码）
                *   Groups
                    *   创建组，不同组添加相关的用户
            *   2\. Tortoisesvn客户端连接SVN服务器
                *   a. 在本机电脑创建目录 c:/test
                *   b. 在c:/test 目录空白处，点击右键，SVN Checkout

                    ![image](http://upload-images.jianshu.io/upload_images/10517060-e5873734aca40186.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

                *   c. 自己在c:/test下新建个文件/目录
                *   d. c:/test空白处，右键，SVN update
                    *   需要输入SVN服务器上创建的用户名和密码
                *   e. c:/test空白处，右键，SVN commit
                *   f. SVN服务器上刷新，就可以看到刚才本地提交的文件/目录
    *   SVN & PyCharm （暂时不介绍，待后续项目中应用再做介绍）


*   2. 环境搭建 ranzhi (web项目，php 语言写的）
    *   Windows上搭建然之项目
    *   什么样的情况下，才叫环境搭建好了？
        *   浏览器可以正常访问到 ranzhi 项目
    *   php 语言写的，对应的应用服务器哪个？
        *   Apache
            *   asp / php / html
        *   Tomcat
            *   jsp
    *   项目数据存放在哪里？
        *   数据库
            *   Mysql
            *   Oracle
            *   DB2
            *   Hive
            *   MongoDB
    *   集成化的工具？
        *   XAMPP
        *   安装XAMPP
            * 网上下载个 XAMPP，安装（比如安装到 c:/xampp）
        *   将ranzhi.zip项目的压缩包解压到 c:/xampp/htdocs 目录下     
        *   默认端口：
            *   80 ：http
            *   443 : https
        *   XAMPP启动Apache 失败（标红）
            *   端口被占用，所以，需要改端口解决
                *   C:\xampp\apache\conf\httpd.conf
                    *   改80
                    *   Listen 80 -> 81
                *   C:\xampp\apache\conf\extra\httpd-ssl.conf
                    *   改443
                    *   Listen 443 -> 4433
                *   改完配置文件之后，一定要记得，重启Apache服务，使其生效
    *   访问然之
        *   打开浏览器，地址栏输入：[http://localhost](http://localhost)[:80]/ranzhi/www
            *   如果端口为80：[http://localhost/ranzhi/www](http://localhost/ranzhi/www)
            *   如果端口不为80（如81）：[http://localhost:81/ranzhi/www](http://localhost:81/ranzhi/www)
                *   url通用写法：
                    *   http:// https://
                    *   域名 / IP 地址
                        *   localhost 本机域名
                        *   127.0.0.1 本地IP
                            *   比如 [www.baidu.com](http://www.baidu.com)/ 14.215.177.39
                    *   端口号
                        *   默认端口如果是80.则不用写 :80
                        *   除了80以外，都要加上 :端口号
                    *   项目相对路径
                        *   xampp/htdocs/
                            *   http://localhost:81/
                        *   xampp/htdocs/ranzhi/www
                            *   http://localhost:81/ranzhi/www
    *   Q:
        *   怎么知道 ranzhi 项目是存放在 c:/xampp/htdocs 目录下？
            *   配置文件里有说明
                *   C:\xampp\apache\conf\httpd.conf
                *   搜索 DocumentRoot

                    ![image](http://upload-images.jianshu.io/upload_images/10517060-c1e42e56eddb9a35.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

    *   Q: 在c:/xampp/a/b/hello.php
        *   hello.php内容为:
            *   
        *   要求： 能够通过Apache服务器，在浏览器中访问hello.php


*   3. 禅道
    *   项目管理、 测试管理工具
    *   Q: 开发1个大型项目，一般需要哪些人员？
        *   业务人员 （产品经理）
            *   负责对外：跟客户沟通，了解客户需求
            *   对内，公司开发，测试人员沟通，协调
        *   项目经理
        *   开发组
            *   开发组长
                *   开发人员A
                *   开发人员B
                *   开发人员C
        *   测试组
        *   测试组长
            *   测试人员A
            *   测试人员B
            *   测试人员C
        *   UI设计
        *   运维
        *   QA
    *   安装禅道
        *   下载个安装包 ZenTaoPMS.9.1.1.zip
        *   [http://localhost:81/zentaopms/www/](http://localhost:81/zentaopms/www/)

    *   测试人员工作流程
        *   需求 -> 分析需求，编写测试计划、验收标准 -> 编写测试用例 -> 评审会 -> 搭建测试环境 -> 执行测试 -> 发现Bug,提交Bug -> （开发修复Bug）验证Bug是否修复 -> 编写测试报告

    *   Bug生命周期（TAPD为例）

        ![image](http://upload-images.jianshu.io/upload_images/10517060-a87251be5f1e4069.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)


*   4. 相关工具推荐
    *   [https://www.processon.com/](https://www.processon.com/)在线画图工具
    *   [https://www.xmind.cn/xmind8-pro/](https://www.xmind.cn/xmind8-pro/) xmind思维导图
    *   截图工具： Snipaste
    *   超级记事本： notepad++

*   5. Fiddler 抓包工具
    *   网上下载个安装包
        *   PC 网页抓包
        *   手机网页抓包
            *   Fiddler 简介
                *   Fiddler是一款非常流行并且实用的http抓包工具，它的原理是在本机开启了一个http的代理服务器，然后它会转发所有的http请求和响应
                *   支持：PC端 & 手机端 的抓包
            *   一些概念：
                *   代理：
                    *   代理（英语：Proxy），也称网络代理，是一种特殊的网络服务，允许一个网络终端（一般为客户端）通过这个服务与另一个网络终端（一般为服务器）进行非直接的连接。一些网关、路由器等网络设备具备网络代理功能。一般认为代理服务有利于保障网络终端的隐私或安全，防止攻击。提供代理服务的电脑系统或其它类型的网络终端称为代理服务器（英文：Proxy Server）。
            *   抓包的重要性：
                *   随着WiFi无线网络的普及，除了政府部门推出的公共信号，各类商家也都提供此类服务，以给客户更好的体验。在本市不少咖啡馆、餐厅、宾馆、商场等消费场所，使用免费的WiFi，已经成为很多人的习惯。然而，不久前，家住闸北区的李小姐却碰到一件蹊跷事。她在一家星巴克 上网时， 发现一个名为“starbucks2”的无线网络连接，无需输入密码即可使用。她使用手机登录后进入淘宝浏览购物，在网银支付后不久就发现密码被盗，所幸账户内余额不多，没有造成大的损失。事后，李小姐才得知，该WiFi信号并非商家提供，而是不法分子设置的相似名称的钓鱼WiFi，目的就是套取用户的隐秘信息。
            *   抓包数据利用:
                *   黑客通过这些无线网络“钓取”密码，躲在一些有WiFi覆盖的公共区域，把私设的WiFi密码设备连到笔记本电脑上，再冠以和真实免费WiFi相似的名字，然后守株待兔。一旦有粗心用户将上网设备连接到这个WiFi，便成了被攻击的目标。搭建钓鱼WiFi其实很简单，用一台能上网的笔记本电脑做“热点”，在笔记本电脑上安装好嗅探软件，当有手机连接上“热点”并上网，该手机所有的上网数据通过“热点”传到因特网，嗅探软件复制手机用户所有上网数据并解密，手机用户浏览过的网站，登录的账号、密码，聊天记录全部都能被“钓鱼者”看到。用户的账号被盗分两种：网站加密性不高时，直接被不法分子破解；安全系数高的网站，如银行、支付宝等网站，黑客则会引导用户到山寨钓鱼网站，从而获取账号和密码。
            *   安装Fiddler                
                *   下载链接： [http://fiddler2.com/get-fiddler](http://fiddler2.com/get-fiddler)
            *   Fiddler 淘宝账号密码抓取

                ![image](http://upload-images.jianshu.io/upload_images/10517060-bbb9b974f5463a1c.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

            *   Fiddler监控PC端浏览器的请求响应信息

                ![image](http://upload-images.jianshu.io/upload_images/10517060-a3b594642029ba0c.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

                ![image](http://upload-images.jianshu.io/upload_images/10517060-d58abc69e0cb7ff8.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

                *   这样就抓取数据包成功了，这个对于我们后面进行网络数据请求的调试有很大的帮助，我们可以通过这个方法来判断我们请求网络是否成功！ 

                    ![image](http://upload-images.jianshu.io/upload_images/10517060-e007d77881d85fc7.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

                    ![image](http://upload-images.jianshu.io/upload_images/10517060-ef2c6954a7e19fec.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

                    ![image](http://upload-images.jianshu.io/upload_images/10517060-081a6ecf0f09407e.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

                *   ![image](http://upload-images.jianshu.io/upload_images/10517060-1b2a9d101f2f15f8.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

                    ![image](http://upload-images.jianshu.io/upload_images/10517060-834908f8de35628c.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

                    ![image](http://upload-images.jianshu.io/upload_images/10517060-387122c8b1dabfc4.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

            *   Fiddler 连接 Android设置：
                *   Fiddler设置

                    ![image](http://upload-images.jianshu.io/upload_images/10517060-a616eec8688f155d.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

                    ![image](http://upload-images.jianshu.io/upload_images/10517060-bc53452379bce5a5.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

                    ![image](http://upload-images.jianshu.io/upload_images/10517060-8c959bc17e843ba6.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

                *   Android手机设置：

                    ![image](http://upload-images.jianshu.io/upload_images/10517060-fc3dafa17cf9ed16.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

                    ![image](http://upload-images.jianshu.io/upload_images/10517060-8f66259798207671.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

                    ![image](http://upload-images.jianshu.io/upload_images/10517060-fd00c527e99bd5c3.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

                    ![image](http://upload-images.jianshu.io/upload_images/10517060-d5d8de69eef0d006.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

            *   设置完之后，重启Fiddler
                *   如果不重启，有可能会造成手机设置代理后，手机上不了网的情况
            *   手机上登录12306,使用Fiddler查看登录的账号密码信息

                ![image](http://upload-images.jianshu.io/upload_images/10517060-a72d8e077cf081d7.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

                *   GET [https://kyfw.12306.cn/otn/login/init](https://kyfw.12306.cn/otn/login/init)HTTP/1.1 登录页面（提示输入登录名， 密码的页面）
            *   使用Fiddler查看接口请求响应：[http://www.kuaidi100.com/query?type=yunda&postid=3831214636169](http://www.kuaidi100.com/query?type=yunda&postid=3831214636169)query(type,postid)

                ![image](http://upload-images.jianshu.io/upload_images/10517060-cf03df66dc8b581a.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

                ![image](http://upload-images.jianshu.io/upload_images/10517060-ecd65c2c042a2913.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

                ![image](http://upload-images.jianshu.io/upload_images/10517060-e8572ab0f212b84e.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)