JetPad是一個基於Web的協作文本編輯器,它是由Swellrt實時技術和Angular 2框架構建的。
安裝Node.js和NPM軟件包管理器,以便下載依賴項。然後,做:
git clone [email protected]:P2Pvalue/jetpad.git
cd jetpad
npm i
您可以在Dev模式下運行它:
npm start
服務器現在正在http:// localhost:3000/
如果要以開發模式構建項目,請執行:
npm run build
對於生產準備構建,請執行:
npm run build:prod
輸出文件將放置在“/dist”文件夾中。
JetPad需要Swellrt作為後端服務器。要設置Swellrt服務器,請訪問Swellrt Readme。
如果您在開發模式( npm start )以DEV模式運行JetPad,則索引文件index.html將指向localhost:9898 ,默認的Swellrt開發端點。對於其他方案,編輯index.html將端點調整為swellrt.js 。
當使用NGINX作為JETPAD的前部服務器時,請使用以下配置正確緩存資源:
server {
listen 80;
listen [::]:80;
server_name jetpad.local.net;
root /var/www/jetpad;
index index.html;
location / {
try_files $uri$args $uri$args/ $uri/ /index.html =404;
add_header Cache-Control must-revalidate;
}
location /assets {
etag on;
}
location ~ .bundle.js$ {
add_header Cache-Control public;
etag off;
expires max;
gzip on;
gzip_types application/javascript;
}
}
JetPad使用WebPack 2。為了管理項目依賴項,您應該使用NPM系統或直接在package.json文件中添加新的依賴項:
npm install <dependency> --save
該項目的佈局基於AngularClass啟動器。該配置完全託管在項目的config文件夾下。配置有三種類型:開發,產品和測試。此外,還有一種基於量角器的業力和E2E測試管理的單位測試配置。
該項目將Bootstrap用作UI框架。當前版本為3.3.7。該項目還使用Bootstrap-Material設計模塊和Bootstrap-Sass模塊。
Bootstrap也需要jQuery 。該項目導入的版本為1.9.1。 SASS樣式是在src/assets文件夾中定義的,主文件是src/app/app.style.scss 。
目前,該項目並未將角組件作為Web組件實現。 App.component.ts中的配置,應用程序的主要組成部分將封裝屬性設置為encapsulation: ViewEncapsulation.None 。這樣,所有定義的sytles都將在應用程序頭的樣式元素中備份。 SASS樣式對純CSS的轉換由WebPack加載程序組成:CSS-LOADER,CSS-TO-string-Loader,Resolve-url和Sass-Loader。
代碼和文檔版權所有2016-2017 Pablo Ojanguren,David Llop,Alejandro Garrido和Madrid的大學合併。根據Affero GPL V3許可證發布的代碼。根據CC的許可,由4.0獲得許可。