কনফিগ ফাইলে NG পরিবেশনার জন্য ডিফল্ট হোস্ট এবং পোর্ট সেট করুন

Question

আমি একটি কনফিগার ফাইলে হোস্ট এবং একটি পোর্ট সেট করতে পারি কিনা তা জানতে চাই তাই আমাকে টাইপ করতে হবে না

ng serve --host foo.bar --port 80

পরিবর্তে ন্যায়বিচার

ng serve

Answer 1

কৌণিক সিএলআই 6+

অ্যাঙ্গুলারের সর্বশেষতম সংস্করণে, এটি angular.jsonকনফিগার ফাইলে সেট করা আছে । উদাহরণ:

{
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
    "projects": {
        "my-project": {
            "architect": {
                "serve": {
                    "options": {
                        "port": 4444
                    }
                }
            }
        }
    }
}

আপনি মানগুলি সম্পাদনা / সম্পাদনা করতেও ব্যবহারng config করতে পারেন :

ng config projects["my-project"].architect["serve"].options {port:4444}

কৌণিক সিএলআই <6

পূর্ববর্তী সংস্করণগুলিতে, এটি উপাদানটির নীচে সেট করাangular-cli.json হয়েছিল defaults:

{
  "defaults": {
    "serve": {
      "port": 4444,
      "host": "10.1.2.3"
    }
  }
}

Comments

জিনিসগুলি সহজ করার জন্য, আপনি 0.0.0.0সমস্ত ইথারনেট ডিভাইসে শোনার জন্য হোস্ট আইপের পরিবর্তে নির্দিষ্ট করতে পারেন । এইভাবে উভয় স্থানীয় হোস্ট এবং পাবলিক আইপি ঠিকানা ব্যবহার করা যেতে পারে।

— dman

ভিএস2017 কিছু অদ্ভুত কারণে পোর্ট সেটিংটিকে উপেক্ষা করছে বলে মনে হচ্ছে, তবে আমি কমপক্ষে দূরবর্তী সংযোগ সক্ষম করতে @manman এর সংযোজন (0.0.0.0) এর সাথে এই কৌশলটি ব্যবহার করেছি।

— ওলা বার্টসসন

দেখে মনে হচ্ছে সিআইএলির সাম্প্রতিক সংস্করণগুলিতে জিনিসগুলি পরিবর্তিত হয়েছে (আমি সংস্করণ 6 ব্যবহার করছি)। আরও বিশদ জন্য এখানে দেখুন ।

— নাথান বন্ধু

এই কনফিগারেশন পরিবেশকে নির্দিষ্ট করার কোনও উপায় আছে কি?

— পঙ্কজ

Answer 2

আপাতত সেই বৈশিষ্ট্যটি সমর্থিত নয়, তবে এটি যদি এমন কিছু হয় যা আপনাকে বিরক্ত করে তবে একটি বিকল্প আপনার প্যাকেজ.জেসনে থাকবে ...

"scripts": {
  "start": "ng serve --host foo.bar --port 80"
}

এইভাবে আপনি চালাতে পারেন npm start

আপনি যদি একাধিক প্রকল্প জুড়ে এটি করতে চান তবে অন্য একটি বিকল্প হ'ল একটি উপকরণ তৈরি করা, যা আপনি সম্ভবত নাম রাখতে পারেন ngserveযা আপনার উপরের কমান্ডটি কার্যকর করবে।

Comments

দুঃখিত, foo.bar, কি জন্য রেফারেন্স? আপডেট: আমি এটিকে সরিয়ে দিয়ে কাজ করেছি, তবে জানি না।

— মুহাম্মদ মোছা

Answer 3

আপনি ডিফল্ট এইচটিটিপি পোর্ট এবং লাইভরেলোড সার্ভার দ্বারা ব্যবহৃত দুটি কমান্ড-লাইন বিকল্পের সাথে কনফিগার করতে পারেন:

ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153

https://github.com/angular/angular-cli

Answer 4

এটি সর্বশেষতম কৌণিক সিএলআইতে পরিবর্তিত হয়েছে।

ফাইলের নাম পরিবর্তিত হয়েছে angular.json, এবং কাঠামোটিও পরিবর্তিত হয়েছে।

এটি আপনার করা উচিত:

"projects": {
    "project-name": {
        ...
        "architect": {
            "serve": {
                "options": {
                  "host": "foo.bar",
                  "port": 80
                }
            }
        }
        ...
    }
}

Comments

@ কৌণিক /

— ক্লিপ

@ কৌণিক / ক্লিপ সংস্করণ 7.0.6 দিয়ে আমার জন্য কাজ করেছেন

— কেরি জোন্স

Answer 5

আরেকটি বিকল্প হ'ল ng serveকমান্ড চালানো --portযেমন উদাহরণস্বরূপ

ng serve --port 5050 (যেমন 5050 বন্দরের জন্য)

বিকল্পভাবে, কমান্ড ng serve --port 0:, ব্যবহারের জন্য একটি উপলব্ধ পোর্টকে স্বয়ংক্রিয়ভাবে বরাদ্দ করবে।

Comments

--port 0 বিট চমৎকার তথ্য ছিল কিন্তু আমি নিশ্চিত এটা প্রশ্নের উত্তর নই।

