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

作者: 产品超人 | 来源:发表于2016-09-09 13:24 被阅读1182次

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

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

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

    一、下载phpstudy

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

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

    下载链接:Phpstudy下载

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

    WWW文件夹存放路径

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

    二、查看本机ip

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

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

    输入cmd

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

    命令行输入界面

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

    IP地址

    三、Axure生成html文件

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

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

    axure

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

    存放到指定目录

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

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

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

    phpstudy界面

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

    修改端口

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


    为什么我叫今安否呢,因为我小时候看《悟空传》,刚好把书名和作者连在一起看“悟空传作者今何在”?最近打算换个名字。

    其实,除了敲代码和写文档以外,我们可以聊聊别的,比如月亮和星光,诗歌和愿望。今安否 - 简书

    谢谢耐心看完的你,和耐心看完还轻轻敲了一下我的心的你。

    相关文章

      网友评论

      • 2bc0868b3a81:为什么我不行呢?
      • bdd8567ee3b8:网上有很多免费的PHP空间,生成的HTML传上去通过网址就可以访问,外网内网都可以访问的
      • d9f4500f4c8d:你太了解程序猿了
      • 任泡泡:另外我们的视觉设计稿也是导出html文件,通过在线的方式给开发查看。
        产品超人:@任泡泡 挺好的呀 这样的话 项目中沟通成本也低 项目完成时 所有的文件归纳也方便很多 :smile::smile:谢谢分享
      • 任泡泡:分享一下我们的做法:1、在SVN上建立一个目录,交互设计师完成设计后,将导出的html文件提交至该目录;2、我们有一个服务器搭建了一个apache服务,该服务器每隔10分钟从svn上更新文件。这样其他同事就能通过这台服务器在线访问原型了。我们最开始也是通过邮件的方式发来发去,后来通过在线的方式提高了不少效率。
        产品超人:@任泡泡 是的 方便查看修改 也不用让同事反复接收文件 比axureshare快很多:smile:
        任泡泡:@今安否 git也一样的。做成在线的确实挺有用的,起码是方便很多。
        产品超人:谢谢分享哈:smile:我的程序员哥哥们开发都用的git,下周我去问问程序员可不可以像您说的这样哈。🌝本来我不是做技术方面的,跟他们学了这一招感觉还挺有用的,所以分享一下
      • 寒武纪2731:大写的赞\(≧▽≦)/
        谢谢分享
      • 任秋野:赞👍
        产品超人:@任秋野 谢谢

      本文标题:给开发看原型,一个链接就够了

      本文链接:https://www.haomeiwen.com/subject/hkfhettx.html