在线预览Axure文件,使用新浪SAE发布在线Axure文档

 

俗话说,不会写代码的产品经理不是好的射鸡湿。关于产品经理与技术之间的微妙关系,扯开了讲可是长篇大论,比如知乎上这个问题:IT 行业产品经理(尤其是创业的)需要懂技术吗?懂到什么程度?,以及这个:产品经理如何与强势的技术沟通?等等。总而言之,产品最终是完全落实到技术上实现的,而技术的发展可以说是在产品上体现了直接价值,二者结合得越紧密,对整个产品带来的价值更大,开发效率也会更高。

当然,这不是说让产品经理会写代码会设计算法,其实在平时工作中,要是产品经理哪怕稍微下意识地提高自己的“技术思维”,不要做一些在技术上看起来“天马行空随心所欲”并且再配一句台词“这么简单的功能,很好实现吧”让人欲哭无泪的台词,就已经谢天谢地了……

因此,产品经理适度提高“技术熟悉度”,是对整个产品负责的必要。而我根据这几年工作经验,发现一些常用技术的掌握对产品人员的思路、效率,以及解决问题的能力,都是有非常大的提高的。

今天来讲一下关于Axure在线文档发布的技巧。一般人们最常见操作,是利用Axure画好原型图后,直接按F8导出为HTML文档,然后大家要么打包成.rar发邮件给所有干系人,要么传到项目协作平台上,甚至直接拿个U盘来Copy……其实大可不必这么麻烦,一来对接收者不是很方便,先下载然后解压,再找到index.html来查看;二是随着版本增多,相关接收者不会像产品一样能把每个版本管理好,假如两个月内发了10次文档,那岂不是文件夹里乱成粥,每次生怕看错文档了。

一. 使用Axure官方AxShare平台发布在线文档(不推荐)

Axure官方提供了一个AxShare发布平台,你可以在设计完后,直接按F6,就能将当前文档保存到AxShare平台:

13cffe7d350d780703de41fd20f4f72f2

按F6或Publish时选择“Publish to Axure Share”(首次使用需注册)

你也可以直接登录https://share.axure.com/,然后创建Project,将.rp文件上传后,即可完工。

502b753efafbf1a7d3f2646a46523b982

76383182c12409780396b64c10f0a7db2

发布时也可设置一个密码来保密。完成后,利用URL(+密码),就可以随时通过浏览器访问产品文档了。

250ba6cac6c7e2aa448d66a115adab49

那么问题来了:既然Axure已经有了,用就行了,为毛还有自己搭建呢?原因是:慢!正常情况那个网页压根就打不开好吗!更别说上传的龟速了。所以还是自己动手丰衣足食。

二. 使用新浪SAE平台+svn自己搭建(推荐)

先大概了解下SAE(Sina App Engine),你可以理解为一个免费的在线服务器。因为Axure生成的文档就是普通的HTML格式,也就是最简单的静态网页,所以完全可以把它上传到任意一台WEB服务器上,一个URL就能访问了。

首先,你需要注册成为SAE开发者,而且需要手机绑定和实名认证。这一点是有点麻烦,但是一劳永逸,认证后基本上就免费使用了。

然后在SAE控制面板里选择“创建应用”,我们需要创建一个新的php空应用(理论上HTML文档是和开发语言无关的,但在可选的PHP、Python和Java里,PHP是最被熟悉,而且不需要应用租金的):

2957b293581fadff80def674fd20ac692

创建PHP空应用

切到此应用下,进入“代码管理”,并创建一个版本:

e2c144b765ad24f851f3fcf672c211cc

接下来就需要上另一个主角:SVN。SVN是Subversion的简称,一个开源版本控制系统。但在这里可以简单理解为“文档同步工具”。就是将Axure生成的产品原型上传到SAE服务器,从而支持通过浏览器访问。

首先下载TortoiseSVN客户端,注意最好是1.7.x版本,并且区分32和64位。安装及汉化之后,在你的硬盘中新建一个日后用来生成Axure原型的目录(这里为UE_Online),并右击选择“SVN检出”(Checkout):

76b8ef2412029ff2d5650241126f43852

完成后,你就发现目录下多了一个“1”的文件夹(“1”是刚刚在SAE新建的版本号)。现在开始,你就可以每次把新的UE文档生成在这个“1”目录下。

2c8f48858d2ba5d0a00bf259e837f9fc2

生成HTML时选择SVN目录

3fa342b517cef3e9caaf5cd9c4ca834e2

接下来就是同步了,在UE_Online文件夹上右击,选择“SVN提交”(SVN Submit),然后按照下图将所有项勾选,点击“确定”:

