eoLinker-AMS開源版 前端二次開發(fā)說明

eoLinekr-AMS接口管理系統(tǒng)開源版本

快速開始

從各個(gè)渠道下載下來的文件中，release文件夾內(nèi)是可以直接部署在服務(wù)器上的發(fā)行版代碼（安裝教程請(qǐng)見https://www.eolinker.com/#/os/guide?point=require#require）需要進(jìn)行二次開發(fā)的朋友則需要關(guān)注后端源碼和前端源碼這兩個(gè)文件夾；

后端配置

eoLinker二次開發(fā)后端配置與發(fā)行版一致，詳情請(qǐng)見官方教程

（https://www.eolinker.com/#/os/guide?point=require#require）

安裝環(huán)境

eoLinker二次開發(fā)前端需要配置C,python,nodeJS編譯環(huán)境，開發(fā)之前請(qǐng)確保您的系統(tǒng)已經(jīng)配置好上述環(huán)境，并將C和python添加到環(huán)境變量之中。

對(duì)安裝編譯環(huán)境不熟悉的開發(fā)者，這里提供一個(gè)簡(jiǎn)單的方法：官網(wǎng)下載visual studio

（您亦可以通過網(wǎng)盤下載：https://pan.baidu.com/s/1mhPpTLe 密碼：mdwt）

因?yàn)橥暾姹容^大，可能會(huì)安裝比較長的時(shí)間，但安裝完成后便不需要再安裝python和配置環(huán)境變量了，因?yàn)関s已經(jīng)幫我們完成了。

安裝依賴

安裝完環(huán)境后，進(jìn)入前端源碼文件夾，這里要注意把文件名中的中文去掉，然后打開命令行，切換成淘寶鏡像，執(zhí)行npm install安裝前端依賴。

然后執(zhí)行npm install bower -g全局安裝bower,完成后執(zhí)行bower install安裝前端插件。

可能因?yàn)榫W(wǎng)絡(luò)因素的原因，有部分插件沒有安裝成功，您可以單獨(dú)用npm或bower install 這個(gè)插件。

修改請(qǐng)求轉(zhuǎn)發(fā)地址

eoLinker前端使用代理進(jìn)行請(qǐng)求轉(zhuǎn)發(fā)，在gulp/server.js里可以修改請(qǐng)求轉(zhuǎn)發(fā)地址，只需將紅框內(nèi)容改為您的服務(wù)器所在地址即可。

運(yùn)行項(xiàng)目

如果您完成了以上五步，運(yùn)行g(shù)ulp serve即可進(jìn)入開發(fā)模式，運(yùn)行g(shù)ulp build進(jìn)入編譯模式生成可部署上服務(wù)器的發(fā)行版代碼，運(yùn)行g(shù)ulp serve:dist進(jìn)入調(diào)試上線模式。

前端目錄結(jié)構(gòu)

Gulp

gulp
├─base.js |配置基本項(xiàng)目依賴
├─build.js |生成上線版本腳本
├─config.js |全局配置文件
└server.js |代理服務(wù)器/服務(wù)器啟動(dòng)腳本
 
#詳細(xì)配置見文件注釋

框架目錄

主要功能目錄

eo-os
├─gulp |腳本管理
├─app.conf.json | Angular全部變量配置文件,通過[dev-config/prod-config任務(wù)編譯]
├─config.rb |compass配置文件
├─config.js |全局配置文件
├─vendor.base.json   |前端啟動(dòng)依賴文件(打包會(huì)隨源文件一同壓縮)
├─vendor.json   |前端依賴庫文件(通過Lazyload模塊加載)
├─package.json |編譯模塊依賴文件以及項(xiàng)目配置--新增模塊請(qǐng)注意加上 npm install --save 新安裝模塊
└bower.json   |前端依賴庫json文件 bower install --save 新安裝模塊

源文件

app目錄主要文件

app
├─assets |存放靜態(tài)文件
├─config|全局配置文件,包括路由配置模塊routes,全局定義模塊core,以及按需加載模塊lazyload
├─directive |指令模塊,頁面所有的指令文件寫在這里,模塊位置為eo-shop(項(xiàng)目名).directive
├─service |服務(wù)模塊,頁面所有的服務(wù)文件寫在這里,模塊位置為eo-shop(項(xiàng)目名).service
├─filter |過濾器模塊,頁面所有的過濾器文件寫在這里,模塊位置為eo-shop(項(xiàng)目名).filter
├─constant |存放常量文件
├─resource |Api配置模塊,全局的Api配置位置
├─app.module.js|全局模塊依賴聲明模塊,如無需全局依賴更改,不要隨意改動(dòng)該文件內(nèi)容.
├─app.conf.js |由app.conf.json編譯而來的全局變量文件,配置當(dāng)前開發(fā)模式DEV/PRODUCTION
├─vendor.js |前端依賴js庫文件,隨index.html注入文檔
├─vendor.scss |前端依賴scss庫文件,通過在index.scss中引入
└index.scss |全局的樣式文件.

eoLinker-AMS開源版與eoLinker線上Free、PRO版本之間數(shù)據(jù)是可以相互導(dǎo)入導(dǎo)出的，更多接口管理功能，歡迎大家前往www.eolinker.com注冊(cè)使用！

eoLinker開源版接口管理系統(tǒng)僅供用戶下載試用、學(xué)習(xí)和交流，禁止一切公開使用于商業(yè)用途或者以eolinker開源版本為基礎(chǔ)而開發(fā)的二次版本在互聯(lián)網(wǎng)上流通。

一經(jīng)發(fā)現(xiàn)違反上條規(guī)則，我們將立刻啟用法律程序進(jìn)行維權(quán)。
希望我們能夠共同維護(hù)國內(nèi)的互聯(lián)網(wǎng)開源文明和正常商業(yè)秩序。