لطفا صبر کنید ...

معرفی پکیج Localization لاراول برای Vue

الهام غایب

توسط الهام غایب

دیدگاه ها: 0
بازدید ها : 343
رایگان
هدف ما این است که شما، در بالاترین سطح طراحی و توسعه وب باشید.

ثبت نام کنید

در مقاله امروز لیداوب، یکی دیگر از پکیج‌های لاراول به نام پکیج Localization لاراول برای Vue را مورد بررسی قرار می‌دهیم. با ما همراه باشید.


پکیج Localization لاراول برای Vue یک پکیج جدید است که عملیات localization لاراول را به فرمت مورد استفاده توسط پکیج‌های جاوا اسکریپت مانند Lang.js تبدیل می‌کند. پکیج Localization لاراول به شما کمک می‌کند تا خیلی سریع ترجمه‌های لاراول را به فرمت مورد قبول توسط اپلیکیشن‌های Vue.js تبدیل کنید. فایل readme این پکیج، چندین روش را ارائه می‌کند که می‌توان از طریق آن‌ها پکیج ترجمه‌های لاراول را به فریم ورک فرانت اند جاوا اسکریپت تبدیل کرد. اولین روش، استفاده از View Composer است:

مطالعه مقاله مرتبط:

// inside ServiceProvider

// With alias
use ExportLocalization;

View::composer('view.file', function ($view) {
    return $view->with([
        'messages' => ExportLocalization::export()->toArray(),
    ]);
});

روش دوم، استفاده از یک مسیر یا route قابل کانفیگ است که همراه این پکیج عرضه می‌شود. route پیش‌فرض بهصورت زیر است:

<script>
  let messages = axios.get('https://localhost/js/lang.js')
</script>

تنظیمات در اپلیکیشن Vue به صورت زیر است (با استفاده از پکیج Lang.js NPM):

// Inside blade view
<script>

    window.default_locale = "{{ config('app.lang') }}";
    window.fallback_locale = "{{ config('app.fallback_locale') }}";
    window.messages = @json($messages);

</script>

// app.js
import Vue from 'vue';
import Lang from 'lang.js';

const default_locale = window.default_language;
const fallback_locale = window.fallback_locale;
const messages = window.messages;

Vue.prototype.trans = new Lang({
  messages,
  locale: default_locale,
  fallback: fallback_locale
});

// Example.vue
<b-input v-model="query"
    type="text"
    :placeholder="trans.get('search.placeholder')"
>
</b-input>

علت ایجاد این پکیج این بود که هر زمان میخواهیم از فایل‌های ترجمه لاراول در فریم ورک‌های جاوا اسکریپت مانند Vue استفاده کنیم، باید یک exporter مخصوص بنویسیم چون هیچ گونه auto export برای تمام فایل‌ها در فرمت قابل قبول جاوا اسکریپت وجود ندارد. از سری مشکلاتی که این پکیج حل می‌کند این است که به صورت خودکار تمام فایل‌های ترجمه، حتی فایل‌های مربوط به پکیج‌های خارجی را از پوشه vendor جمع‌آوری کرده و آن‌ها را به فرمت‌های مختلف آرایه، JSON، مجموعه و یک فرمت مخصوص و قابل قبول توسط Lang.js npm تبدیل می‌کند. قابلیت Routing در این پکیج می‌تواند برای جمع‌آوری ترجمه‌ها از هر بخش از کدها حتی از موبایل اپلیکیشن‌ها، اپلیکیشن‌های دسکتاپی و هر چیزی که بتواند درخواست HTTP به سرور ارسال کند، به کار رود. برای کسب اطلاعات بیشتر و آشنایی با نحوه نصب و دستوالعمل‌های این پکیج می‌توانید به Github سر بزنید.

آشنایی با سایر پکیج‌های لاراول:

می‌توانید با سایر پکیج‌ های لاراول در کتابخانه آنلاین لیداوب آشنا شوید و از آن‌ها در ساخت برنامه‌های کاربردی خود با فریم ورک لاراول بهره ببرید.

منبع :

5 از 1 رای

 مطالب مرتبط  

در قسمت زیر مطالبی وجود دارند که با مقاله فعلی مرتبط هستند



متاسفانه فقط اعضای سایت قادر به ثبت دیدگاه هستند

برترین مطالب

آموزش در لیداوب

از مقالات و ویدیو های آموزشی خودتان کسب درآمد کنید!

جدیدترین سرویس ما برای دوستان متخصص و خوش بیان در زمینه طراحی وب ارائه شد. این سرویس به شما این امکان را می دهد که به آسانی مقالات و یا ویدیو های آموزشی خود را در لیداوب منتشر کنید. فرصت مناسبی است که بدون داشتن وب سایت و یا وبلاگ و مهم تر از همه بدون هزینه، مطالب خود را در لیداوب منتشر کنید و مهم تر از همه با فروش آنها کسب درآمد کنید. همین حالا شروع کنید و این فرصت استثنایی را از دست ندهید.