Deploy aplikasi Angular anda
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.
- 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.
- 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.
- 03
Deploy
Jalankan "npx harvis deploy dist/<project-name>/browser" daripada akar projek anda. Tiada konfigurasi dan tiada log masuk untuk deploy pertama ini — anda dapat URL langsung serta-merta, ditambah pautan tuntutan peribadi untuk melampirkan laman itu ke akaun percuma bila-bila masa anda bersedia.
Deploy Angular dengan satu arahan
Bina projek anda, kemudian serahkan folder output kepada harvis. Tiada akaun diperlukan untuk deploy pertama — anda akan dapat pautan langsung dan pautan tuntutan peribadi untuk menguruskannya kemudian.
ng build npx harvis deploy dist/<project-name>/browser
Lebih suka menyeret fail daripada terminal? Bina projek itu, kemudian lepaskan folder output di sini dan terbitkannya dengan cara yang sama.
Soalan deploy 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.
Adakah deploy aplikasi Angular ke harvis sebenarnya percuma?
Ya, tiada kad diperlukan. Had percuma ialah 500 fail dan 50 MB setiap laman, yang cukup untuk binaan Angular statik dengan banyak ruang lebih. Laman yang diterbitkan tidak luput — ia kekal live sehingga anda memadamnya.
Bolehkah saya guna domain saya sendiri dengan laman Angular yang dideploy?
Setiap laman mendapat alamat harvis.dev percuma, dan anda boleh memilih subdomain anda sendiri daripada papan pemuka selepas menuntutnya — my-app.harvis.dev berbanding satu yang rawak. Mengarahkan domain yang anda sudah miliki (seperti mystore.com) ke laman itu belum lagi disokong.
Apa bezanya ini dengan deploy Angular ke Vercel atau Netlify?
Vercel dan Netlify dibina di sekitar penyambungan repo Git dan menjalankan binaan anda di pelayan mereka, dengan papan pemuka untuk mengkonfigurasinya. harvis melangkau semua itu: anda bina secara tempatan (atau dalam CI anda sendiri), jalankan satu arahan CLI terhadap folder output, dan dapatkan pautan — tiada persediaan projek, dan tiada akaun diperlukan sehingga anda mahu mengekalkan laman itu.
Deploy sesuatu yang lain?
Resepinya sama di mana-mana sahaja — bina, kemudian npx harvis deploy output itu.