از طریق منوی جستجو مطلب مورد نظر خود در وبلاگ را به سرعت پیدا کنید
تغییر پورت پیش فرض (4200) در Angular
سرفصلهای مطلب
معرفی
Angular، یک پلت فرم محبوب برای ساخت برنامه های کاربردی وب، به طور پیش فرض سرور توسعه محلی خود را اجرا می کند روی پورت 4200. با این حال، ممکن است مواردی وجود داشته باشد که لازم باشد این پورت پیش فرض را تغییر دهید. این می تواند به دلیل تضاد با سایر فرآیندها، سیاست های شرکت، یا صرفاً ترجیحات شخصی باشد. این آموزش شما را از طریق مراحل تغییر پورت پیش فرض در Angular راهنمایی می کند.
با استفاده از –بندر پرچم
ساده ترین راه برای تغییر پورت Angular پیش فرض استفاده از آن است --port
هنگام راه اندازی سرور انگولار پرچم گذاری کنید. این پرچم به شما امکان می دهد شماره پورت را مشخص کنید روی که سرور باید اجرا کند. در اینجا یک مثال است:
$ ng serve --port 4500
در این صورت سرور Angular شروع به کار می کند روی پورت 4500 به جای پورت پیش فرض 4200.
توجه داشته باشید: این یک تغییر موقت است و دفعه بعد که سرور را بدون استفاده از آن راه اندازی کنید، پورت به 4200 برمی گردد. --port
پرچم.
تنظیم پورت پیش فرض در angular.json
اگر می خواهید یک تغییر دائمی در پورت پیش فرض داشته باشید، می توانید آن را تغییر دهید angular.json
فایل در پروژه شما root فهرست راهنما. این فایل شامل تنظیمات پروژه Angular شما می باشد.
برای تغییر پورت پیش فرض، محل را پیدا کنید serve
شی در داخل architect
هدف – شی. a اضافه کنید port
گزینه در options
شی و آن را روی پورت مورد نظر خود تنظیم کنید. در اینجا یک مثال است:
"architect": {
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "your-project-name:build",
"port": 4500
},
با این تغییر، هر بار که می دوید ng serve
، سرور شروع خواهد شد روی پورت 4500.
تغییر پورت بدون تغییر angular.json
اگر می خواهید پورت پیش فرض را بدون تغییر تغییر دهید angular.json
فایل، می توانید یک اسکریپت در پوسته خود ایجاد کنید. این اسکریپت را اجرا خواهد کرد ng serve
فرمان با --port
پرچم.
به عنوان مثال، اگر از یک سیستم عامل مشابه یونیکس استفاده می کنید، می توانید خط زیر را به سیستم عامل خود اضافه کنید .bashrc
یا .zshrc
فایل:
alias ngserve="ng serve --port 4500"
در حال حاضر، هر بار که شما اجرا کنید ngserve
دستور، سرور Angular شروع به کار می کند روی پورت 4500.
رسیدگی به تضادهای بندری
گاهی اوقات وقتی می خواهید برنامه Angular خود را اجرا کنید روی یک پورت خاص، ممکن است با یک درگیری پورت مواجه شوید. این زمانی اتفاق می افتد که پورت قبلاً توسط دیگری استفاده می شود process. Angular با انتخاب خودکار یک پورت دلخواه در هنگام استفاده از پورت پیش فرض، راه حلی برای این کار ارائه می دهد.
برای اینکه به Angular اجازه دهید یک پورت دلخواه را انتخاب کند، می توانید از --port 0
گزینه:
$ ng serve --port 0
هنگامی که این دستور را اجرا می کنید، Angular یک پورت باز پیدا می کند و برنامه شما را سرویس می دهد روی آی تی. خروجی مشابه زیر را خواهید دید:
** Angular Live Development Server is listening روی localhost:49152, open your browser روی http://localhost:49152/ **
در این مورد، Angular پورت 49152 را انتخاب کرده است. سپس می توانید مرورگر خود را باز کرده و به http://localhost:49152/
برای آزمایش برنامه شما
چگونه فرآیندهای در حال اجرا را خاتمه دهیم روی پورت 4200
ممکن است شرایطی وجود داشته باشد که شما نیاز به پایان دادن به آن داشته باشید process در حال اجرا روی پورت 4200. این ممکن است به دلایل متعددی مانند آویزان باشد process، یا نیاز به آزاد کردن پورت برای برنامه دیگری دارید.
در سیستمهای مبتنی بر یونیکس مانند لینوکس و macOS، میتوانید از آن استفاده کنید lsof
دستور پیدا کردن process شناسه (PID) که از پورت 4200 استفاده می کند و سپس از آن استفاده کنید kill
دستور خاتمه آن در اینجا روش انجام این کار آمده است:
$ lsof -i :4200
این خروجی چیزی شبیه به:
COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAME
node 12345 user 23u IPv6 1234567 0t0 TCP *:4200 (LISTEN)
در این مثال، PID است 12345
. سپس می توانید از kill
دستور خاتمه این process:
$ kill -9 12345
در ویندوز می توانید از netstat
دستور برای پیدا کردن PID و سپس استفاده از taskkill
دستور خاتمه آن:
> netstat -ano | findstr :4200
این خروجی چیزی شبیه به:
TCP 0.0.0.0:4200 0.0.0.0:0 LISTENING 12345
در این مثال، PID است 12345
. سپس می توانید از taskkill
دستور خاتمه این process:
> taskkill /PID 12345 /F
اینجا /F
گزینه برای خاتمه اجباری استفاده می شود process.
نتیجه
در این بایت، روش رسیدگی به تضادهای پورت در Angular با اجازه دادن به Angular برای انتخاب یک پورت دلخواه را پوشش داده ایم. ما همچنین یاد گرفته ایم که چگونه فرآیندهای در حال اجرا را خاتمه دهیم روی یک پورت خاص
منتشر شده در 1403-01-02 06:36:03