美文网首页产品设计野蛮的产品经理互联网产品思考
如何用EasyWebSvr搭建Axure本地访问地址

如何用EasyWebSvr搭建Axure本地访问地址

作者: 产品经理说 | 来源:发表于2014-11-02 21:59 被阅读27636次

    在产品设计完成之后,我们公司一般会将Axure制作的PRD文档交付UI设计师设计效果图、开发工程师进行接口文档及数据库的设计等,之前增加有过如下几个做法:

    1、生成AXURE的文件夹,指导其他成员点击index.html打开;

    2、在AXURE6.5版本中,生成.chm(“Compiled Help Manual”的简写)文件格式的文档,发给其他人员;

    3、使用Axure官方axureshare(注册后使用),将axureshare的连接发给其他成员;

    4、今天我要介绍的,往下看;

    (2)这个方法的缺点在于.chm文件经常会出现中文乱码,经过网上方法调整之后,每次重新打开都会乱码,需要继续调整;

    (1)(2)同时最大的困难就是对原型的更新,如果有修改得重新打包,很麻烦;

    (3)向auxreshare上传会很慢,其他成员打开也慢,如下图-1,但大多数人传到axureshare目的不是为了在云服务器保存,只是为了让其他人浏览方便:

    图1纠结的上传过程

    这个时候想如果能搭建一个本地的服务器,能快速给同事一个原型预览的链接,而且这样就能很方便的适应原型的修改,那样最爽不过了,当然如果有开发经验的会想到很多服务器比如tomcat等,但是有没有一个不需要安装,下载体积小,切简单粗暴的人选呢?下面就介绍EasyWebSvr,一个80KB的小型服务器(EasyWbeSvr下载地址);

    EasyWebSvr使用操作:

    1、下载之后解压到任意一个位置,可以是桌面(反正很小不占空间),如图2:;

    图2 解压之后文件目录

    2、将生成的原型放在EasyWebSvr根目录下的demo之中,如图3所示:

    图3  原型文件放置目录

    3、设置EasyWebSvr的文件路径,如图3、图4;

    图3  设置原型路径1 图4 设置路径2

    4、开启服务器,如图5;

    图5  开启服务器

    (温馨提示:如果开启服务器的时候,提示80端口被占用,请检查是否开启了2个webSvr,或者检查占用80端口的程序)

    5、浏览主页,生成原型预览,如图6:

                                                            图6 原型预览图

    6、替换电脑名称到自己本地ip,如下图:

    图7  ip查询

    7、大功告成,发送  http://192.168.0.105/#p=榜单 给同事,在一个局域网就可以完成预览;

                                            图 8  最终效果图 

    总结:使用EasyWebSvr这个轻量的服务器用来搭建axure项目供其他人员访问,是一个很方便的方法,同时原型有更新的时候,其他成员只需要刷新之前发给他们的本地连接,就可以更新到新的原型文件,也是一个很高效的合作手段。

    相关文章

      网友评论

      • 8028ec224679:那个地址打开之后,很多图片显示不出来,做些目录什么也不对,请问是什么原因啊
      • b4bb08192a40:大神 我一直都在失败 能请教一下么
      • 精灵精灵变:如果之后原型更新,就直接用新的Axure原型文件替换原来在demo中的原型文件吗?
      • 679ffbbafea6:请问,如果有多个原型该如何设置呀?
      • 152dd4d07d63:这个替换电脑名称到自己本地ip怎么做到。总是以主机名称为地址的
      • 1b5ca5f36060:打开的链接无法显示Axure左侧导航栏,请问应如何处理?
        茶泡饭inJuly:你的地址只要是:主机IP/start.html就行
        茶泡饭inJuly:我知道了!我也遇到了一样的问题。详情见http://www.iaxure.com/5121.html
      • 爱上花儿的太阳:大牛呀,我请问下,只画了一个尺寸像素的原型是怎么解决那么多尺寸的手机的呀?还有那些图片又是怎么来说明和适应每个手机的?
        产品经理说:@爱上花儿的太阳 原型只是展示,不做适配,正在开发才适配
        爱上花儿的太阳:@某人某年 没,我是来学习的,就是还不太懂,才画一个图,这么多尺寸的手机怎么呈现的。是靠技术么
        产品经理说:原型一般不做适配的,高保真原型也是只适应在一款常见的机型下看效果,你们公司需要原型做适配?不会吧
      • 程序猿小金:更换电脑名称到本地ip是什么意思....是把电脑名改成ip吗?但是电脑名称不允许.啊
        产品经理说:打开dos命令框,输入ipconfig,就凯翼看到自己ip
      • a3aaf4e91c80:有简单的办法吗,我觉得有点难。刚入门的呢!。
      • 十三大婶:启动服务器失败(主目录不能为空)
      • 十三大婶:为啥下载之后显示的是服务器已停止?
      • 68f2bfbd4d59:6、替换电脑名称到自己本地ip 这一步谁知道怎么弄的 教教我呗
      • 68f2bfbd4d59:6、替换电脑名称到自己本地ip 卡在这一步了 没看懂不知道咋整 试了好多方式还是不行
      • longwz:正好需要,借鉴了!
      • 0ba2d29b2dc1:ip的.不能输入,
      • 474721dfe1cc:可以了! :+1:
      • 474721dfe1cc:我是win7系统,这个EasyWebSvr的应用程序一闪就没了,根本看不操作界面!
      • 产品经理说:第三步就是设置浏览到rp生成文件的目录下面
      • 989d37583880:EasyWebSvr 第三步不会操作 呜呜
      • c9628a8c318e:怎么设置EasyWebSvr的文件路径?
        产品经理说:@renxhiyi 那个 设置 浏览
      • c9628a8c318e:能告诉我如何设置EasyWebSvr的文件路径嘛?
      • 产品经理说:是同一个局域网吗
      • 3936d795e05e:我已经获得了http://10.3.51.58/index.html
        地址,发给同事也可以用电脑实时查看我原型的更新,但是safari怎么打不开??
      • 53c1c4419ee7:可以使用filezilla上传FTP不就可以了吗,每次更新内容在上传覆盖就可以了。这个看起来好麻烦
      • 小鱼儿谈护肤:win8和win10的虚拟机都用不了,请求指教
      • 旅行的洋葱:您好。我想问一下 “替换电脑名称到自己本地ip” 是什么意思。。不太明白。。谢谢了
        旅行的洋葱:@某人某年 谢谢
        43b0b329473e:@某人某年 计算机的名字更改的时候显示不可以用.字符
        产品经理说:@旅行的洋葱 就是吧电脑名字替换成ip
      • adadadadadan:怎么下载丁香园的axure高保真原型啊?我已经付款了
      • 产品经理说:@bfb53d882452 在easywebsever中浏览主页
      • bfb53d882452:第5步和第6步没看懂啊,在哪浏览主页啊,第6步直接输入ipconfig就完了吗?求大神指点
      • 产品经理说:@水果_ 简书有人写 你搜sae
      • a04351d1712a:@某人某年 还有个问题求教,sae和axureshare有没有教程查看啊
      • 产品经理说:@水果 用sae或者官方axureshare
      • a04351d1712a:你说的这个EasyWebSvrMac 版不能用吧,但是 Mac 版的手机线稿怎么生成?
      • 产品经理说:@冻之梦 是的 你用sae吧! 简书上有,那个更好
      • 605d882509b0:@某人某年 我尝试了easywebsvr,但服务器上传favicon.ico失败。您说的替换电脑名称到自己的本地ip是指单纯输入cmd,再输入“ipconfig"找到自己电脑的ip地址吗?
      • 产品经理说:@冻之梦 你在简书搜 有人写过所以我没写
      • 605d882509b0:@某人某年 可以把SAE的搭建方法也介绍一下吗?
      • 产品经理说:@某人某年 @huskyrain 过完年吧,马上放假了 到时候发我邮箱 我看看
      • 产品经理说:@huskyrain 没道理不指向页面资源,有空伐给我 我看
      • ab49402d9079:在safari下可以看各个页面资源,为什么躺在手机桌面上的icon只能启动,但却无法指向任何资源?求大神 :scream:
      • 心逸道:@轻奢生活 @某人某年 mac版本的用XAMPP,我现在用的是XAMPP 1.8.2你试试,唯一的缺点是mac重启后要手动把server打开,不过也有操作面板,很快
        小鱼儿谈护肤:@心逸道 XAMPP 1.8.2怎么用?安装后是和文字中一样的步骤吗?
      • 产品经理说:@四姨 局域网我放在本地,外网放在了SAE
      • HSY873845:如果想要使用在网访问,可以部署在SAE中,也很方便,外部用户也可以查看了。
        c4b5d25fea11:SAE这么部署
      • 诸葛兔:@某人某年 IIS下不用怎么设置,新建一个站点,把文件放到这个站点下面就可以了。和这个类似
      • 产品经理说:@onetao 可以试试楼上说的 IIS 自带的那个搭建,具体我也记不清了,百度应该有,搜索IIS配置就可以吧
      • 产品经理说:@诸葛兔 iis好像设置比较麻烦(我已经忘的差不多了 :flushed: ),这个软件刚好足够轻量,也挺方便
      • 诸葛兔:在win系统下,其实很简单,不需要安装第三方软件,直接用IIS即可解决。

        我都是建好一个内部原型浏览站点,有个统一的导航入口页,所有人都可以用这个地址去浏览即可。
      • onetao:win 8 用不了
      • 产品经理说:@轻奢生活 好像这个软件没mac版本 :sweat:
      • 151d83c931bc:亲,有MAC的吗
      • 产品经理说:@今安如息 没办法 机密的嘛 :relaxed:
      • 今安如息:LZ 你马赛克打的好好哟,教教我呗

      本文标题:如何用EasyWebSvr搭建Axure本地访问地址

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