Cara membuat server localhost untuk menjalankan proyek AngularJS

saya telah menggunakan Xampp dan JetBrain WebStorm untuk menjalankan proyek AngularJS. Tapi ini rumit dan kinerjanya rendah. Apakah ada cara lain untuk menjalankan proyek AngularJS?

Jika Anda menjalankan node.js http-server sangat mudah.

cd ke dalam folder proyek Anda dan

npx http-server -o 

# or, install it separately so you don't need npx
npm install -g http-server
http-server -o 

-oadalah membuka browser ke halaman. Jalankan http-server --helpuntuk melihat opsi lain seperti mengubah nomor port

Tidak punya node?

satu baris lainnya ini mungkin lebih mudah jika Anda tidak memiliki node/ npmmenginstal.

Misalnya python sudah terinstal di sebagian besar sistem, jadi server python John Doe di bawah ini akan lebih cepat.

MacOS dilengkapi dengan ruby, jadi ini adalah opsi mudah lainnya jika Anda menjalankan Mac: ruby -run -ehttpd . -p8000dan buka browser Anda http://localhost:8000.

Python memiliki perintah bawaan khusus untuk menjalankan server web:

Python3.x:

python -m http.server 8000

Versi lain:

python -m SimpleHTTPServer 8000

Akan memulai server web pada port 8000

(Python adalah prasyarat untuk ini; jika Anda belum menginstal python, jawaban lain mungkin lebih mudah)

Anda dapat mulai dengan menginstal Node.js dari terminal atau cmd:

apt-get install nodejs-legacy npm

Kemudian instal dependensi:

npm install

Kemudian, mulai server:

npm start

cd <your project folder>(di mana kode yang dapat diterapkan angularjs Anda ada di sana)

sudo npm install serve -g

Menyajikan

Anda dapat membuka halaman Anda di

localhost: 3000 atau IPaddress: 3000

Saya menggunakan:

• ekspres dan
• morgan
  
  

Instal Node.js. dan npm. npm diinstal dengan Node.js

Ditempatkan di dalam direktori root project

$ cd <your_angularjs_project>

Perintah selanjutnya membuat package.json

$ npm init

Instal express ==> Cepat, tidak beropini, minimalis untuk node:

$ npm install express --save

Instal morgan ==> middleware pencatat permintaan HTTP untuk node.js

$ npm install morgan --save

buat file server.js

tambahkan kode berikut di file server.js

// Required Modules
var express    = require("express");
var morgan     = require("morgan");
var app        = express();

var port = process.env.PORT || 3002;

app.use(morgan("dev"));
app.use(express.static("./"));

app.get("/", function(req, res) {
    res.sendFile("./index.html"); //index.html file of your angularjs application
});

// Start Server
app.listen(port, function () {
    console.log( "Express server listening on port " + port);
});

Terakhir, jalankan proyek AngularJS Anda di server localhost:

$ node server.js

Gunakan paket npm server web lokal.

https://www.npmjs.com/package/local-web-server

$ npm install -g local-web-server
$ cd <your-app-folder>
$ ws

Juga, Anda bisa lari

$ ws -p 8181

-p mendefinisikan port yang ingin Anda gunakan

Setelah itu, buka browser Anda dan akses http: localhost: 8181 /

• Lari

ng melayani

Perintah ini berjalan di terminal Anda setelah Anda di lokasi folder proyek seperti ~/my-app$

• Kemudian jalankan perintah - ini akan menunjukkan URl NG Live Development Server sedang mendengarkan localhost:4200

• Buka browser Anda di http: // localhost: 4200

Aplikasi sudut dapat digunakan menggunakan server Web apa pun di localhost. Opsi di bawah menguraikan petunjuk penerapan untuk beberapa kemungkinan penerapan server web bergantung pada persyaratan penerapan Anda.

Layanan Informasi Internet (IIS) Microsoft

1. Windows IIS harus diaktifkan

   1.1. Di Windows, akses Panel Kontrol dan klik Tambah atau Hapus Program.

   1.2. Di jendela Tambah atau Hapus Program, klik Tambah / Hapus Komponen Windows.

   1.3. Pilih kotak centang Internet Information Services (IIS), klik Next, lalu klik Finish.

   1.4. Salin dan ekstrak file Zip Aplikasi Angular ke direktori root server web: C: \ inetpub \ wwwroot

2. Aplikasi Angular sekarang dapat diakses menggunakan URL berikut: http: // localhost: 8080

Server Web Ringan NPM

1. Menginstal server web ringan 1.1. Unduh dan instal npm dari: https://www.npmjs.com/get-npm 1.2. Setelah npm diinstal, buka prompt perintah dan ketik: npm install -g http-server 1.3. Ekstrak file Angular Zip
2. Untuk menjalankan server web, buka prompt perintah, dan arahkan ke direktori tempat Anda mengekstrak Angular sebelumnya dan ketik: http-server
3. Aplikasi Angular Application sekarang dapat diakses menggunakan URL berikut: http: // localhost: 8080

Server Web Apache Tomcat

1. Menginstal Apache Tomcat versi 8 1.1. Unduh dan instal Apache Tomcat dari: https://tomcat.apache.org/ 1.2. Salin dan ekstrak file Angular Application Zip ke direktori root webserver C: \ Program Files \ Apache Software Foundation \ Tomcat 7.0 \ webapps
2. Aplikasi Angular sekarang dapat diakses menggunakan URL berikut: http: // localhost: 8080

"Dengan asumsi Anda telah menginstal nodejs",

mini-http adalah alat baris perintah yang cukup mudah untuk membuat server http,
instal paket secara global npm install mini-http -g
kemudian gunakan cmd (terminal) Anda, jalankan mini-http -p=3000di direktori proyek Anda. Dan boom! Anda membuat server pada port 3000 sekarang periksa http: // localhost: 3000

Catatan: menentukan port tidak diperlukan, Anda cukup menjalankan mini-httpatau mhmemulai server

Jika Anda seorang pria java, letakkan folder sudut Anda di folder konten web aplikasi web Anda dan sebarkan ke server kucing jantan Anda. Sangat mudah!

Dengan asumsi Anda sudah menginstal node.js, Anda dapat menggunakan sinkronisasi browser untuk pengujian browser tersinkronisasi.

Jika Anda telah menggunakan Visual Studio Community atau edisi lain untuk proyek sudut Anda, kemudian masuk ke folder proyek, ketik pertama

C: \ Project Folder> npm install -g http-server Anda akan melihat sebagai berikut: + http-server@0.11.1 menambahkan 25 paket dalam 4.213s

Kemudian ketik C: \ Project Folder> http-server –o

Anda akan melihat bahwa aplikasi Anda secara otomatis muncul di http://127.0.0.1:8080/

Anda juga dapat mengatur lingkungan dalam kode studio visual. Jalankan Ctrl + Shift + P, Kemudian ketik ctr di kotak yang muncul dan pilih tugas: Konfigurasi Task Runner, Kemudian ubah file task.json menjadi ini:, { "version": "0.1.0", "command": "explorer", "windows": { "command": "explorer.exe" }, "args": ["index.html"] }simpan perubahan Anda, Kemudian pilih file index.html Anda dan ketik Ctrl + Shift + B. Ini akan membuka proyek dengan browser default Anda.