给开发人员看原型,一个链接就够了

52 评论 79677 浏览 265 收藏 5 分钟

在产品汪日常的工作中,少不了和猿猿们沟(si)通(bi),而且现在越来越多的产品汪喜欢用Axure写需求文档,但是问题来了,不管是写好的文档还是画好的原型都需要拿给猿猿们看。据不知明数据统计,猿猿们在开发前期对文档和原型了解越多,后期和汪汪们产生撕逼的几率就越小。所以今天给搭建分享一下,我最近用到的一个方法。

下载phpstudy,并将axure生成的html文档存放在 apache服务器中,通过局域网内的ip地址,发送给局域网内的同事。

说起来挺复杂的,跟着我的步骤来一遍,其实很简单。

一、下载phpstudy

该程序包集成最新的Apache+PHP+MySQL+phpMyAdmin+ZendOptimizer,一次性安装,无须配置即可使用,是非常方便、好用的PHP调试环境。

用到phpstudy主要是要将产生的html文件放置到apache服务器中。

下载链接:Phpstudy  http://rj.baidu.com/soft/detail/17836.html?ald

安装过程就不一一介绍了,主要是这一步:选择www文件的安装路径,请记住:WWW这个文件夹不要重命名。

1

WWW文件夹存放路径

这是之后Axure画好的原型生成的html文件存放的路径。请记住。

二、查看本机ip

在上一步的操作中已经将www文件安置好了。接下来就是查看本机的ip地址

按住win+R,左下方弹出,输入cmd执行。

2

输入cmd

就进入到命令行的输入界面,如下:

3

输入:ipconfig,点击回车。出现以下界面,我们需要的是IPv4的地址,记住它。

4

三、Axure生成html文件

是的,到了这一步,就回到了我们熟悉的Axure了。

打开axure,选择右侧的“发布”——》生成html文件

5
选择第一步的文件夹WWW路径下,存放到指定的文件夹中。(笔者是将生成的html全部存放在teamBuild中)。

6

然后就可以在浏览器中打开,地址栏输入为:ip/文件夹名。比如我的就是192.168.X.X/teamBuild

也可以将这个地址发送给其他同事看。如果有需要修改的地方,修改完毕之后再重新点击一下发布——生成html,同事那里看到的链接也会同步到最新的。

注:1.每次需要开启phpstudy。其实就是点击一下“启动”就可以了,否则同事那里不能访问。

7

2.如果端口有冲突需要修改端口,php默认的是80端口,可以修改为其他端口。修改之后地址栏改为ip:端口/文件夹名。我的就是192.168.X.X:8090/teamBuild。一般情况下应该是不需要的。

8

好的,今天的教程就到这里了,如果你还有其他的方法,希望可以告诉我。我是爱技术的产品汪~

 

作者:浩程君。简书:七光年。从事电商产品,装X能力不行,所以我选择走技术流,很无奈^(* ̄(oo) ̄)^。

