wampserver+hbuilder+花生壳 搭建外网可访问网站

一、wampserver篇

1、下载：

注意：官网上的dl按钮下载下来的不是完整版本的工具，具体操作方法见：

http://www.cnblogs.com/Sabre/p/6728818.html

2、安装：

（1）没什么特别要讲究的，一路next即可

（2）安装结束后，电脑任务栏右下角出现wampserver图标且为绿色即表明安装结束且服务正常开启。

（3）关闭防火墙，浏览器（推荐chrome）中输入localhost出现wampserver主界面即表明成功安装。

3、MySql密码修改：

（1）修改mysql默认用户名、密码（默认为：root，无密码）

左键单击wampserver运行图标-》MySql-》MySql控制台-》依次输入（命令-》返回值）：

a、use mysql-》database changed

b、update user set password=PASSWORD(‘your pwd’) where user=’your name’;

新版本wampserver有变动：

update user set authentication=PASSWORD(‘your pwd’) where user=’your name’;

（update user set authentication_string=password(‘your pwd’) where user=’your name’;）

-》query ok

c、flush privileges-》

d、quit

完成上述步骤MySql密码即修改完成

4、php代码调试，需开启xdebug，如下图所示：

5、设置 输入localhost后主界面的显示（后续用花生壳映射地址显示的页面）

打开 httpd.conf，如下图所示，找到DirectoryIndex index.html，修改index.html为你想要文件名，比如my.php。如果你想添加多个首页文件，可以用空格隔开，文件的前后顺序就是首页文件读取的优先度。

二、HBuilder篇

1、下载+安装：

没什么注意项，官网下载一路next安装即可

2、php代码调试：

工具-》插件安装-》Aptana PHP-》安装

php代码左侧栏添加断点，右键-》调试方式-》php server。

3、快捷键设置及修改：

工具-》选项-》左上角输入框：快捷键-》右侧框找到自己所需类别修改快捷键

整理格式：ctrl+shift+f

4、调试

右上角下拉选项可以选择不同的模式，边看边改即可以试试看到js/html/php代码修改后的效果及作用

phpserver调试后会出现调试视图，F6单步调试，F5运行到下一断点。

三、花生壳篇

内网端口映射+内网穿透，参考官网教程

http://service.oray.com/question/1712.html