百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术资源 > 正文

PM小技术:使用SAE发布在线Axure文档

moboyou 2025-07-09 17:02 8 浏览

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

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

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

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

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

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

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

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

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

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

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

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

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

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

创建PHP空应用

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

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

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

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

生成HTML时选择SVN目录

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

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

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

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

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

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

相关推荐

Node.js 获取文件信息及路径(node.js怎么获取当前文件路径)

获取文件信息每个文件都有一组细节,我们可以使用Node.js进行检查。特别是使用fs模块提供的stat()方法。constfs=require('fs');fs.stat(&#...

深入剖析JavaScript中深浅拷贝(js实现深浅拷贝)

大家好,我是Echa。最近有一位00后的小妹妹粉丝私信小编说自己很喜欢编程,目前在某公司实习前端开发工作,说到现在为止还没有搞懂JavaScript中深拷贝和浅拷贝这个问题,同时也在网上看了很多关于深...

为什么高手写 JS 总是又快又好?这10个技巧你要知道

大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发!JavaScript是前端开发的重要语言...

IT技术栈:Javascript神器,URL.createObjectURL()

URL.createObjectURL()是JavaScript中的一个方法,用于创建一个特殊的URL,该URL可以用于将不支持直接加载的数据(如二进制数据或Blob对象)嵌入到we...

如何在 Linux 中创建和管理组?(linux如何建立组)

在Linux中,组是用户账户的集合,用于统一管理权限。每个用户至少属于一个主组(PrimaryGroup),还可以加入多个附加组(SupplementaryGroup)。组的权限设置决定了用户对文...

付费文库内容无法复制,不用任何工具,学会这4种方法轻松复制

关注职场办公,分享实用干货,洞察科技资讯,这里是「职场科技范」。我们在搜索资料的时候,看到非常有用的文库,但往往都是付费的,只能看不能复制。今天就来教大家,学会下面这4种方法,轻松复制文库内容。一、内...

node.js v24.0.0 正式发布!10大重磅更新助力开发者,性能大幅提升

近日,Node.js官方团队正式发布了Node.jsv24.0.0版本,这是一个具有里程碑意义的重大更新。作为"Current"版本,它将在未来六个月内引领Node.js...

我理解的网站产品经理之四:网站产品前端姿势

来人人都是产品经理【起点学院】,BAT实战派产品总监手把手系统带你学产品、学运营。2016年了,嗨,大家新年好。作为一个网页的产品经理,网页的前端知识可谓是不能不知,本文主讲网站产品的前端姿势。通常,...

五一我要看七天小说!免费开源的轻量化书库talebook搭建流程。

这次来分享一个简单阅读项目:TaleBook,项目曾用名calibre-webserver。TaleBook是一个基于Calibre的简单的个人图书管理系统,支持在线阅读。不过鉴于各种规章制度,仅...

“5 分钟 CMake 使用指南,解决我的 C++ 打包问题!”

在软件开发的世界里,构建系统扮演着至关重要的角色,它不仅决定了项目的构建效率,还直接影响到团队协作的流畅度。对于许多C++开发者而言,CMake因其强大的功能和广泛的兼容性成为了构建自动化流程的...

大佬级鬼才终于把JavaScript整理成了修仙小说,让学习变简单

这是一本讲解JavaScript编程语言的技术书籍,只不过,本书采用了一种全新的写作手法。如果你厌倦了厚厚的、如同字典般的编程书籍,不妨尝试一下新的口味,话不多说,直接上干货!目录截图:内容展示:以上...

JavaScript基础知识点总结(javascript基础入门教程)

//逗比小憨憨/*第一章*HTML引用js方法:*1,外部引用:HTML外部引用js:<scriptsrc="js/day1.js"></script>*2,...

在Node.js中处理Zip文件(node运行js文件)

作者:疯狂的技术宅转发链接:https://mp.weixin.qq.com/s/edJd9-t1AyTGRcha_1k6RA前言Zip文件是常用的压缩文件格式。在本文中,我将演示如何用adm-...

Python 标准库中鲜为人知的宝藏 | Node.js 22.8.0 发布

Python标准库中鲜为人知的宝藏Python标准库功能强大,但有些模块却鲜为人知。本文将介绍一些有趣且实用的模块,助你提升代码效率和功能。数据结构:超越列表和字典除了常用的列表和字典,coll...

小程序,wxml页面里如何写JS代码?WXS如何模块化?

这篇接着上篇小程序,跳转页面的两种方式及其页面传参数继续讲,小程序wxml页面里如何写JS代码?wxs如何模块化?第一个问题:wxml页面要想类似HTML页面中写js代码,必须在页面中使用wxs标...