หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

bzlist

Socket.io + Angular = (ชนิดของ) สถิติเซิร์ฟเวอร์แบบเรียลไทม์สำหรับ bzflag

การเปลี่ยนแปลงสามารถพบได้ที่นี่และไซต์ที่เป็นไปได้ที่ bzlist.net

เริ่มต้นใช้งาน

เป็นเรื่องง่ายที่จะเริ่มต้นใช้งานเพียงไม่กี่ขั้นตอนด้านล่าง

รับรหัส

คุณสามารถรับรหัสได้โดยการโคลนนิ่งความซ้ำซ้อน (ซึ่งแนะนำ) หรือดาวน์โหลดเป็นไฟล์ซิป

ในการโคลนที่เก็บข้อมูลต่อไปนี้ (คุณต้องติดตั้ง Git) 

git clone https://github.com/bzlist/bzlist.net.git
cd bzlist.net

ไฟล์ zip สามารถดูได้ที่ https://github.com/bzlist/bzlist.net/archive/master.zip

ติดตั้งแพ็คเกจ NPM

ติดตั้งแพ็คเกจ npm และตรวจสอบว่าทุกอย่างใช้งานได้: 

npm install

วิ่ง!

หากต้องการดูในการดำเนินการเรียกใช้ npm start ซึ่งสร้างและรวบรวมแอปพลิเคชันนาฬิกาสำหรับการเปลี่ยนแปลงไฟล์ต้นฉบับและเรียกใช้เซิร์ฟเวอร์เชิงมุม DEV บนพอร์ต 4200 ปิดด้วย Ctrl+C

สคริปต์ NPM ที่มีประโยชน์

เหล่านี้เป็นคำสั่งที่มีประโยชน์ที่สุดที่กำหนดไว้ใน package.json :

สั่งการ คำอธิบาย
เริ่ม เรียกใช้คอมไพเลอร์ TypeScript, Isset Copier และ Dev Server ทั้งหมดในเวลาเดียวกันใน "Watch Mode"
Build: Prod เรียกใช้คอมไพเลอร์ TypeScript ด้วยการปรับให้เหมาะสมและเครื่องถ่ายเอกสารสินทรัพย์หนึ่งครั้งและส่งออกไปยัง dist/browser
Build: Stats && (NPM Run Stats-ES5 หรือ Stats-2015) สร้างแอพและสร้างสถิติเป็น dist และเปิดสถิติในเบราว์เซอร์ของคุณ
Build: GH-PAGES เช่นเดียวกับ build:prod และเพิ่มคำนำหน้า bzlist.net สำหรับใช้กับหน้า github
สร้าง: SSR สร้างด้วยการเรนเดอร์ฝั่งเซิร์ฟเวอร์
ปรับใช้: GH-PAGES ปรับใช้กับหน้า GitHub
ปรับใช้: firebase ปรับใช้ทุกอย่างที่กำหนดค่าเป็น Firebase
ปรับใช้: Firebase: โฮสติ้ง ปรับใช้ dist/browser ไปยัง Firebase Hosting
ปรับใช้: Firebase: SSR ปรับใช้ฟังก์ชั่น SSR ไปยัง Firebase, DELETES dist/browser/index.html และปรับใช้โฮสติ้ง

หมายเหตุ: หากคุณปรับใช้กับการเรนเดอร์ฝั่งเซิร์ฟเวอร์คุณต้องลบ dist/browser/index.html หลังจากรวบรวมฟังก์ชั่น ssr และก่อนที่จะปรับใช้กับโฮสติ้ง สิ่งนี้จะทำโดยอัตโนมัติด้วย npm run deploy:firebase:ssr

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด