在线预览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制作App原型怎样设置尺寸?

    最近有几位小伙伴儿都提出同样一个疑问:想用Axure设计一个 APP原型 放到真实的移动设备中演示,但不知道应该使用什么尺寸?
    若要解释清楚像素和分辨率需要的篇幅比较长,请大家参考百度百科。
    这里金乌直接给大家提供一个常用的移动设备尺寸列表,制作原型时根据查询的尺寸在axure中设置大小即可,设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接口( include Viewport tag ),并进行配置即可。

    2014-12-31
  • 【Mockplus教程】如何创建页面的子页面?

    Mockplus中是按照分组的方式来管理页面,将多个页面放入一个分组中, 就像Windows文件夹的管理方式。具体分组的创建请参照“页面”->“分组”的讲解。

    Mockplus 2015-08-17
  • axure7.0中文汉化包

    下载地址:axure7.0中文汉化包20150516 使用教程: Axure RP Pro 7.0 正式版 (不兼容 6 版) 简体中文语言包 本汉化包由小楼制作,我是UE网整理分享。 支持 Axure RP Pro 正式版 当前最新版本 7.0.0.3183 汉化方法:…

    2015-05-27
  • 015. 如何安装(装载)axure组件(部件)

    近期听到很多朋友,都说组件无法安装到axure中,后来给几个朋友远程了一下电脑,发现各位安装的根本就不是组件,所有的组件都是.rplib结尾的。请大家注意! 我们在网络上经常可以下载到很多网友精心设计的axure组件…

    2014-09-12
  • Justinmind6.8汉化包下载以及Justinmind6.8新功能新增苹果手表部件库

    Justinmind6.8汉化包已经出来了,您如果更新到最新版本截至2015年9月11日 可以下载本汉化包,汉化包来自QQ群:156360020 邀请码iamue 安装汉化的方法压缩包里都有,还有你还可以参考历史版本的汉化包: Justinmind6…

    2015-09-11
  • [Mockplus教程]如何批量导入图片到收藏夹中?

    有项目打开时,定位到“我的收藏”的“图片”选项,在下拉菜单选择“批量导入图片”, 根据提示选择导入图片。 完整演示如下:

    Mockplus 2015-09-18
  • 100%干货!大型互联网公司精益产品设计流程

    相对于传统产品设计流程,精益产品设计流程越来越受互联网公司,特别是创业公司青睐,但很多人听过精益创业、精益设计,但并不明白其中的奥秘,本文就带大家揭开精益产品设计的流程方法和要点。 首先我们来看看传统…

    2016-05-31
  • 10个在线原型设计软件推荐

    现在,基于云端的软件渐渐成为主流,而网站原型设计工具当然也不例外。在线原型工具相比于桌面版有得天独厚的优势,它不需要安装、不限制地点、不限制操作系统,无论你使用的Linux,Solaris, Mac 还是Windows,你都…

    原型设计教程 2015-08-25
  • Justinmind V6.7新功能简介和下载链接

    V6.7.0,提供Illustrator矢量图形和各种文字和按钮控件的复制/粘贴功能。此版本的主要目的是使您能够直接从Illustrator复制/粘贴矢量图像,同时,我们也修正了一些小错误。 从Illustrator复制/粘贴/编辑 现在已经支…

    2015-08-25
  • 用什么工具?做什么原型?给谁看?

    我们在日常的软件设计中经常会涉及到原型的设计。设计一个原型,无非就是三个目的:第一个目的是给自己看的,为了方便之后的下一步设计;第二个目的是给开发看,说服开发,完善软件;第三个目的是给客户看,让客户…

    2023-03-03