— অ্যাশ

--Port 0 বিকল্পটি পছন্দ করেছে যা স্বয়ংক্রিয়ভাবে উপলব্ধ বন্দরটি ব্যবহারের জন্য বরাদ্দ করেছে ...

— vinsinraw

প্রশ্নটি কীভাবে এটি একটি কনফিগার ফাইলে সেট করবেন তা জিজ্ঞাসা করে

— ওজনুগা জুড ওচালিফু

Answer 6

আমাদের কৌণিক ডিফল্ট পোর্ট নম্বর পরিবর্তন করার দুটি উপায় আছে।

প্রথম উপায় হ'ল সি এল এল কমান্ড:

ng serve --port 2400 --open

দ্বিতীয় উপায় হল অবস্থানটিতে কনফিগারেশন দ্বারা:

ProjectName\node_modules\@angular-devkit\build-angular\src\dev-server\schema.json.

স্কিমা.জসন ফাইলে পরিবর্তন করুন।

{
 "title": "Dev Server Target",
  "description": "Dev Server target options for Build Facade.",
  "type": "object",
  "properties": {
    "browserTarget": {
      "type": "string",
      "description": "Target to serve."
    },
    "port": {
      "type": "number",
      "description": "Port to listen on.",
      "default": 2400
    },

Comments

আপনি উত্স ফাইলগুলি ওভাররাইড করতে বা পরিবর্তন করতে চান না। গৃহীত উত্তরে উল্লিখিত হিসাবে কৌনিক.জসন স্কিমা ডিফল্টকে ওভাররাইড করার সঠিক উপায়।

— বিজন লিন্ডার

Answer 7

এগুলি আপনি একটি ফাইলে সংরক্ষণ করতে পারেন, তবে আপনাকে এটি এনে দিতে হবে .ember-cli(এই মুহুর্তে, কমপক্ষে); দেখতে https://github.com/angular/angular-cli/issues/1156#issuecomment-227412924

{
"port": 4201,
"liveReload": true,
"host": "dev.domain.org",
"live-reload-port": 49153
}

সম্পাদনা করুন: আপনি এখন এগুলি কৌনিক-ক্লিপ.জেসনে সেট করতে পারেন https://github.com/angular/angular-cli/commit/da255b0808dcbe2f9da62086baec98dacc4b7ec9 , যা 1.0.0-beta.30 তৈরিতে রয়েছে

Answer 8

আপনি যদি কাস্টম হোস্ট / আইপি এবং পোর্টে কৌণিক প্রকল্পটি চালানোর পরিকল্পনা করছেন তবে কনফিগার ফাইলে কোনও পরিবর্তন করার দরকার নেই

নিম্নলিখিত কমান্ডটি আমার পক্ষে কাজ করেছিল

ng serve --host aaa.bbb.ccc.ddd --port xxxx

কোথায়,

aaa.bbb.ccc.ddd --> IP you want to run the project
xxx --> Port you want to run the project

উদাহরণ

ng serve --host 192.168.322.144 --port 6300

আমার জন্য ফলাফল ছিল

Answer 9

আপনার উইন্ডোতে থাকলে আপনি এটি এইভাবে করতে পারেন:

1. আপনার প্রকল্পের মূল ডিরেক্টরিতে, ফাইল তৈরি করুন run.bat
2. এই ফাইলটিতে আপনার পছন্দের কনফিগারেশনগুলির সাথে আপনার কমান্ড যুক্ত করুন। উদাহরণ স্বরূপ

ng serve --host 192.168.1.2 --open

3. আপনি যখনই পরিবেশন করতে চান এখন আপনি এই ফাইলটি ক্লিক করতে এবং খুলতে পারেন।

এটি আদর্শ উপায় নয় তবে ব্যবহার করতে স্বাচ্ছন্দ্যযুক্ত (যা আমি অনুভব করি)।

Answer 10

এখানে আমি প্যাকেজ.জসনে যা রেখেছি (কৌনিক 6 চলছে):

{
  "name": "local-weather-app",
  "version": "1.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve --port 5000",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

তারপরে একটি সরল এনপিএম স্টার্ট শুরু করার বিষয়বস্তুগুলিতে টানবে। সামগ্রীগুলিতে অন্যান্য বিকল্পগুলিও যুক্ত করতে পারে

Answer 11

এখানে চিত্র বর্ণনা লিখুন

আপনাকে কেবল একটি কাজ করতে হবে। আপনার কমান্ড প্রম্পটে এটিকে টাইপ করুন: এনজি সার্ভিস --পোর্ট 4021 [বা অন্য কোনও বন্দর যেমন আপনি নির্ধারণ করতে চান: যেমন: 5050, 5051 ইত্যাদি]। ফাইলগুলিতে পরিবর্তনগুলি করার দরকার নেই।

Answer 12

আপনি যদি এনজি সার্ভিস চালানোর সময় আপনার স্থানীয় আইপি ঠিকানাটি বিশেষত খোলা রাখতে চান তবে নিম্নলিখিতগুলি করতে পারেন:

npm install internal-ip-cli --save
ng serve --open --host $(./node_modules/.bin/internal-ip --ipv4)