Axure+Nginx+Markdown搭建局域网一体化文档平台

Axure+Nginx+Markdown搭建局域网一体化文档平台

笔者在日常工作中发现,作为产品,需要经常维护更新原型、交互说明文档、产品需求文档PRD,本文旨在使用Nginx在局域网搭建一个一体化平台,可以即时更新维护 原型 及 一切涉及到的文档

一 Axure

Axure作为一款快速原型设计工具,其地位无可撼动,目前官网已更新至beta9.0,建议日常使用Axure8,Axure9beta及汉化 Axure8官网

这里推荐使用 @臻龙 提供的 产品需求文档与原型(下载rp源文件

image

主要可以参考其目录树结构和其一体化产品需求文档的思路

二 Markdown

Markdown是一种可以使用普通文本编辑器编写的标记语言,相比较word,其无需考虑排版,就能快速输出一篇格式清晰明了的文档,这里是一份Markdown语法说明(本文档由Markdown编辑器Typora编写)

  • 目前好多人还是在使用Word来编写产品需求文档,但是在实际工作环境中,笔者发现写完后自己都不想看的一篇文档扔给开发及美术后,真的是极其糟心,笔者自从使用过Markdown,就根本再也停不下来,这些在 臻龙 的Word产品需求文档,已经过时了有更多的探讨,

  • 臻龙 大神的思路是 原型化文档,但是笔者还是倾向于:

    • 交互文档:一些简单的交互需求 体现在原型的注释;
    • 结构化文档:更系统全面的文档(一是自己可以梳理系统结构;二是方便之后和程序沟(si)通(bi))
  • Markdown软件很多,这里笔者使用Typora进行示例。

image

三 Nginx

虽然我们可以使用 Axure Share 来生成链接分享我们的原型,但是其国内访问速度实在堪忧,笔者尝试了许多本地代理服务器,最后比较之下,使用Nginx可以快速便捷的在局域网搭建web服务器

  1. 在官网下载Nginx最新版本 Nginx官网

    image
  2. 下载之后解压缩

    image
  3. 打开nginx.conf

    [图片上传失败...(image-6fe6a7-1538212897548)]

  4. 只需配置以下两个参数即可

server {
     listen       666;     //端口号,尽量使用不常用的端口,笔者这里使用 666
     server_name  localhost;
         #charset koi8-r;
         #access_log  logs/host.access.log  main;

         location / {
             root   html;
             index  index.html index.htm;
            expires -1;   //缓存时间,设置浏览器页面缓存时长,可按需设置 eg:30d,-1为不缓存
         }
  1. 启动nginx

    双击nginx.exe即可启动nginx代理

    在浏览器输入 127.0.0.1:666 即可在本地打开nginx

    局域网可以使用 自己IP:端口号(计算机名:端口号) 打开访问nginx

    eg:笔者计算机名为 axure ,端口号设置为 666,则局域网内访问 http://axure:666即可访问

    image
  2. 设置nginx开机自启

    nginx本身是没有开机自启设置的,但是可以使用windows自带的自启动

    打开C:\ProgramData\Microsoft\Windows\Start Menu\Programs\StartUp,将nginx.exe的快捷方式拖入,即可在每次开机时,自动启动nginx

四 搭建维护

万事俱备,只欠东风,将axure生成的html 和markdown生成的html放入nginx,即可大功告成

1. Axure连接文档

  • nginx/html/下新建文件夹 doc存储文档

    image
    image

  • 将Markdown或者word产生的html放入到doc文件夹内

  • 设置axure页面加载时打开文档


    image
  • Axure生成html文件

  • 生成文件时选择 nginx/html路径

    image

  • 启动Nginx即可

    效果图


    image

2. 更新维护

  • 每次更新Axure时,发布html即可
  • 每次更新文档时,只需保存至nginx/html/doc下,替换原文件即可

五 总结

使用此方法相比较传统的 Axure+Word 将零散的文档和原型整合在一起,且可随时热更新更改的内容,而不用每次提醒开发或者美术文档更新,(由于Axure和Markdown均支持动图,所以在文档中有时可使用更多的动图来解释需求。)如果你有更酷更棒的产品工具方法论,欢迎留言探讨

作者:盐粒,刚刚毕业一年的产品新人

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,504评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,434评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,089评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,378评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,472评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,506评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,519评论 3 413
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,292评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,738评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,022评论 2 329
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,194评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,873评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,536评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,162评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,413评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,075评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,080评论 2 352

推荐阅读更多精彩内容