开发环境配置 ============ > 前端开发人员暂时可以忽略本章的内容 > 本配置适用于使用CENTOS 7系统，使用PHP作为后端开发语言 本教程拟以软件公司小型项目开发为应用场景，介绍团队合作开发所使用的工具、环境，通过学习，使学生或者新员工能够快速的融入开发团队接手正式的项目开发工作。 - 关于手册的改进和技术支持加QQ群：631951344 交流，我是群主青伢子（1024343803）。 本教程适用于以ThinkPHP为开发技术的团队。 本指南不是百科全书，不包含过于基础的内容，但是提供学习资源的链接方便基础较差的同学自行补充。指南是我们在学生团队培训过程和作为课程讲义的基础上的总结，如有错误或者侵权，请及时联系我们商榷处理（Email:qingsognzeng\@163.com）。 # 概述 本教程介绍开发环境的结构。项目组开发程序员使用的开发机器安装Windows7/8/10系统，开发工作在本机通过虚拟化软件安装CentOS7系统，确保代码能够在LINUX环境下正常运行。正式部署的服务器使用独立主机或者阿里云主机，安装CentOS7系统。 ## 名词解释 - 宿主计算机：指开发人员的计算机，一般要求配置8GB以上内存，最好是固态硬盘，能够运行VMWare虚拟化软件。 - 开发服务器：一般指在宿主计算机上安装的虚拟服务器，使用虚拟域名开发，建议使用CentOS 7。 - 部署服务器：指向运营商IDC租赁的服务器或者云主机，部署实际的域名，安装CentOS7系统，不建议使用Windows服务器。 ## ## 宿主计算机配置 宿主计算机指程序员使用的物理计算机，安装Windows系统，建议Windows 7/8/10。宿主计算机安装腾讯QQ浏览器（<http://browser.qq.com/>）及相关的插件用于测试程序，主要插件： 1. SocketLog：SocketLog是FirePHP和ChromePHP的替代者，不仅能做ajax调试，还能做API调试。服务器安装相应的socketlog-server Nodejs模块组建测试环境。 2. Xdebug helper：Easy debugging, profiling and tracing extension for Xdebug 3. 开发常用工具(Develop Tools)：开发常用工具：Unix时间戳、URL编码/解码、汉字转换拼音、ip地址查询、加密(MD5,MD4,SHA1)、BASE64编码/解码 安装的插件列表如图所示。 开发服务器配置 -------------- 在宿主计算机上使用VMware安装虚拟机，安装带GUI的CentOS 7服务器版本最小化安装, 安装宝塔LINUX面板、PHP Storm集成开发环境，使用GIT管理代码。 测试服务器配置 -------------- 测试服务器的配置与开发服务器的配置基本相同，安装带GUI的CentOS 7服务器版本最小化安装，安装 VNC SERVER+NodeJS，需要配置Socketlog服务器调试微信和API程序，远程部署的服务器最好和开发机器一致，大部分的代码编辑在本地的开发环境中调试，涉及到微信的放到远程服务器上，使用GIT管理代码，使之同步。 正式部署环境，安装基本的LINUX系统、宝塔LINUX面板，不安装图形界面以提高性能。 网络配置 -------- 项目开发在本地完成，在部署到测试服务器测试之前本地使用虚拟的DNS解析模拟正式运行环境，使用域名访问系统。由于APP和微信公众号必须在公网配置才能完成测试，因此需要配置测试服务器，测试服务器的网络环境与本地的开发机尽可能保持一致，这样本地开发服务器和测试服务器只需要通过GIT保持代码一致就可以快速迁移和同步。 ### 开发服务器 需要修改host文件:/etc/hosts，增加对虚拟域名的解析，假设虚拟的域名为dev.zengqs.com。 \$vi /etc/hosts 增加以下一行 192.168.212.129 dev.zengqs.com 修改/www/wwwroot/目录的权限为：777，使用PHP Storm从GIT服务器将代码迁出到/www/wwwroot/opensns-v3。通过宝塔面板建立网站，域名为：dev.zengqs.com，指向/www/wwwroot/ opensns-v3，测试保证浏览器可以通过域名直接访问。 ### 宿主计算机 需要修改hosts文件，增加对虚拟域名的解析。 C:\\Windows\\System32\\drivers\\etc\\hosts 增加以下一行，假设服务器的IP为：192.168.212.129，解析的域名为：dev.zengqs.com 192.168.212.129 dev.zengqs.com 测试保证浏览器可以通过域名直接访问 图1 开发机器网络环境示意图 # CentOS 7的安装与配置 ## CentOS 7的安装 CentOS（Community ENTerprise Operating System）是Linux发行版之一，它是来自于Red Hat Enterprise Linux依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码，因此有些要求高度稳定性的服务器以CentOS替代商业版的Red Hat Enterprise Linux使用。两者的不同，在于CentOS并不包含封闭源代码软件。 CentOS 7下载地址：<http://mirrors.hust.edu.cn/centos/7.0.1406/isos/x86_64/> 安装的时候选择最小安装，作为服务器使用一般不需要安装GUI界面，以提高服务器的性能。后面配置LAMP需要一个干净的系统，避免安装软件与集成包冲突。  在安装的过程中设置好网络，否则后面需要手动设置网络  使用Xshell（<http://www.netsarang.com/>）链接到服务器，安装之后执行:\$yum update更新数据库。  # 将用户加入到sudoers列表 假设当前操作用户为zengqs。需要将将当前操作用户zengqs加入到sudoers列表。 sudo的用户列表存放在 /etc/sudoers 文件中。默认情况下该文件为只读，不能修改。 1. su 一下，提升到root用户。 2. 执行visudo打开/etc/sudoers文件 3. 找到 root ALL=(ALL) ALL 这一行。 在命令模式下 yy 复制，再 p 一下粘贴。 4. 把新行中的root 改成 你想要使用sudo的用户 zengqs ALL=(ALL) ALL GNOME界面的安装及远程连接 在最小安装的基础上增加图形界面GNOME。远程服务器安装了CentOS 7，最小安装，没有GUI，而现在需要安装一个GUI环境来安装PHPStorm程序。 # 安装GNOME桌面环境 ``` yum -y groups mark install "GNOME Desktop" ``` 完成安装后输入如下所示的命令，需要登录物理计算机才能执行GNOME（后面介绍如何远程连接服务器GUI界面）： ``` startx ``` 这个命令会启动GNOME桌面环境。对于首次启动，初始设置功能会运行，您必须进行首次使用的配置。 # VNC Server的配置 * Step 1: 在CentOs7上安装Tigervnc-server * Step 2: 使用VNC Client连接到CentOS桌面 首先试试服务器是否已经安装VNCServer ``` rpm -q tigervnc tigervnc-server ``` 没安装的话会直接出现 ``` package tigervnc is not installed package tigervnc-server is not installed ``` 参考以下教程 https://www.jianshu.com/p/105882b83706 **1.**安装Tigervnc-server 同个用户可以通过多个客户端使用VNC会话。在CentOS7上安装**Tigervnc-server**请打开终端，使用root用户权限安装： ``` sudo yum -y install tigervnc-server ``` **2.**安装完毕后，切换到你想使用**Tigervnc-server**的用户，然后使用下列命令对VNC设置密码，需要注意的是密码长度必须为6位以上： ~~~ su - your_user vncpasswd ~~~ 系统提示： ~~~ [aukuno@localhost ~]$ vncpasswd Password: Verify: Would you like to enter a view-only password (y/n)? n A view-only password is not used ~~~ **3.** 接下来，在系统配置文件路径下为你的用户添加一个VNC服务配置文件（daemon configuration file）。需要注意的是拷贝至系统路径需要root权限。 加入当前用户不具有root权限，请切换到root用户(`su - root`)或者使用以下命令： ~~~ sudo cp /lib/systemd/system/vncserver@.service /etc/systemd/system/vncserver@:1.service ~~~ **4.** 下一步，编辑从系统路径（**/etc/systemd/system/**）拷贝过来的VNC的模板配置文件。将其中的用户名改为你的用户名。 （注意） 在 **@**后面的数字**1**表示的是显示界面的序列号，对应的端口是port **5900+序列号**。对于每一个启动的vncserver服务，端口号**5900**会自增**1**。 ~~~ sudo vi /etc/systemd/system/vncserver@:1.service ~~~ 添加下列行到`vncserver@:1.service` ~~~ [Unit] Description=Remote desktop service (VNC) After=syslog.target network.target [Service] Type=forking ExecStartPre=/bin/sh -c '/usr/bin/vncserver -kill %i > /dev/null 2>&1 || :' #my_user是你想使用VNC Server的用户名 ExecStart=/sbin/runuser -l my_user -c "/usr/bin/vncserver %i -geometry 1280x1024" #my_user是你想使用VNC Server的用户名 PIDFile=/home/my_user/.vnc/%H%i.pid ExecStop=/bin/sh -c '/usr/bin/vncserver -kill %i > /dev/null 2>&1 || :' [Install] WantedBy=multi-user.target ~~~ **5.** 添加完毕后，重新运行系统systemd的初始化程序以便使新的配置文件生效，然后重启TigerVNC server 与此同时，检查VNC service的状态同时启用VNC daemon system-wide。 ~~~ sudo systemctl daemon-reload sudo systemctl start vncserver@:1 sudo systemctl status vncserver@:1 sudo systemctl enable vncserver@:1 ~~~ 开启端口 > 必须打开防火墙的端口，否则VNC客户端无法连接服务器 ``` firewall-cmd --zone=public --add-port=5900-6900/tcp --permanent ``` # CentOS 7 开放防火墙端口 命令 使用方法如下： 关闭防火墙 ``` systemctl stop firewalld.service             #停止firewall systemctl disable firewalld.service        #禁止firewall开机启动 ``` 开启端口 ``` firewall-cmd --zone=public --add-port=80/tcp --permanent ```  命令含义： --zone #作用域 --add-port=80/tcp #添加端口，格式为：端口/通讯协议 --permanent #永久生效，没有此参数重启后失效  重启防火墙 ``` firewall-cmd --reload ``` 常用命令介绍 ``` firewall-cmd --state                           ##查看防火墙状态，是否是running firewall-cmd --reload                          ##重新载入配置，比如添加规则之后，需要执行此命令 firewall-cmd --get-zones                       ##列出支持的zone firewall-cmd --get-services                    ##列出支持的服务，在列表中的服务是放行的 firewall-cmd --query-service ftp               ##查看ftp服务是否支持，返回yes或者no firewall-cmd --add-service=ftp                 ##临时开放ftp服务 firewall-cmd --add-service=ftp --permanent     ##永久开放ftp服务 firewall-cmd --remove-service=ftp --permanent  ##永久移除ftp服务 firewall-cmd --add-port=80/tcp --permanent     ##永久添加80端口  iptables -L -n                                 ##查看规则，这个命令是和iptables的相同的 man firewall-cmd                               ##查看帮助 ``` --------------------- 作者：achang21 来源：CSDN 原文：https://blog.csdn.net/achang21/article/details/52538049 版权声明：本文为博主原创文章，转载请附上博文链接！ --------------------- 原文：https://blog.csdn.net/achang21/article/details/52538049 ### Windows使用VNC Viewer连接服务器 Windows 7可以使用VNC Viewer远程连接到CentOS 7服务器，需要服务器配置VNC Server。注意填写VNC Server的端口为服务器配置的VNC Server端口号。  远程连接到CentOS服务器GUI，执行PHPStorm。  ### LINUX连接远程无图形服务器 **使用ssh登录远程主机，并在本地打开远程图形界面，**适合开发机器是LINUX环境。开发机器是Windows直接使用VNC Viewer链接服务器就可以。 1. 修改本机/etc/ssh/sshd_config文件，设置允许TCP转发和X11转发 AllowTcpForwarding yes X11Forwarding yes 2. 登录无图形远程主机，并允许图形转发 \$ssh -q -X user\@remotehost 例如登录我们的远程测试服务器 \$ssh -q -X root\@ 119.147.44.180 然后输入root的密码 3. 测试是否成功 \$gedit & 以上提到的本机环境为CentOS 7，远程机器为CentOS 7 # WebStorm的安装与配置 官网使用wget命令下载PhpStorm最新的包，然后使用tar命令解压缩，然后将解压出来的目录移动到你喜欢的目录，如/usr/local/phpstorm，最后记得更改phpstorm的启动脚本phpstorm.sh的执行权限为777，方便其它组的用户也可以使用。 使用浏览器等工具下载WebStorm的最新版本，保存到本地，进入目录运行Shell终端 ```bash tar -zxf WebStorm-xxx.tar.gz mv WebStorm-xxxx  /usr/local/webstorm ``` 进入目录，启动图形界面，进行配置 ```bash cd /usr/local/webstorm/bin chmod 777 webstorm.sh ./webstorm.sh ``` 启动webstorm ```bash cd /usr/local/phpstorm/bin/ sh webstorm.sh ``` 开始安装，根据运行提示，激活服务器。 创建桌面快捷方式 可以通过启动WebStorm之后通过菜单操作实现, * 【Tools / Create Command-line Launcher】创建命令行启动符号链接， * 【Tools / Create Create Desktop Entry】创建桌面快捷方式。 # 配置 LAMP开发环境 1. 宝塔Linux面板的安装与配置 如果是远程服务器，使用Xshell远程连接到CentOS7服务器（最小化安装，带GUI的服务器，因为宝塔面板要求不能装过Apache,PHP等任何版本，已经装过可能存在配置文件导致安装失败）  安装宝塔LINUX面板 Linux版请确保纯净系统安装(支持CentOS、Ubuntu、Debian、Fedora、deepin)，Web端管理，支持一键创建网站、FTP、数据库、SSL；安全管理，计划任务，文件管理，PHP多版本共存及切换；自带LNMP与LAMP，官方网站：<https://www.bt.cn/> CentOS 7下安装面板，首先通过yum安装wget命令，然后下载宝塔面板的安装脚本在线安装。 \$yum install -y wget \$wget -O install.sh http://download.bt.cn/install/install.sh && sh install.sh 启动面板：<http://youripaddress:8888> 例如：http://119.147.44.180:8888 自动弹出安装选择LAMP，初次安装建议选择极速安装，编译安装需要太多的时间。  1. nodejs+npm+socketlog-server安装 # 使用命令行安装 当前使用的是Centos7，首先在官网查看当前最新的版本，以下操作最好切换到root账号。 **安装方法：** Run as root on RHEL, CentOS or Fedora for Node.js 8: Node.js v8.x安装命令 ``` curl --silent --location https://rpm.nodesource.com/setup\_8.x | bash - ``` Then install, as root: yum安装node.js ``` yum -y install nodejs ``` To compile and install native addons from npm you may also need to install build tools: yum install gcc-c++ make #### 配置npm 安装完node后建议设置npm镜像以加速后面的过程。 - 注意：不要使用cnpm！cnpm安装的模块路径比较奇怪，packager不能正常识别！ sudo npm config set registry https://registry.npm.taobao.org --global sudo npm config set disturl https://npm.taobao.org/dist --global 定制的 cnpm 命令行工具安装脚本: npm install -g cnpm --registry=https://registry.npm.taobao.org 升级npm本身 npm install npm -g  **安装socketlog-server包** 需要将socketlog-server包安装到全局缓存 \$npm install -g socketlog-server Shell终端启动socketlog-server，启动之后的画面如图所示。 \$socketlog-server  ### 服务器Xdebug配置 PHP服务器安装xdebug扩展  配置文件修改一下（使用宝塔面板完成），紧挨着xdebug.so一行增加： zend_extension=/www/server/php/56/lib/php/extensions/no-debug-non-zts-20131226/xdebug.so xdebug.remote_enable=1 xdebug.remote_handler="dbgp" xdebug.remote_host="127.0.0.1" xdebug.idekey="PHPSTORM" xdebug.remote_port=9000  本地Windows 7系统在QQ浏览器或者Firefox浏览器安装xdebug插件 ### PHPStorm的安装与配置 官网使用wget命令下载PhpStorm最新的包，然后使用tar命令解压缩，然后将解压出来的目录移动到你喜欢的目录，如/usr/local/phpstorm，最后记得更改phpstorm的启动脚本phpstorm.sh的执行权限为777，方便其它组的用户也可以使用。 \$wget <https://download.jetbrains.8686c.com/webide/PhpStorm-2017.3.tar.gz> \$tar -zxf PhpStorm-2017.3.tar.gz \$mv PhpStorm-xxxx  /usr/local/phpstorm \$cd /usr/local/phpstorm/bin \$chmod 777 phpstorm.sh \$./phpstorm.sh 开始安装，根据运行提示，激活服务器填写：http://idea.iteblog.com/key.php 建立符号链接 \$ln -s /usr/local/phpstorm/bin/phpstorm.sh  /usr/local/bin/pstorm  建立符号链接这一步也可以通过启动PHPStorm之后通过菜单操作实现,【Tools / Create Command-line Launcher】创建命令行启动符号链接，【Tools / Create Create Desktop Entry】创建桌面快捷方式。这个功能在Windows版本的PHPStorm中没有。  启动phpstorm \$cd /usr/local/phpstorm/bin/ \$sh phpstorm.sh 或者直接使用符号链接： \$pstorm 也可以通过界面操作【应用程序 / 编程 / PhpStorm】   #### Xdebug配置 PHP Storm中，进入设置页面【File / Settings】  填写Xdebug的端口，默认是9000  配置DBGp Proxy参数，IDE key固定为PHPSTORM，Host可以填写localhost或者服务器的域名，端口填写默认值9000。  配置服务器参数，注意端口为80  前端通过浏览器访问需要调试的页面，启动Xdebug调试模式，并在后台代码设置断点。  后台设置断点，程序会执行到断点停下来，出现调试界面，可以执行但不调试或者查看变量的值。  #### 使用GIT管理项目文档 从版本服务器中签出代码到本地编辑。  填写Git服务器的项目地址、本地保存的目录名称等信息，执行Clone按钮完成克隆项目的工作。  通过【VCS / Git】可以完成Git的大部分操作。大部分操作可以通过Project中使用鼠标右键完成。 | 菜单项 | 功能描述 | |------------------|----------------------------------| | Commit Directory | 提交指定的目录到版本管理器 | | Add | 将一个文件或者目录添加到版本管理 | | Pull | 从远程服务器拉取最新的版本 | | Push | 将本地的代码推送到远程服务器 | | | |  ### Visual studio Code安装与配置 Visual Studio Code是微软推出的免费代码编辑器，可以用于编辑调试程序，支持主流的编程语言。Linux下的安装指引可以参考以下文献： ``` https://code.visualstudio.com/docs/setup/linux#_rhel-fedora-and-centos-based-distributions ``` We currently ship the stable 64-bit VS Code in a yum repository, the following script will install the key and repository: ~~~ sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc sudo sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/yum.repos.d/vscode.repo' ~~~ 更新系统并安装Visual studio code ~~~ yum check-update sudo yum install code ~~~ - 执行命令code可以打开vscode，建议不要以root身份运行。 ``` code ``` 下载最新的开源的VS Code开发工具，然后安装VSCode的PHP Project插件，安装界面如图所示  #### 配置PHP执行文件的路径 打开菜单文件-\>首选项-\>设置，如图所示  选择PHP节，选中php.validate.executablePath按编辑按钮，会在右侧的用户自定义的配置中，复制改项目，设置php执行文件的路径,同时增加一个项目"php-project.automaticRestart":true使得当程序目录更改时可以自动重启服务器，以方面调试程序。 { "php-project.automaticRestart": true, "php-project.executablePath": "/www/server/php/56/bin/php", "php.validate.executablePath": "/www/server/php/56/bin/php" } 最终的配置界面：  创建一个项目，测试配置文件是否正确工作 在合适的位置新建一个文件夹（建议不要用中文），然后使用VSCode打开这个文件夹，用工具新建一个index.php文件，在文件中输入如下的内容： “//”开始的是注释行，可以不用输入 \<?php //控制输出的文件编码，设置为utf-8编码 header("Content-Type: text/html; charset=utf-8"); //使用echo语句向控制台输出一行文字 echo "你好，我的第一行PHP代码。"; 然后在编辑器空白的地方点击鼠标右键，选择在当前目录启动PHP服务器，意思是把当前目录作为PHP网站的根目录。如图所示：  控制台输出： PHP server running with /home/zengqingsong/Documents/phpbeginner/Lesson01/src as root directory. Reach server using localhost:3000 意思是当前网站运行为localhost的3000端口。 在浏览器中输入：http://localhost:3000,可以看到最终的运行结果。 #### **安装PHP Debug工具**  #### 启动调试 通过菜单【调试 / 启动调试】打开调试窗口，选择PHP配置文件，注意端口号为9000。 { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ { "name": "Listen for XDebug", "type": "php", "request": "launch", "port": 9000 }, { "name": "Launch currently open script", "type": "php", "request": "launch", "program": "\${file}", "cwd": "\${fileDirname}", "port": 9000 } ] }  配置WAMP环境 ------------ - Windows下建议使用PHPStudy相对来说容易使用一些。 - Windows环境下的PHPStorm和vscode的安装相对简单，配置和Linux环境大同小异，不再单独介绍 1. PHPStudy集成开发环境 PHPStudy该程序包集成最新的Apache+Nginx+LightTPD+PHP+MySQL+phpMyAdmin+Zend Optimizer+Zend Loader，一次性安装，无须配置即可使用，是非常方便、好用的PHP调试环境。该程序有专门的控制面板。总之学习PHP只需一个包。全面适合 Win2000/XP/2003/win7/win8/win2008 操作系统 ,支持Apache、IIS、Nginx和LightTPD。 下载地址：<http://phpstudy.net/> 相关网站：<http://www.php.cn> 安装使用教程：<http://www.php.cn/toutiao-362382.html> - 对学习PHP的新手来说，WINDOWS下环境配置是一件很困难的事；对老手来说也是一件烦琐的事。因此无论你是新手还是老手，该程序包都是一个不错的选择。 1. 使用宝塔面板Windows版本 参考官方网站下载安装，使用上和Linux版本基本一致。