本文由 @浩程君 原创发布于人人都是产品经理。未经许可,禁止转载。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. iis都不会用,难怪开发会吐槽我们水

    来自广东 回复
  2. 我这怎么就是不能实现和你一样的效果啊,还需要下载什么软件嘛?

    回复
  3. 请问一下,因为浏览器缓存问题, 开发人员看不到原型修改后发布的更新,这种问题怎么处理比较好?(希望有不用每次都清缓存的方法)

    来自湖南 回复
    1. 别覆盖,新建一个名字不一样的文件夹,比如 原型 v1.0.1

      来自广东 回复
  4. 通常我会用XAMPP 🙂

    来自浙江 回复
  5. 杠精真多,心疼作者

    来自广西 回复
  6. 为什么没有mac版的软件支持就好了

    来自上海 回复
  7. 为什么操作步骤都没有错。但是输入IP/文件名之后 网页打不开呢

    来自北京 回复
  8. 是摩客原型托管

    来自四川 回复
  9. 顶一下,我也在用默克原型托管,我是Sketch,上传后非常方便,还有密码保护,是上传的文件更安全,还可以邮件群发。不错不错不错~~

    来自四川 回复
  10. IIS

    来自北京 回复
  11. 有个卵用,Axure直接生成HTML文件了

    来自北京 回复
    1. 群发一份然后你帮所有人装axure浏览器插件?如果改了再群发一遍?带脑喷。

      来自上海 回复
  12. 这个跟SVN有什么区别吗

    来自广东 回复
  13. 这种方式依赖你的电脑,你电脑关机别人就无法访问了。而且只能内网可以访问,回到家里就看不了了。 我觉得最好的方式是购买个axure中国服务器~

    来自福建 回复
  14. 新浪SAE+SVN,就差不多了!

    来自上海 回复
    1. 你喜欢在线的可以试试git+sourcetree。我写的是本地环境。

      来自新加坡 回复
  15. 这个东西太有用了,哈哈。

    来自广东 回复
  16. 不用这么麻烦,直接让开发搭建个内网FTP,供产品上传原型即可,因为后面原型非常多,所以这个是必不可少的。

    来自浙江 回复
    1. 下个phpstudy,查下ip,就OK了也算麻烦?

      来自上海 回复
  17. 牛逼,之前一直想用SVN,不会弄啊。谢谢楼主分享。

    来自浙江 回复
    1. 没事没事

      来自上海 回复
  18. 这就是做了一个Internet 信息服务,随便用iis就能做到,还能改端口。

    来自北京 回复
    1. 不知道你想表达什么。只提供思路,想用什么服务器看个人、团队习惯。

      来自上海 回复
    2. 你真累

      来自北京 回复
    3. 和上一句一样,不知道你想表达什么,沟通能力确实挺重要的。

      回复
  19. 80端口被占用,一直修改不了

    回复
    1. phpStudy\Apache\conf 文件里的httpd.conf文件,搜索 Listen 80.然后把80改成别的端口。 记得重启phpstudy。 还不行的话问问猿猿们,他们能手把手帮你搞好,还能拉近关系。哈哈哈

      来自上海 回复
  20. 为何不直接用axshare

    来自云南 回复
    1. 上传慢,打开慢

      来自上海 回复
  21. 感觉IIS更简单呢

    来自广东 回复
  22. 墨刀原型工具,你可以试试

    回复
    1. 墨刀,muckups,mockplus都试过,最爱依然axure

      来自上海 回复
    2. axure是我用过的功能最强大的原型工具,没有之一,拿其它的工具对比起来简直弱爆了

      来自广东 回复
  23. 方法不错,不过你的电脑需要一直开着,我觉得不如讲HTML文件放到SVN,这样小伙也是差不多的

    回复
    1. 是的,我这样适合中途修改的时候给别人看。定稿之后放SVN或者导出放哪都一样了。

      来自上海 回复
    2. 请问下这个具体怎么做,下了个tortoisesvn不会操作

      来自湖北 回复
  24. 为何不直接用IIS?

    来自广东 回复
  25. 搞定不难,但这个安装包总被杀毒软件报错。。。

    来自广东 回复
    1. 啊哈,找找吧,我就用的phpstudy集成的,别的什么服务器都可以吧。反正放本地的。

      来自上海 回复
  26. 放到内网不更好,放外面,我怕网速不好

    来自北京 回复
    1. 这是内网呀~

      来自上海 回复
    2. 哦没注意看,那挺好。

      来自北京 回复
    3. 😉

      来自福建 回复
  27. 好东西。我就是不会弄,还找的服务器的同事帮我搭了个环境专门用于给开发看。太棒了!

    来自江苏 回复
  28. 不错!!!

    来自江苏 回复
  29. 说实话,不如用产品大牛网提供的axure原型在线托管服务,可以像网盘一样管理,直接可以分享原型链接地址

    来自山东 回复
    1. 用过,只是不放心把项目放那上面。

      来自上海 回复
  30. 😀

    来自香港 回复