热门推荐

精选推荐

当前位置: 首页> 淘宝客

AxShare太慢?试试用Coding+Git来部署原型图

发布时间:20-03-13

文章主要分享如何利用Coding+Git来进行原型分享预览。一起来学学吧。

简介

目前,把Axure原型图给别人预览的方式有如下几种:

通过Axure自带的功能发布到AxShare$上,访问︰速度极慢。 原型图导█出hⅨt︵ml文件,整个文件夹传给别人,效率极低▐。 新浪SAE+♂Svn,部署到国内服务器,网页的访问和响应速度很快。
4. Coding+Git,和上面同理,只是实现方式不同。※

本文讲解第四种方●式实现,是因为我更熟悉Git的操作命令,同时推荐Coding.―net的原因是它提供一个pages功▼能,能帮你托管web文件,支持在线浏览!就如搭建了一个小网站一∑样。

把原型.pr和.html文件托管到远程仓库,和程序代码的托░管,思路是一样的。可以系统,安全的进行版本控制╟和管理!

如果你是一名有开发背景的PM,此处а肯定是轻车熟路。

如果你没有开发经验,关于Git的知识可以请教你们的开发同事,入Л门成本也不算高。

步骤

前∞期准备

本地建立文件夹TestProject(文件夹名称自己定义),把原型图生成的html存放在里面,作为本地仓库。

一、注册Codinαg

Coding地址:https://coding.net

二、创建项Э目

项目名称要和本地文件夹名称相同。

私有:只能自己|或制定人看到 公开:暴露给他人看

免费版的私有项目创建数量┆┇有限,所有此处我用的公开。

填∪写完“名称”,“描述”,“私有/公有”,就可以直接点击“创建↑项目”了。

三、远程托管

当项目创建成功后,会显示如下内容:

那么此时,依次执行以下操作:

Ξ打开命令行(Windows:win+R后,输入cmd ☆Mac: iterm或者Launchpadミ-其他-终端) 使用╜liunx操作命令,进入到你的项目文件夹TestProject里 (与coding项目同名的文件夹) 执行如下】命令(不用按照Coding官方要求的git命令): →

git init
git a┑dd .

git commit -m “first commit”
git remote ad〣d origin https://….. (复制https中的链接到此处)
git push -u ☆origin master

如果命令行显示了如下内容★,既表示远程仓库托管成功!

四、开启Pages服务

部署来源选择为:master◥分支,点击保存后,等待十多秒,会提示部署成≤功!

把“Coding Pages已经运行在..”后☉面的url链接复制下来httpⅦ:๑//Ygh999.coding.me/T⿶estProのject

这就是浏览你原型图的根目录。

五、通过Coding预览原型图

回到代码中,找到starЕt.html,把它拼到你的根ur·l链接后面:

http://Ygh999?.coding.me/TestProject/start.html

这就是浏览你产品原型图的HTTP链接。

最后

严格来讲,应该建立两个工程文件夹,一个是存放原型图.rp的,一个是存放原型图.html的,前者通过codinⓞg.۞net来远程托管,』版本控制,后者则是在线浏览。

要不是某墙,也用不着这么大费周折,AxShare╩其实挺好用的…

 

本文由 @拥抱变化原创发布于人人都是产品经理。未≥经许可,禁止转载。

上一篇: 360:2018年家居家装行业大数据研究报告(附下载)
下一篇: 关于优秀的员工获得奖励演讲稿实例范文
听歌赚微信红包的软件_听书赚钱每分钟0.3元_通过微信公众平台挣钱 2019-2022版权所有