وبلاگ هدف نت
آخرین مقالات و آموزش های طراحی سایت،میزبانی وب ، سرور مجازی ، DevOps , پردازش ابری ، امنیت و ...

میزبانی Vue JS روی هاست لینوکس سی پنل

2 ۵۴۶

میزبانی Vue JS روی هاست اشتراکی لینوکس اصلا دور از دسترس نیست و شما به سادگی میتوانید برای کمتر شدن هزینه ها روی هاست خود پابلیش نمایید.

Vue JS یکی از محبوب ترین فریمورک های جاوا اسکریپت برای نوشتن اپلیکیشن های تحت وب در این روز ها می باشد. سرعت بالا ، سادگی و توسعه آسان آن در کنار تعداد زیادی از مزایای دیگر و امکانات این فریمورک باعث محبوبیت و استفاده زیاد آن شده است.

میزبانی Vue JS روی هاست لینوکس سی پنل
میزبانی Vue JS روی هاست لینوکس سی پنل

- تبلیغات -

محبوبیت Vue JS

همانطور که میدانید این فریمورک در این سالها به شکل فزاینده ای مورد اقبال قرار گرفته است. اما دلیل آن چیست ؟ در این قسمت به یک لیست از مزایا و دلایل این محبوبیت فقط اشاره میکنیم تا با آشنایی بهتر با آن برای یادگیری و یا استفاده از Vue JS مشتاق شوید .

  • مستندسازی خوب
  • روند یادگیری آسان
  • بسیار منعطف
  • کارایی بالا
  • داشتن ابزار کارامد
  • داشتن یک جامعه فعال و بزرگ
  • توسعه آسان وسریع

در کنار همه ی این مزایا ، حتما این فریمورک رو امتحان کنید و سعی کنید در پروژه ای واقعی از آن استفاده نمایید تا ببینید تا چه حد استفاده و توسعه باVue JS لذت بخش خواهد بود.

پابلیش Vue JS

ما در این مقاله قصد نداریم این فریمورک را آموزش بدهیم . فقط به امکان پابلیش آن بر روی هاست های اشتراکی و میزبانی Vue JS میخواهیم بپردازیم و از این رو وارد جزییات راه اندازی ، پشت صحنه آن و سایر جزییات فنی نمی شویم.

همانطور که میدانید Vue JS دارای یک CLI میباشد که دستورات ایجاد پروژه و … بوسیله آن انجام میشود.

یکی از دستورات Vue CLI برای پابلیش و ساخته شدن پروژه میباشد .

npm run build

این دستور پروژه شما را تبدیل به یک وب سایت آماده با کد های متداول html , css , js می کند و محتویات را داخل فولدری به نام dist/ در شاخه اصلی یا روت پروژه شما قرار میدهد.

که شامل فایل index.html و سایر ملزومات و محتویات اپلیکیشن شما خواهد بود.

در واقع پابلیش کردن محتویات داخل این فولدر بر روی هاست اشتراکی مثلا سی پنل در فولدر public_html برای مشاهده اپلیکیشن یا وب سایت نوشته شده ی شما با Vue JS کافی خواهد بود.

به همین راحتی شما اگر خطایی در مرحله ساخت و build نداشته باشید از پروژه خود خروجی html گرفتید و با کپی کردن آن بر روی هاست وب سایت شما بالا می آید.

کانفیگ وب سرور

میتوان گفت بر روی اکثر هاست های اشتراکی که معمولا با 3 وب سرور متداول :

Apache , NGINX , Litespeed

کار میکنند به همین طریق میتوانید اپلیکشن ویو جی اس خود را پابلیش نمایید.

اما فقط یک نکته ی دیگر برای میزبانی مناسب و کار کردن Route ها بر روی هاست باقی مانده است.

بر روی وب سرور های Apache و Litespeed شما در روت فولدر سایت خود یک فایل پنهان دارید یا میتوانید آن را ایجاد کنید ، تحت عنوان :

.htaccess

داخل این فایل محتویات زیر را قرار دهید تا روت های اپلیکیشن Vue شما به صورت مستقل وقتی در آدرس بارفرا خوانده میشوند نیز صحیح آن صفحه Route مورد نظر نمایش داده شود و همچنین وقتی از Vue Router در اپلیکیشن خود استفاده کردید آدرس بار مرورگر نیز به شکل صحیح تغییر کند.

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

بسیار عالی ، هم اکنون شما موفق شدید تا میزبانی Vue JS بر روی هاست اشتراکی را با موفقیت انجام دهید.

شما میتوانید با خرید هاست لینوکس اشتراکی هدف نت با هزینه کم اپلیکیشن Vue JS خود را میزبانی نمایید.

- تبلیغات -

۲ نظرات
  1. علیرضا می گوید

    سلام ببخشید برای nuxt هم میشه راهنمایی کنید چطور باید روی هاست سی پنل لینوکس قرار گیرد

    1. مسعود احتشامی می گوید

      سلام
      از اونجایی که nuxt با سرور ساید رندرینگ کار میکنه و بر روی هاست معمولی شما نود جی اس ندارید و نمیتونین سرور ساید داشته باشین این مدل که اینجا نوشتیم برای مدل pre-rendering بابت سئوی سایت مناسب هست.. برای اون بهتون دو تا پیشنهاد داریم.. استفاده و تست هاست نود جی اس بر روی سی پنل که هدف نت ارائه میده و یا حرفه ای تر تهیه سرور مجازی لینوکس.. که البته باید خیلی چیزها نصب کنید و حرفه ای تر هست

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.