AngularJS projesini çalıştırmak için bir localhost sunucusu nasıl oluşturulur

AngularJS projesini çalıştırmak için Xampp ve JetBrain WebStorm'u kullandım. Ancak karmaşık ve düşük performanslıdır. Bir AngularJS projesini yürütmenin başka bir yolu var mı?

Eğer node.js http-sunucusu çalıştırıyorsanız çok kolaydır.

cd proje klasörünüze ve

npx http-server -o 

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

-otarayıcıyı sayfaya açmaktır. http-server --helpBağlantı noktası numarasını değiştirmek gibi diğer seçenekleri görüntülemek için çalıştırın

Yok nodemu?

bu diğer tek gömleklere sahip değilseniz node/ kurmadıysanız daha kolay olabilir npm.

Örneğin, python çoğu sistemde önceden yüklenmiş olarak gelir, bu nedenle John Doe'nin aşağıdaki python sunucuları daha hızlı olacaktır.

MacOS, Ruby yüklü olarak gelir, bu nedenle bir Mac kullanıyorsanız, bu başka bir kolay seçenektir: ruby -run -ehttpd . -p8000ve tarayıcınızı açın http://localhost:8000.

Python, özellikle bir web sunucusunu döndürmek için yerleşik bir komuta sahiptir:

Python3.x:

python -m http.server 8000

Diğer versiyonlar:

python -m SimpleHTTPServer 8000

8000 numaralı bağlantı noktasında bir web sunucusu başlatır

(Python bunun için bir ön koşuldur; yüklü python yoksa, diğer cevaplar daha kolay olabilir)

Node.js'yi terminalden veya cmd'den kurarak başlayabilirsiniz:

apt-get install nodejs-legacy npm

Ardından bağımlılıkları kurun:

npm install

Ardından sunucuyu başlatın:

npm start

cd <your project folder>(angularjs'in konuşlandırılabilir kodunun bulunduğu yer)

sudo npm yükleme hizmeti -g

servis

Sayfanıza şu adresten basabilirsiniz:

localhost: 3000 veya IPadresi: 3000

Kullanırım:

• ekspres ve
• Morgan
  
  

Node.js yükleyin. ve npm. npm, Node.js ile yüklenir

Kök proje dizininin içine yerleştirilir

$ cd <your_angularjs_project>

Sonraki komut package.json oluşturur

$ npm init

Düğüm için express ==> Hızlı, tartışmasız, minimalist kurun:

$ npm install express --save

Morgan ==> node.js için HTTP istek kaydedici ara yazılımını yükleyin

$ npm install morgan --save

server.js dosyası oluştur

server.js dosyasına aşağıdaki kodu ekleyin

// 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);
});

Son olarak, yerel ana sunucuda AngularJS projenizi çalıştırın:

$ node server.js

Yerel web sunucusu npm paketini kullanın.

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

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

Ayrıca koşabilirsin

$ ws -p 8181

-p kullanmak istediğiniz bağlantı noktasını tanımlar

Bundan sonra, tarayıcınıza gidin ve http: localhost: 8181 / 'e erişin

• Çalıştırmak

ng servis

Bu komut, proje klasörü konumunuzdan sonra terminalinizde çalıştırılır. ~/my-app$

• Ardından komutu çalıştırın - URl NG Canlı Geliştirme Sunucusunun dinlediğini gösterecektir. localhost:4200

• Tarayıcınızı http: // localhost: 4200 adresinde açın.

Yerel ana bilgisayar üzerindeki herhangi bir Web sunucusu kullanılarak açısal bir uygulama konuşlandırılabilir. Aşağıdaki seçenekler, dağıtım gereksinimlerinize bağlı olarak çeşitli olası web sunucusu dağıtımları için dağıtım talimatlarını özetlemektedir.

Microsofts İnternet Bilgi Hizmetleri (IIS)

