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

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

geikaifakanyuanxing

在产品汪日常的工作中,少不了和猿猿们沟(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) ̄)^。

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

您的赞赏,是对我创作的最大鼓励。
3人打赏

评论( 40

登录后参与评论
  1. 有个卵用,Axure直接生成HTML文件了

    回复
  2. mockplus有8中演示方式,交流起来更加方便,其中html、原型码查看、扫描二维码超级好用

    回复
  3. 这个跟SVN有什么区别吗

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

    回复
  5. 新浪SAE+SVN,就差不多了!

    回复
    1. 回复

      你喜欢在线的可以试试git+sourcetree。我写的是本地环境。

  6. https://share.axure.com/ 做产品的居然不知道这个东西?

    回复
    1. 回复

      评论之前 看看别人的评论 好吗

  7. 这个东西太有用了,哈哈。

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

    回复
    1. 回复

      下个phpstudy,查下ip,就OK了也算麻烦?

  9. 牛逼,之前一直想用SVN,不会弄啊。谢谢楼主分享。

    回复
    1. 回复

      没事没事

  10. 这就是做了一个Internet 信息服务,随便用iis就能做到,还能改端口。

    回复
    1. 回复

      不知道你想表达什么。只提供思路,想用什么服务器看个人、团队习惯。

    2. 回复

      你真累

    3. 回复

      和上一句一样,不知道你想表达什么,沟通能力确实挺重要的。

  11. 80端口被占用,一直修改不了

    回复
    1. 回复

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

  12. 为何不直接用axshare

    回复
    1. 回复

      上传慢,打开慢

  13. 想法不错,学习了

    回复
  14. 感觉IIS更简单呢

    回复
  15. 墨刀原型工具,你可以试试

    回复
    1. 回复

      墨刀,muckups,mockplus都试过,最爱依然axure

    2. 回复

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

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

    回复
    1. 回复

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

  17. 为何不直接用IIS?

    回复
  18. 搞定不难,但这个安装包总被杀毒软件报错。。。

    回复
    1. 回复

      啊哈,找找吧,我就用的phpstudy集成的,别的什么服务器都可以吧。反正放本地的。

  19. 放到内网不更好,放外面,我怕网速不好

    回复
    1. 回复

      这是内网呀~

    2. 回复

      哦没注意看,那挺好。

    3. 回复

      ;-)

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

    回复
  21. 不错!!!

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

    回复
    1. 回复

      用过,只是不放心把项目放那上面。

  23. :grin:

    回复
加载中