webstorm项目运行到apache服务器

迷南。 2022-06-17 01:16 243阅读 0赞

学习ajax，php的时候用到apache，不舍放弃webstorm。百度搜了很多webstorm部署到apache服务器的案例，but没有看到能正常运行的。查资料整合了一下，终于能看到了正常的表单。  
我的apache不是单独下载的服务器，是xampp.

1、command+, 调出webstorm的preferences。或者直接选择webstorm的preferences。  
![preferences][]

2、搜索deployment。  
![deployment][]

3、点击+号，name可以自己随意取，type选择local or mounted folder  
![name][]

4、connection里面填写2项：  
（1）upload/download project file：apache 相应目录地址（即使不做任何配置，把写好的html和php放到这里面，不用任何设置就可以进行页面的查看，现在对webstorm进行配置，这里填的就是这个路径）。  
（2）browse file on server:运行地址（我的apache端口号是80,所以我写的是80，不同人设置的端口号不一样，可按需更改）。  
![这里写图片描述][SouthEast]

5、mappings里面填写2项：  
（1）local path:要部署的文件夹地址：（就是webstorm要运行的项目目录）  
（2）deployment path on server ‘apache’(relative to folder ‘/applications/xampp/htdocs’):  
部署到对应的文件夹。  
因为我在connection里就写了完整的文件夹，所以这里写个\\就可以了。  
![这里写图片描述][SouthEast 1]

6、exclude paths: 可以设置哪些文件可以不被上传（我暂时没有设置这个，这个可以不填）  
![这里写图片描述][SouthEast 2]

7、webstorm的tools选择deployment，选择upload to apache。将项目上传到apache，这样点浏览器就可以运行了。  
如果不想每次都传的话，可以选择automatic upload.  
![这里写图片描述][SouthEast 3]

8、点击浏览器的小按钮，出现页面，运行成功。  
输入员工编号101时，点击查询，service.php的status为200(没有出现恐怖的404)，大功告成！！！  
![这里写图片描述][SouthEast 4]

二、注意：  
1、如果已经将xampp里的项目配置到另一个文件夹了。比如已经按http://blog.csdn.net/asuncat/article/details/70597799 这样配置过了。  
（1）则第4步里的upload/download project file，填写的应该是/Users/yquanmei/ee  
（2）这样电脑端需要upload to apache才能看到效果，但是手机端输入电脑ip之后，点击相应的文件就可以直接查看效果了。

[preferences]: /images/20220617/cf103a49963745e0a95106a46ac20b9e.png
[deployment]: /images/20220617/b6d07e77372043f3850ebcf0f8a9373d.png
[name]: /images/20220617/e9244ab7d4454afe9b61eb0078f9b9f2.png
[SouthEast]: /images/20220617/52068eae32d8498e86e96fe114c58da6.png
[SouthEast 1]: /images/20220617/bf76dda3a281477abbd1482ea83f4cbd.png
[SouthEast 2]: /images/20220617/fc67bb4c7a0c4edf92c64e4a0912c715.png
[SouthEast 3]: /images/20220617/57a959778d0b419e98e3358cda359950.png
[SouthEast 4]: /images/20220617/6de64d5993db431080056044a399b094.png