1. Windows IIS etkinleştirilmelidir

   1.1. Windows'ta, Denetim Masasına erişin ve Program Ekle veya Kaldır'ı tıklayın.

   1.2. Program Ekle veya Kaldır penceresinde, Windows Bileşenlerini Ekle / Kaldır'a tıklayın.

   1.3. İnternet Bilgi Hizmetleri (IIS) onay kutusunu seçin, İleri'ye ve ardından Son'a tıklayın.

   1.4. Angular Application Zip dosyasını web sunucusu kök dizinine kopyalayıp çıkartın: C: \ inetpub \ wwwroot

2. Angular uygulamasına artık aşağıdaki URL kullanılarak erişilebilir: http: // localhost: 8080

NPMs Hafif Web Sunucusu

1. Hafif bir web sunucusu kurmak 1.1. Npm'yi şu adresten indirip kurun: https://www.npmjs.com/get-npm 1.2. Npm kurulduktan sonra bir komut istemi açın ve şunu yazın: npm install -g http-server 1.3. Angular Zip dosyasını çıkartın
2. Web sunucusunu çalıştırmak için bir komut istemi açın ve daha önce Angular'ı çıkardığınız dizine gidin ve şunu yazın: http-server
3. Angular Application uygulamasına artık aşağıdaki URL kullanılarak erişilebilir: http: // localhost: 8080

Apache Tomcat Web Sunucusu

1. Apache Tomcat sürüm 8 1.1 kuruluyor. Apache Tomcat'i şu adresten indirin ve kurun: https://tomcat.apache.org/ 1.2. Angular Application Zip dosyasını C: \ Program Files \ Apache Software Foundation \ Tomcat 7.0 \ webapps web sunucusu kök dizinine kopyalayıp çıkartın
2. Angular Uygulamasına artık aşağıdaki URL kullanılarak erişilebilir: http: // localhost: 8080

"Nodej'lerin kurulu olduğunu varsayarsak",

mini-http , http sunucusu oluşturmak için oldukça kolay bir komut satırı aracıdır
, paketi global olarak kurun ve npm install mini-http -g
ardından mini-http -p=3000proje dizininizde cmd (terminal) çalıştırmanızı kullanın Ve boom! 3000 portunda bir sunucu oluşturdunuz şimdi kontrol edin http: // localhost: 3000'i

Not: bir bağlantı noktası belirtmeniz gerekmez, yalnızca sunucuyu çalıştırabilir mini-httpveya mhbaşlatabilirsiniz

Eğer bir java kullanıcısıysanız, basitçe açısal klasörünüzü web uygulamanızın web içeriği klasörüne yerleştirin ve tomcat sunucunuza konuşlandırın. Çok kolay!

Zaten node.js kurulu olduğunu varsayarsak, senkronize edilmiş tarayıcı testi için tarayıcı senkronizasyonunu kullanabilirsiniz .

Açısal projeniz için Visual Studio Community veya başka bir sürümü kullandıysanız, proje klasörüne gidin, önce yazın

C: \ Proje Klasörü> npm install -g http-server Aşağıdaki gibi göreceksiniz: + http-server@0.11.1 4.213'lere 25 paket ekledi

Ardından C: \ Project Folder> http-server –o yazın

Uygulamanızın otomatik olarak http://127.0.0.1:8080/ adresinde geldiğini göreceksiniz.

Ortamı görsel stüdyo kodunda da kurabilirsiniz. Ctrl + Shift + P'yi çalıştırın, ardından görünen kutuya ctr yazın ve görevleri seçin: Task Runner'ı Yapılandırın, Ardından task.json dosyasını şu şekilde değiştirin:, { "version": "0.1.0", "command": "explorer", "windows": { "command": "explorer.exe" }, "args": ["index.html"] }değişikliklerinizi kaydedin, ardından index.html dosyanızı seçin ve Ctrl + Shift tuşlarına basın + B. Bu, projeyi varsayılan tarayıcınızla açacaktır.