استفاده از Angular Universal برای حل مشکل سئو در انگولار

  • چهارشنبه ۲۸ آبان ۱۳۹۹
  • بازدید ۱۹ نفر

improve seo and server side rendering using angular universal 9571 تصویر

استفاده از Angular Universal برای حل مشکل سئو در انگولار

Angular Universal (همچنین با عنوان Server-side rendering هم شناخته می شود) ابزاری است که به سرور اجازه می دهد تا برنامه انگولار را در اولین باری که کاربر از سایت دیدن می کند، pre-render کند. استفاده از server-side rendering می تواند باعث بهبود SEO و افزایش کارایی برنامه مفید باشد. در این آموزش مراحل نصب و پیاده سازی Angular Universal در یک پروژه انگولار را بررسی خواهیم کرد.

Angular Universal در انگولار ۹

ابتدا با استفاده از دستور زیر یک پروژه جدید ایجاد کنید.

سپس با استفاده از دستور زیر Angular-Universal را به پروژه ای که ایجاد کردید، اضافه کنید.

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

حال اگر مراحل فوق را به درستی انجام داده باشید، می توانید با استفاده از دستور زیر پروژه خود را تست کنید.

Angular Universal در انگولار ۸ و نسخه های قدیمی تر

ابتدا با استفاده از دستور زیر یک پروژه جدید ایجاد کنید.

سپس با استفاده از دستورهای زیر وابستگی ها و بسته های مورد نیاز را نصب کنید.

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

ایجاد فایل server.ts

در پوشه ریشه پروژه خود یک فایل با نام server.ts ایجاد کرده و محتوای آن را به صورت زیر تغییر دهید. این فایل برای هندل کردن server-side rendering استفاده خواهد شد.

ایجاد فایل webpack.server.config

دوباره در پوشه روت پروژه یک فایل جدید با نام webpack.server.config.js ایجاد کرده و محتوای آن را به صورت زیر تغییر دهید. فایل server.ts به منظور تبدیل کدها به JavaScript به webpack نیاز دارد.

اسکریپت های لازم

به منظور هندل کردن Angular Universal در برنامه خود، کدهای زیر را به فایل package.json اضافه کنید.

تغییر فایل angular.json

آخرین مرحله تغییر در فایل angular.json است. کدهای زیر را کپی کرده و اسم پروژه خود را با project-name عوض کنید.

تست پروژه

حال اگر مراحل فوق را به درستی انجام داده باشید، می توانید با استفاده از دستور زیر پروژه خود را تست کنید.

ثبت نظر
ریفریش کنید!
نظرات کاربران (۰ مورد)

هیچ نظری ثبت نشده است