在线预览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

相关推荐

  • axure实例教程:登录/注册/找回密码

    登录、注册、找回密码是每个网站与系统必备的一个功能,我做了一个简单的登录、注册与找回密码的原型。

    2014-12-31
  • Mockplus 的主要应用人群

    Mockplus Mockplus 是最好的原型设计工具之一。 http://www.mockplus.cn 简洁高效,是它的主要产品特点。 关注设计,而非工具,是它带给设计人员的理念。 Mockplus的主要价值是:在正式制作真实软件产品前,通过原…

    Mockplus 2015-03-16
  • 『justinmind破解教程』阿西justinmind学习日记:怎么重复延长苹果MAC版的justinmind的30天试用期

    很多同学在苹果MAC上使用justinmind时候遇到正版软件试用期30天满了后无法继续试用。这个教程帮助大家在mac环境无限循环30天试用。永远用正版哈,不过每个月总有那么一天要重复操作一次本教程,不过要是怕麻烦就去…

    2015-06-16
  • 国外设计师眼中的原型工具Mockplus

    今天,我们评述一款新型设计工具,Mockplus,专为设计师而打造的创新性原型设计工具。Mockplus适合于各种应用软件的制作,无论是手机应用,网页应用,亦或是桌面应用,方便快捷。让我们先来看一看为什么说Mockplus…

    2015-10-21
  • 如何用AxureRP做产品的需求管理

    面对众多的产品设计需求,产品设计人员要想一一理清楚就已经是一件不容易的事,更何况要将这些需求清单全部都变成可演示的产品原型。

    2015-01-01
  • UE网国内首发:Axure APP:Axshare APP下载地址非google play

    很多童鞋反应googleplay下载不下来,我们发布在 UE社区 以后各种新的东东想第一时间知道欢迎安装我们的UE小组APP 请需要的同学尝鲜下载。 http://www.iamue.cn/read.php?tid=16&fid=2 不过阿西这里要提醒下,这…

    2015-05-25
  • 002.认识Axure的软件界面

    Axure的软件界面总的来说,可以分为9大模块 1. 菜单栏:和大部分的软件界面一样,都是一些常规的文件、编辑、视图…… 2. 工具栏:是页面进行编辑的一些快捷操作,主要有字体设置、大小设置、页面显示大小和Axure本身…

    原型设计教程 2014-09-12
  • [自译]我们如何使用原型,原型又如何让我们更加高效

    原型是至关重要的,它能够帮助你的团队创造出最好的产品。它是一个机会来试验你的想法,并转化为有形的状态,你可以继续测试或者展开。当你的原型失败之后,你也会很软着陆-这里还有很多机会去迭代和改进。

    2016-09-08
  • 视频网站APP设计原型图

    最近据GEO媒体报道,关于中国国内网络视频APP洞察分析的分析报告表。 该报告调查了华东和华北地区的约1亿用户,分析了各家视频App 3月的使用情况。数据显示,用户使用视频App高峰是在午休时间和睡觉前,即每天的13…

    2015-12-21
  • 关于Axure rp的相关介绍

    Axure RP 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。 Axure正确的英文发音应该是(ak sh…

    2014-09-09