jetpad
1.0.0
Jetpad เป็นตัวแก้ไขข้อความความร่วมมือบนเว็บที่สร้างขึ้นด้วยเทคโนโลยีเรียลไทม์ Swellrt และกรอบ Angular 2
ติดตั้ง Node.js และ NPM Package Manager เพื่อดาวน์โหลดการอ้างอิง แล้วทำ:
git clone [email protected]:P2Pvalue/jetpad.git
cd jetpad
npm i
คุณสามารถเรียกใช้ในโหมด dev ด้วย:
npm start
เซิร์ฟเวอร์กำลังทำงานอยู่ที่ http: // localhost: 3000/
หากคุณต้องการสร้างโครงการในโหมด dev ทำ:
npm run build
สำหรับการผลิตพร้อมสร้างทำ:
npm run build:prod
ไฟล์เอาต์พุตจะถูกวางไว้ในโฟลเดอร์ '/dist'
Jetpad ต้องการ Swellrt เป็นเซิร์ฟเวอร์แบ็กเอนด์ หากต้องการตั้งค่าเซิร์ฟเวอร์ Swellrt โปรดไปที่ Swellrt Readme
หากคุณเรียกใช้ Jetpad ในโหมด Dev ( npm start ) ดัชนีไฟล์ index.html จะชี้ไปที่ localhost:9898 จุดสิ้นสุดการพัฒนาของการพัฒนาค่าเริ่มต้น สำหรับสถานการณ์อื่น ๆ แก้ไข index.html เพื่อปรับจุดสิ้นสุดเป็น swellrt.js
เมื่อใช้ nginx เป็นเซิร์ฟเวอร์ fronted สำหรับ 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 Starter การกำหนดค่าโฮสต์อย่างสมบูรณ์ภายใต้โฟลเดอร์ config ของโครงการ การกำหนดค่ามีสามประเภท: dev , prod และ test นอกจากนี้ยังมีการกำหนดค่าสำหรับการทดสอบหน่วยที่จัดการโดยการทดสอบ KARMA และ E2E ที่อยู่ในไม้โปรแทรกเตอร์
โครงการใช้ bootstrap เป็นกรอบ UI เวอร์ชันปัจจุบันคือ 3.3.7 โครงการยังใช้โมดูลการออกแบบวัสดุและโมดูล bootstrap-material-design และโมดูล bootstrap-sass
Bootstrap ยังต้องการ jQuery เวอร์ชันที่นำเข้ากับโครงการคือ 1.9.1 สไตล์ SASS ถูกกำหนดไว้ในโฟลเดอร์ src/assets และไฟล์หลักคือ src/app/app.style.scss
ปัจจุบันโครงการไม่ได้ใช้ส่วนประกอบเชิงมุมเป็นส่วนประกอบของเว็บ การกำหนดค่าใน app.component.ts , ส่วนประกอบหลักของแอปพลิเคชันตั้งค่าคุณสมบัติการห่อหุ้มเป็น encapsulation: ViewEncapsulation.None วิธีนี้ทั้งหมด sytles ที่กำหนดจะถูกเตรียมไว้ในองค์ประกอบสไตล์ในหัวของแอปพลิเคชัน การแปลงรูปแบบ SASS เป็น CSS ที่บริสุทธิ์นั้นถูกสร้างขึ้นโดย Webpack Loaders: CSS-Loader, CSS-to-String-Loader, Resolve-URL และ SASS-LOADER
รหัสและเอกสารลิขสิทธิ์ 2016-2017 Pablo Ojanguren, David Llop, Alejandro Garrido และการเติมเต็มมหาวิทยาลัยของมาดริด รหัสที่เผยแพร่ภายใต้ใบอนุญาต Affero GPL V3 DOC ได้รับใบอนุญาตภายใต้ CC ภายใน 4.0