6b784da22398de92cdba386879867fe92

因为新生成文件是没有版本的,所以默认没有勾选,一般我每次都是全部选择

6339355dd0aab10788e125cc49ea70932

上传完成后,大功告成!你就可以通过“应用地址+文件夹”组成的URL(图中是:http://ueonline.sinaapp.com/Xiancheng_v1.2_iPhone/)来直接访问在线文档了。SAE在国内的速度很不错,即使是通过移动端,也完全没有问题。

而后续如果要新建一个文档,只需在Axure生成文档时存到SVN目录下新文件夹里,右击选择提交;修改就更简单了:直接生成覆盖原文件夹,再次提交即可(还是注意每次提交时变更列表勾选“全部”)。

最后,需要注意的是:目前我这种方法不能做到加密隐藏,所以理论上你的URL被任何人知道都可以访问。如果非要给这份文档加个保护的话,在SAE应用管理左侧“应用防火墙”里,添加IP白名单,这就足够安全了吧。

作者:牛冰峰; 转载自:简书

 

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/12071/

(0)
iouedioued
上一篇 2016-01-06
下一篇 2016-01-08

相关推荐

  • 001.Axure rp 6.5的软件安装、汉化与注册

    第一步:从网络上下载axure安装程序到本地电脑、汉化语言包、注册码,双击安装程序,如图:                     第二步:安装过程截图乱码的情况是正常的 &nbs…

    2014-09-09
  • 如何做一个完全失败的UX设计师?

    人人都说,做一个成功的UX设计师是很难的,你认为做一个的完全失败的UX设计师就会很容易?然而事实并不是这样。如何成为一名彻底失败的UX设计师?至少,你需要做到以下几点。1. 不在乎用户反馈都说万事开头难,不过…

    2023-03-03
  • Axure快速原型设计

    该教程中包括入门篇、案例篇、秘笈篇,非常适合刚接触Axure的人学习。   Axure使用教程下载地址:Axure快速原型设计

    2014-10-28
  • 020.树——axure线框图部件库介绍

    终于到最后一个组件的介绍了!到这里基础的应用应该算完成了!  1. 拖动树组件,到页面编辑区域 2.添加节点,可以添加子节点也可以在该节点的前后添加平级节点  3. 编辑节点图标 做好上面的那一步,图标还不会显示…

    2014-09-12
  • 设计师必看:8处满足原型设计的矢量图标根据地

    做原型设计时,我们往往感觉图标素材不够用,尤其是矢量图标不够。矢量图标是矢量图的一种,这种图形也叫做绘图图像,是各种设计中比较常用的图片格式之一。因为其是根据几何特性绘制,并且通过数学公式计算获得,…

    2023-03-03
  • 交互设计的背景

    交互设计的概念上一章节已经讲过了,我们还是需要进一步了解什么交互设计的发展背景,为什么会出现这个行业? 说起来还很有意思的,我们的互联网时代发展有这么几个阶段: 1.网页设计-美工时代 注重模板设计,信息…

    2014-09-23
  • Mockplus原型交互跟我做之1-30秒做一个自动消失的消息框(Toast)

    从现在做,跟我一起来认识Mockplus的交互。 Mockplus的交互,非常简单、直观、容易上手。你所需要做的,只是拖一拖鼠标,然后几步设置而已。 当然,只要你愿意,还可以实现强大的交互效果。 不废话,先来做一个,试…

    2016-01-18
  • 【Mockplus教程】怎样在Mockplus中使用图片轮播?

      1、创建移动项目 2、从交互分类中添加一个图片轮播组件 3、点击图片轮播组件上小工具条上的图片选择按钮 4、选择一张或多张图片。(这里只会把对话框中勾选中的图片加载到图片轮播组件中,可以点击每张图片上…

    2015-10-28
  • 004. 如何关闭IE浏览器在生成原型时候的安全警告

    在上一节中,我们学习了如何生成网页原型的三种方法,当时我们采用的默认浏览器,搜狗浏览器,没有弹出安全警告,一般情况下,如果你的浏览器是IE的话,在每次生成网页原型的时候都会弹出如下安全警告,如图: &nbs…

    2014-09-12
  • 003. 生成网页原型的三种方法

    方法一:菜单生成法   路径: 生成——原型——弹出框  如图:   方法二:工具栏,快速按钮生成法   方法三:快捷键生成法:直接按键盘F5,即可生成网页原型 弹出框:无论使用上面哪一种方法生成原型,最终都…

    2014-09-12