harvis
Angular

ดีพลอยแอป Angular ของคุณ

ng build produces static files either way, but exactly where it puts them changed with Angular 17's new esbuild-based application builder — worth checking before you point the CLI at the wrong folder.

steps
  1. 01

    Build the app

    Run "ng build" (or "npm run build"). Angular compiles and minifies the project into static output — no dev server, no watch mode.

  2. 02

    Check which output layout you have

    Angular 17 and newer (application builder): output lands in "dist/<project-name>/browser". Angular 16 and older: it's directly in "dist/<project-name>". Look for the folder that has an index.html at its top.

  3. 03

    ดีพลอยมัน

    รัน "npx harvis deploy dist/<project-name>/browser" จาก root ของโปรเจกต์คุณ ไม่ต้องตั้งค่าและไม่ต้องล็อกอินสำหรับการดีพลอยครั้งแรกนี้ — คุณจะได้ URL ใช้งานจริงทันที พร้อมลิงก์ claim ส่วนตัวเพื่อผูกไซต์เข้ากับบัญชีฟรีเมื่อคุณพร้อม

ดีพลอย Angular ด้วยคำสั่งเดียว

Build โปรเจกต์ของคุณ แล้วส่งโฟลเดอร์ output ให้ harvis ไม่ต้องมีบัญชีสำหรับการดีพลอยครั้งแรก — คุณจะได้ลิงก์ใช้งานจริงและลิงก์ claim ส่วนตัวเพื่อจัดการภายหลัง

terminal
ng build
npx harvis deploy dist/<project-name>/browser

อยากลากไฟล์แทนเทอร์มินัลไหม? Build โปรเจกต์แล้ว วางโฟลเดอร์ output ที่นี่ แล้วเผยแพร่แบบเดียวกัน

คำถามเกี่ยวกับการดีพลอย Angular

The dist folder doesn't have an index.html at the top — what am I missing?

You're on Angular 17+, where the application builder nests browser output one level deeper for the browser bundle. Look inside "dist/<project-name>/browser" instead of "dist/<project-name>" — that's the folder to deploy.

Does Angular routing (RouterModule) work after deploying?

Yes, for the default hash-free routing strategy — harvis falls back to your index.html for paths it doesn't recognize as files, which is what a direct visit to a deep route needs to resolve.

การดีพลอยแอป Angular ไปยัง harvis ฟรีจริงไหม?

ใช่ ไม่ต้องใช้บัตรเครดิต ขีดจำกัดฟรีคือ 500 ไฟล์และ 50 MB ต่อไซต์ ซึ่งเพียงพอมากสำหรับ static build ของ Angular ไซต์ที่เผยแพร่แล้วไม่มีวันหมดอายุ — จะออนไลน์อยู่จนกว่าคุณจะลบมัน

ฉันใช้โดเมนของตัวเองกับไซต์ Angular ที่ดีพลอยแล้วได้ไหม?

ทุกไซต์จะได้ที่อยู่ harvis.dev ฟรี และคุณเลือก subdomain ของตัวเองจากแดชบอร์ดได้หลังจาก claim — my-app.harvis.dev แทนที่จะเป็นชื่อสุ่ม การชี้โดเมนที่คุณเป็นเจ้าของอยู่แล้ว (เช่น mystore.com) มาที่ไซต์ยังไม่รองรับในตอนนี้

สิ่งนี้ต่างจากการดีพลอย Angular ไปยัง Vercel หรือ Netlify อย่างไร?

Vercel และ Netlify สร้างขึ้นรอบการเชื่อมต่อ Git repo แล้วรัน build บนเซิร์ฟเวอร์ของพวกเขา พร้อมแดชบอร์ดสำหรับตั้งค่า harvis ข้ามขั้นตอนเหล่านั้นทั้งหมด: คุณ build ในเครื่อง (หรือใน CI ของคุณเอง) รันคำสั่ง CLI เดียวกับโฟลเดอร์ output แล้วได้ลิงก์กลับมา — ไม่ต้องตั้งค่าโปรเจกต์ และไม่ต้องมีบัญชีจนกว่าคุณจะอยากเก็บไซต์ไว้

other frameworks

กำลังดีพลอยอย่างอื่นอยู่?

สูตรเดียวกันทุกที่ — build แล้ว npx harvis deploy โฟลเดอร์ output