ویرگول
ورودثبت نام
محسن ناظمی
محسن ناظمیبرنامه نویس فرانت اند React, Nextjs, ...
محسن ناظمی
محسن ناظمی
خواندن ۱ دقیقه·۸ ماه پیش

اجرای Next.js روی https در محیط لوکال

اجرای نکست روی https
اجرای نکست روی https

مقدمه

اگه برنامه‌نویس فرانت‌اند باشی و با Next.js کار کنی، احتمالاً به یه جایی می‌رسی که بخوای پروژه‌ات رو تو محیط لوکال با HTTPS اجرا کنی. حالا چرا؟ چون یه سری چیزا مثل Service Worker، APIهای خاص مرورگر یا حتی تست درگاه پرداخت اینترنتی فقط تو محیط HTTPS کار می‌کنن. در این راهنما خیلی مختصر و مفید یاد می‌گیرید چطور یک گواهی self sign برای استفاده در توسعه‌ی محلی با Next.js ایجاد کنید.


چی لازم داریم؟

اگه هنوز پروژه‌ای با Next.js نساختید، می‌تونید با دستور زیر شروع کنید:

npx create-next-app@latest

حالا بعد از نصب و راه اندازی Next.js اگه بخوای روی https پروژت رو بیاری بالا کافیه به جای دستور
npm run dev دستور زیر رو اجرا کنی:

npx next dev --experimental-https

این خودش همه‌چیز رو برات آماده می‌کنه و سرورت رو روی https://localhost:3000 راه می‌ندازه. اگه زیاد با این دستور سرو کار داری میتونی تو فایل package.json در بخش scripts یه دستور براش بسازی مثلا:

"dev-https": "next dev --experimental-https"

بعد از اینکار میتونی دستور زیر رو ران کنی:

npm run dev-https
nextjshttps
۲
۲
محسن ناظمی
محسن ناظمی
برنامه نویس فرانت اند React, Nextjs, ...
شاید از این پست‌ها خوشتان بیاید