現今，市場上已經有(you)很多原型工(gong)具，可以(yi)讓(rang)產品經理(li)(li)快(kuai)速(su)繪制產品原型，但Axure在功能全(quan)面性上至今還是(shi)原型工(gong)具的王者(zhe)。使用Axure制作帶復(fu)雜(za)交互(hu)的原型是(shi)產品經理(li)(li)基礎技能。研(yan)發測試人員在理(li)(li)解(jie)需求(qiu)過程中，帶交互(hu)的原型可以(yi)有(you)效(xiao)加(jia)強理(li)(li)解(jie)程度(du)和提高理(li)(li)解(jie)速(su)度(du)。
產品(pin)迭代速(su)度快，產品(pin)經理更新原(yuan)型頻繁，就對分享(xiang)方(fang)法(fa)提出了更高要(yao)求(qiu)。把原(yuan)型頁面打包成(cheng)壓縮包在(zai)(zai)發送的(de)(de)方(fang)式顯然(ran)從版本管(guan)理和信息(xi)同步都難(nan)以滿足(zu)(zu)快速(su)迭代的(de)(de)要(yao)求(qiu)。而Axure的(de)(de)分享(xiang)功能放在(zai)(zai)現在(zai)(zai)看仍然(ran)讓人感到捉(zhuo)急，自帶(dai)服務器(qi)慢得讓人懷(huai)疑(yi)是土(tu)豆服務器(qi)。使用第三方(fang)網(wang)站的(de)(de)分享(xiang)方(fang)式看似省(sheng)事，但是安全性不(bu)足(zu)(zu)，擔(dan)心產品(pin)設(she)計內容泄露。
因此(ci)，本文提(ti)供(gong)一(yi)種自己搭(da)建原(yuan)(yuan)型(xing)服(fu)(fu)務器(qi)(qi)的(de)方案(an)來解(jie)決原(yuan)(yuan)型(xing)的(de)分享問題。本方案(an)采用(yong)天翼(yi)云的(de)公(gong)有云主機和公(gong)網服(fu)(fu)務來做(zuo)演示。實際(ji)企業內(nei)網自有服(fu)(fu)務器(qi)(qi)和內(nei)網訪(fang)問也完全適用(yong)。讓我們開(kai)搞：
首先(xian)，Axure生成的(de)是標準的(de)html靜態頁面，這(zhe)就意味著可以使(shi)用(yong)Tomcat工具對頁面進(jin)行(xing)發布。因此我們的(de)目標就是“在云主機(ji)上通過Tomcat部(bu)署發布原型(xing)頁面”
申請一臺(tai)云(yun)主機(ji)：
作為原(yuan)型服務器，配(pei)置不(bu)需要太高，2C4G就夠用(yong)
選擇操作(zuo)系統：
為了后(hou)續配置方便考(kao)慮，選擇(ze)Windows系統，因為有圖形化界面。硬核的同學(xue)選擇(ze)Linux也(ye)一樣可行。
存儲：
系(xi)統盤默認大小，數據盤不需要，刪(shan)除掉節約成本。
網絡配置：
公有云主機都要(yao)進(jin)(jin)行VPC和網卡的配置，我們搭建服務主要(yao)通過公網訪(fang)問，不(bu)需(xu)要(yao)對VPC的概念(nian)進(jin)(jin)行了解(jie)，采用默認配置即可
安(an)全組(zu)：
提(ti)供公網訪(fang)問必須放行安全(quan)組規則，這里(li)選擇default即可(ke)。后面(mian)我們會(hui)詳細說明規則配置。
彈性IP：
為了(le)原型能被公(gong)網(wang)(wang)訪問(wen)(wen)，必須附帶(dai)一個彈(dan)性公(gong)網(wang)(wang)IP，對于原型這種(zhong)訪問(wen)(wen)量不大的服務，帶(dai)寬申請5M就夠(gou)用了(le)，5M以(yi)上的價格會比(bi)較高。
登錄密碼：
這(zhe)里設(she)置的是主機的Administrator管(guan)理員(yuan)密碼，輸入(ru)后(hou)請記住，后(hou)面登錄主機要使用。
提(ti)交訂單：
總費用322元(yuan)/月，記得關注官網活(huo)動，可以(yi)享受更低價格。
支付(fu)后一般等待(dai)一分鐘左右，即(ji)可創建成功：
創建后，先在控制臺頁(ye)面(mian)，進(jin)入主機的(de)詳(xiang)情頁(ye)面(mian)，查看主機安(an)全組配置：
入(ru)方向允許TCP-3389，說(shuo)明可(ke)以遠程(cheng)登錄。
出方向允許Any，說(shuo)明可以(yi)上網。
如果沒有這兩個規(gui)則(ze)，就添加(jia)規(gui)則(ze)添加(jia)上這兩條
使用遠程(cheng)桌面(mian)工具或控制臺的VNC登錄主機：
小Tips：登錄時需要Ctrl+Alt+Delete解鎖，如果使(shi)用的是(shi)天(tian)翼云控制臺VNC，要使(shi)用右(you)上角(jiao)的“Send CtrlAltDel”按鈕，使(shi)用本機鍵盤是(shi)沒有用的。
登(deng)錄密碼：
就是(shi)創建時(shi)候(hou)設置的密碼(ma)
登(deng)錄后驗證(zheng)公(gong)網：
打(da)(da)開(kai)瀏覽器輸(shu)入個網址驗(yan)證一(yi)下是(shi)否能訪(fang)問公(gong)網。圖中成功打(da)(da)開(kai)了天翼云官網，網絡OK。
然后就可以下載Tomcat安(an)裝包了。
這里需(xu)要注意(yi)，一般云(yun)廠商(shang)提(ti)供的Windows server系統，自帶的還(huan)是IE瀏覽(lan)器，IE瀏覽(lan)器大(da)家都(dou)懂的。
如(ru)果(guo)下載遇到(dao)這(zhe)樣的情況：
就需要對瀏覽器進行一些(xie)安全設(she)置，進入Internet選項
降低(di)安全(quan)設置，啟(qi)用下載文(wen)件(jian)：
設置后即可下載(zai)文(wen)件了：
讓我(wo)們先(xian)下載一個谷歌(ge)瀏覽器(qi)來(lai)進行(xing)后續(xu)操(cao)作。
接下來正常下載-安裝-啟(qi)動Tomcat，詳細過程可以參考這篇文(wen)章：
《Windows上安裝Tomcat——圖文詳解》來自csdn
鏈接地址：//blog.csdn.net/m0_61232019/article/details/127723194
安(an)裝(zhuang)Tomcat前要(yao)先安(an)裝(zhuang)Jdk，Jdk版本(ben)和Tomcat版本(ben)要(yao)匹配：
安裝Tomcat時的初始化配置：
端口(kou)我們先設置(zhi)默(mo)認(ren)8080，用(yong)戶名(ming)密(mi)碼要記(ji)住(zhu)，后(hou)面需要使(shi)用(yong)。
安裝后設(she)置(zhi)環境(jing)變量(liang)，啟(qi)動tomcat服務(wu)，通過//locathost:8080進入管理頁，Tomcat安裝并啟(qi)動成功：
選擇Manager App,彈(dan)出登錄窗(chuang)口：
輸入安裝(zhuang)時(shi)設置的用戶(hu)名和密(mi)碼進行登錄。
登錄(lu)成(cheng)功后，我們先(xian)準備原型(xing)文件(jian)。畫一個原型(xing)demo，生成(cheng)html：
原型文件生(sheng)成到指定的(de)路(lu)徑(jing)下是這樣的(de)：
將全部(bu)文件和文件夾壓縮為zip格(ge)式，起(qi)一個名字：
然后修改后綴(zhui)為(wei).war：
注(zhu)意：這個壓縮(suo)改后綴的方(fang)(fang)法只適用于通(tong)過MacOS系(xi)統(tong)壓縮(suo)。Windows系(xi)統(tong)的方(fang)(fang)法以后再做(zuo)介紹。
將war包(bao)上(shang)傳到(dao)云主機上(shang)。方(fang)法非常多，ftp、遠(yuan)程工具，甚至可以通(tong)過郵(you)箱發(fa)送。
在Tomcat上進行war包部(bu)署，點擊選擇文件(jian)：
打(da)開(kai)的窗口中(zhong)，選擇axure.war
點擊部署(shu)：
看到這個樣子(zi)就說明部署(shu)成功了：
部署成功(gong)后(hou)，使用(yong)本地(di)本地(di)路徑//localhost:8080/axure訪問，已經可以(yi)正常訪問了(le)：
接下來設置公網(wang)(wang)訪(fang)問，運(yun)營商的公網(wang)(wang)一般都因為(wei)工信部要求禁用8080端(duan)口(kou)。我們將tomcat端(duan)口(kou)調整為(wei)8081。
找(zhao)到tomcat安裝路徑(jing)下(xia)的(de)conf文(wen)件夾下(xia)的(de)server.xml，使用記事本將里面的(de)8080全部(bu)改為8081：
然后去云主機(ji)頁面，安全組規則放開8081端口：
放開(kai)后可以嘗試(shi)通過telnet命(ming)令遠程訪問(wen)測(ce)試(shi)端口，命(ming)令是：telnet [Ip] [端口]
嘗(chang)試公網訪(fang)問原(yuan)型頁面，訪(fang)問地址為：//申請的公網IP:8081/原(yuan)型路徑：
訪問成(cheng)功！
這樣就可以(yi)把這個(ge)(ge)鏈接(jie)分享給研發(fa)測試(shi)同學，以(yi)后更新原型(xing)只需要(yao)使用Tomcat重新發(fa)布，即可保證這個(ge)(ge)鏈接(jie)的(de)原型(xing)永(yong)遠是最(zui)新版本了(le)
結語：
作為產(chan)品(pin)經理，掌握部署Tomcat服務的方法實屬(shu)超綱(gang)，但是本文更多(duo)的是給(gei)產(chan)品(pin)經理打開(kai)一個思路，通過(guo)不(bu)同的方式來解決工作中的問題。
本文仍然遺(yi)留了很多后續問題，比如(ru)：
如何重新(xin)發布？
如何控制原型的訪問權限(xian)？
日常頻(pin)繁發布如(ru)何減少操(cao)作？
Tomcat掛了怎(zen)么辦？
Windows下怎么(me)生成原型(xing)的war包？
如果對(dui)這些(xie)問題感興趣請給(gei)我留言。
