Angular adalah kerangka kerja pengembangan aplikasi sumber terbuka yang populer. Ini sangat dapat dikembangkan dan digunakan untuk mengembangkan aplikasi seluler dan web menggunakan TypeScript/JavaScript. Ini dirancang untuk membangun aplikasi skala kecil hingga besar dari awal. Ini menyediakan utilitas Angular CLI untuk membuat, mengelola, membangun, dan menguji aplikasi Angular..
Dalam posting ini, kami akan menunjukkan cara menginstal Angular (CLI) di CentOS 8.
Prasyarat
- Server yang menjalankan CentOS 8.
- Kata sandi root dikonfigurasi di server Anda.
Instal Node.js
Untuk menginstal Angular, Node.js harus diinstal di server Anda. Jika belum terinstal, Anda dapat menginstalnya dengan perintah berikut:
curl -sL https://rpm.nodesource.com/setup_14.x | bash -
dnf install nodejs -y
Setelah instalasi selesai, verifikasi versi Node.js yang diinstal dengan perintah berikut:
node --version
Keluaran:
v14.16.1
Anda juga dapat memverifikasi versi NPM menggunakan perintah berikut:
npm --version
Keluaran:
6.14.12
Instal Angular/CLI
Sekarang, Anda dapat menginstal Angular/CLI dengan menjalankan perintah berikut:
npm install -g @angular/cli
Setelah diinstal, verifikasi versi Angular/CLI yang diinstal dengan perintah berikut:
ng --version
Anda akan mendapatkan output berikut:
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ ? \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
Angular CLI: 11.2.7
Node: 14.16.1
OS: linux x64
Angular:
...
Ivy Workspace:
Package Version
------------------------------------------------------
@angular-devkit/architect 0.1102.7 (cli-only)
@angular-devkit/core 11.2.7 (cli-only)
@angular-devkit/schematics 11.2.7 (cli-only)
@schematics/angular 11.2.7 (cli-only)
@schematics/update 0.1102.7 (cli-only)
Buat Aplikasi dengan Angular
Angular/CLI menyediakan cara yang lebih mudah untuk membuat dan menerapkan aplikasi di lingkungan produksi dan lokal.
Untuk membuat aplikasi baru bernama hello-world, jalankan perintah berikut:
ng new hello-world
Setelah aplikasi dibuat, ubah direktori menjadi hello-world dan luncurkan aplikasi dengan perintah berikut:
cd hello-world
ng serve
Anda akan melihat output berikut:
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ ** ? Compiled successfully. ? Browser application bundle generation complete. Initial Chunk Files | Names | Size styles.css | styles | 119 bytes 4 unchanged chunks Build at: 2021-04-07T05:56:55.420Z - Hash: 7af40beb75c73ecdc1c9 - Time: 523ms ? Compiled successfully.
Seperti yang Anda lihat, aplikasi Anda dimulai dan mendengarkan pada port 4200 di locahost.
Tekan CTRL+C untuk menghentikan aplikasi.
Jika Anda ingin meluncurkan aplikasi Anda pada alamat IP atau port tertentu, jalankan perintah berikut:
ng serve --host 0.0.0.0 --port 3000
Anda akan mendapatkan output berikut:
Initial Chunk Files | Names | Size
vendor.js | vendor | 2.69 MB
polyfills.js | polyfills | 128.74 kB
main.js | main | 56.94 kB
runtime.js | runtime | 6.15 kB
styles.css | styles | 119 bytes
| Initial Total | 2.87 MB
Build at: 2021-04-07T05:58:19.494Z - Hash: d50a7bd2c684713d3b6b - Time: 11348ms
** Angular Live Development Server is listening on 0.0.0.0:3000, open your browser on http://localhost:3000/ **
? Compiled successfully.
Akses Aplikasi Sudut
Pada titik ini, aplikasi Angular Anda dimulai dan mendengarkan pada port 3000 di semua antarmuka jaringan. Sekarang Anda dapat mengaksesnya menggunakan URL http://your-server-ip:3000. Anda akan melihat aplikasi Anda di halaman berikut:
Kesimpulan
Selamat! Anda telah berhasil menginstal Angular di CentOS 8. Sekarang Anda dapat mulai membangun aplikasi pertama Anda dengan Angular dan menerapkannya di lingkungan produksi.