以下內容均是新開發環境的JS部分,無涉及構建部分
一: 開發前準備階段:
腳手架安裝:
前提:
(1)切域:
npm set registry http://npm.gomefe.com
(2)綁定代理:
10.115.0.92 npm.gomefe.com
開始安裝:
- 安裝autopack:
npm install autopack -g
- 創建模板文件目錄:
autopack --init project //創建一個文件名為project的文件
- 進入項目:
cd project
- 安裝依賴
npm install
- 開啟服務
autopack --server --port 3000
- 最后一步檢查服務是否開啟:
http://localhost:3000/src/js里面的js文件
二:開發調試階段:
首先確保本地服務已開啟,并且可以正常訪問;
給到php電腦ip以及服務端口號(我電腦的ip每天都不同,每天第一件事就是跟php交換最新的ip : )),綁定php那邊代理;剩余的交給php處理
最后檢查php給的頁面也就是開發頁面是不是走的本地資源,沒有問題就可以愉快地進行開發了
倉庫的創建:
前面我們通過腳手架創建了文件資源,找有權限的人創建專屬于你這個項目的倉庫,放入你的資源
注意命名規范: 比如圈子話題詳情:plus-circle-js
創庫創建時間: 測試之前
三: 測試階段:
注意:
- 現在我們沒有以前在美信的 UAT,預生產,準生產,灰度環境了(一開始也迷糊了好久),測試測試的環境資源 === 打包壓縮后的資源
- 打包壓縮后的資源:現在我們JS包括構建本地去除打包壓縮這個步驟,相關的步驟都挪到php那端,所以 我們無需再跑gulp
- 測試有問題怎么調試:類同上面開發調試階段,調整完代碼提交到遠程分支,讓php打包壓縮,然后測試就可以看到你調整后的效果
四:上線階段:
- 重大改變:
以前我們走的那一套較為復雜的上線流程,現在通通都不用了!(包括更改版本號發版等)
關于上線我們要做的就是確保我們master分支上的代碼沒有問題(后端打包壓縮的最后一版)
五: 后期維護階段:
應該注意的幾個問題:
以前:
- 一個比如說整個wab,整個內嵌只有一個倉庫(對于我們前端來說:包含JS和構建都在一起)
現在:
- 一個項目包含三個倉庫:JS,構建,PHP. 美其名各司其職,互不干涉
還有一點就是這次重構就我一個做這塊js,然后我直接在master里面進行開發,這在以后的開發是不推薦的,特別是多人的情況容易產生沖突,這塊還是按照以前的流程新建分支進行開發,沒有問題再往master里面合并(php那邊暫時還沒支持打包壓縮分支里代碼,后期會支持)