让外网和局域网可以通过手机和PC可以访问本地的axure原型！

最近还是有看见一些人在问，怎么让手机可以访问Axure原型，有的说生成chm，不过感觉chm在手机上面看，感觉就是不怎么样！除了它便捷！
我自己的做法是这样的！推荐一些我在用的免费软件！

一. 运行平台：Win7x64

二. 工具：WAMP（Windows Apache Mysql PHP） ; 金万维（或者花生壳）

三. 原理：通过搭建域名让其可以访问到本地搭建好的服务器！（有了解过的话，就直接下载软件安装就行了！）

四. 下载地址：

WAMP（有提供32位和64位的）
http://www.wampserver.com/en/#download-wrapper

youketao

金万维：
http://www.gnway.com/prod/gnhost/download.phtml

youketao

五. 安装步奏（跟平常安装软件一样，我就只写只写关键点！）

WAMP

1. wamp默认是安装在c:\wamp，建议更改！
2. wamp安装时，会有个提示说安装火狐Firefox（不需要的话，就直接选择否）
3. 安全软件会有提示说有两个服务（wampapache 和 wampmysqld）
4. 到最后一步，会有提示说是否需要设置mail，直接无视，下一步，以后有需要的话，再去配置修改下！
5. 安装好了之后，在浏览器输入 http://127.0.0.1/ 或者 http://localhost/ 访问下本地的wamp，看是否已经启动的服务了！
   
   

   youketao

金万维

安装好之后，会提示说是否作为系统服务运行，是的话，会开始自启动，不需要的话，就直接点击取消!（注：在注册账号的时候，他需要验证手机号，接受不了的话，就换别的！）

youketao

六. 软件设置

wamp一些设置：

1. 软件语言设置：

   
   
   

   4.jpg
2. 在右下角的软件图标，鼠标左击切换为在线状态！（在线状态，除了本机访问外，还可以让局域网进行访问）
3. 将根目录（即wamp文件夹下面的www目录）【我的是 D:\Program Files\wamp\www】中的文件全部删除，（默认没有更改安装路径的是c:\wamp\www）

4. 在axure进行发布的时候，把存放HTML文件的目标文件夹，更改为 www根目录（X:***\wamp\www）

   
   
   

   youketao

5. 在www根目录下，可以看到，刚刚生成的文件

   
   
   

   youketao.jpg
6. 然后打开本地访问地址，http://127.0.0.1/ 或者 http://localhost/

7. 手机和PC都可以通过IP地址（如 http://192.168.1.100；
   若是有出现原型加载跟PC端的不一致，看是否手机浏览器设置为手机版的）
   （IP地址不会的查看与设置的，网上搜索一大把教程！）

   
   
   

   youketao.jpg
8. 需要多个原型在里面的话，就在生成原型的时候，多建立个文件夹就行了！

到了这一步，这时，只要是在同一个局域网，就可以通过手机和PC进行访问了，需要外网也可以访问的话，就需要用到金万维进行域名解析了

---

金万维设置

金万维就是一个域名解析软件，目前在免费的还没有找到可以代替它的软件

1. 先设置下路由器的虚拟服务器端口号为80，路由器设置都大同小异！
   IP地址就是你那台安装了wamp 的IP地址，网络协议选择all（TCP or UDP）

   
   
   

   youketao.jpg

2. 登录好账号之后，访问的地址就是 【帐户名.gnway.cc:80】（如我的是http://youketao.gnway.cc:80) (注意字符全是英文半角的)
   

   

   youketao.jpg

3. 设置好防火墙，80端口号的访问不要被拦截掉！

4. 金万维提示，没有检测到真是公网的NAT网站！

   
   
   

   youketao

5. 到路由器去查看下是否外网的IP号为10、100、172开头的！

   
   
   

   youketao.jpg

6. 查看自己的外网IP地址是不是公海的IP！在路由器的运行状态可以看到！（最简单的方法是，拨打一万号，让客服改一下就行了，打通电话之后，5分钟内搞定！）
   （还有一点就是说，如果是铁通的网络的话，目前还没有哪一家可以提供域名解析，这个需要付费的才可以！）

   
   
   

   youketao.jpg

到了这一步的话，除了局域网可以访问的话，外网也是可以经行访问本地的！

优点：完全免费，搭建简单，无压力，安全，个人完全可以笔记本、PC轻松搭建出来！
缺点：电脑必须时刻连接外网，外网访问的话，容易受到网络运营商的限制
（我的网络受到运营商的限制，域名不能进行解析！要么换到电信的，要么付费两头整改！）

七. 其它自定义设置（这一块，不需要的话，就直接忽略）
wamp（设置好了之后，需要把所有服务重启下）

1. 根目录自定义设置
1） 找到http.conf配置文件
X:***\wamp\bin\apache\apache2.4.9\conf\httpd.conf
快捷方式是在鼠标左击图标apache，选择httpd.conf

youketao.jpg

2） 在打开的配置文件中查找DocumentRoot，找到这一段
DocumentRoot "D:/Program Files/wamp/www/"，将双引号的内容，换成你想要自定义的目录！

youketao.jpg

3） 在接下去大概20行的，找到这一段换成刚刚自定义的目录。

youketao.jpg

！
4） 这两处位置设置好了之后，保存关闭http.conf，然后重启wamp服务！

2. 软件图标www根目录的指向

youketao.jpg

1）wampmanager.ini文件修改
X:***\wamp\wampmanager.ini
搜索Menu.Left，在下方可以看到这段
Type: item; Caption: "www 目录"; Action: shellexecute; FileName: "D:/Program Files/wamp/www"; ； 可以将双引号的内容，名称和文件夹的路径设置为之前设置的路径！

youketao.jpg

2) wampmanager.tpl修改
X:***\wamp\wampmanager.tpl
搜索Menu.Left，在下方可以看到这段
Type: item; Caption: "${w_wwwDirectory}"; Action: shellexecute; FileName: "${wwwDir}"; 可以将双引号的内容，名称和文件夹的路径设置为之前设置的路径！

youketao.jpg

3） 这两处位置设置好了之后，保存关闭http.conf，然后重启wamp服务！

3.端口号修改
wamp默认端口号是80！
1）打开httpd.conf，方法如上，不重复了
2）查找80端口，找到Listen 80，将80端口换成自定义端口，如4527、8080等

，

3） 继续查找80，找到 ServerName localhost:80， 将80端口换成刚刚自定义端口

youketao.jpg

4）这两处位置设置好了之后，保存关闭http.conf，然后重启wamp服务！

注意：修改了端口号，之后在经行网络访问的时候，需要把端口号加上去！
如 http://127.0.0.1:4527 或者 http://youketao.gnway.cc:4527 或者http://192.168.1.100:4527，
注意英文半角

wamp还可以建立多站点，不过没有去试过，就不说了！
还有需要补充的，就在评论里留言就行了！
有条件的还是够买个域名，然后WordPress搭建下网址！
还有别的方法，我还没发现，有的话，大家分享出来共享一下！

交流想法，分享心得！