開發環境配置 ============ > 前端開發人員暫時可以忽略本章的內容 > 本配置適用于使用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版本基本一致。