دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۱۹
  • فروردین

جلسه ۱۷ : آموزش کار با پلاگین File Transfer در کوردوا

  • دسته‌بندی‌ها :
جلسه ۱۷ : آموزش کار با پلاگین File Transfer در کوردوا
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

      با سلام خدمت کاربران گرامی سایت پی وی لرن و کاربرانی که علاقمند به فراگیری دوره آموزش کوردوا هستند. در جلسه گذشته کار با پلاگین File System را آموختیم. در این جلسه آموزش کار با پلاگین File Transfer در کوردوا را خواهیم آموخت.

      آموزش کار با پلاگین File Transfer در کوردوا

      در آموزش کار با پلاگین File Transfer در کوردوا به شما خواهیم آموخت که چگونه از این پلاگین برای آپلود و دانلود فایل ها استفاده نمایید.

      مرحله ۱ – نصب پلاگین File Transfer

      برای نصب این پلاگین باید دستور زیر را در پنجره command prompt اجرا کنید.

      مثال : 

      مرحله ۲ – اضافه کردن دکمه ها

      همان طور که اشاره شد در این جلسه می آموزیم که چطور فایل ها را آپلود و دانلود نماییم.
      اجازه دهید که دو دکمه در index.html ایجاد نماییم.

      مثال : 

      مرحله ۳ – اضافه کردن Event Listener

      event listeners را در index.js در تابع onDeviceReady ایجاد خواهیم کرد سپس توابعclick events و callback  اضافه خواهیم نمود.

      مثال : 

      مرحله ۴A – ایجاد تابع دانلود

      از این تابع برای دانلود فایل ها از سرور به device استفاده می شود.
      فایل را در postimage.org آپلود می کنیم تا کار را ساده تر نماییم.
      احتمالاً می خواهید که از سرور شخصی خود استفاده نمایید. تابع در index.js جایگذاری می شود و هنگام فشرده شدن دکمه نمایش داده خواهد شد.
      uri سرور لینک دانلود است و fileURI مسیر پوشه DCIM روی device است.

      مثال : 

      هنگامی که بر روی دکمه DOWNLOAD کلیک نمایید فایل از سرور postimg.org به دستگاه موبایل دانلود می شود.
      می توان پوشه تعیین شده را بررسی کرد و دید که myFile در آن جا قرار دارد.

      آموزش کار با پلاگین File Transfer در کوردوا

      cordova file transfer download

      خروجی کنسول چیزی شبیه به تصویر زیر خواهد بود.

      آموزش کار با پلاگین File Transfer در کوردوا

      cordova file transfer download log

      مرحله ۴B – تابع آپلود

      حالا می خواهیم تابعی بسازیم که فایل ها را برداشته و آن را در سرور آپلود  می کند.
      درست مانند قبل سعی می کنیم این فرآیند را نیز تا حد امکان ساده نماییم؛ بنابرین از سرور آنلاین به عنوان تست استفاده می نماییم.
      در این فرآیند ارزش uri برای ارسال به posttestserver لینک خواهد شد.

      مثال : 

      حالا می توان با فشردن دکمه UPLOAD این تابع را نمایش داد.
      با فشردن این دکمه خروجی کنسول ما پیام تصدقی دریافت خواهد کرد مبنی بر این که آپلود (uploading ) با موفقیت صورت گرفته است.

      آموزش کار با پلاگین File Transfer در کوردوا

      cordova file transfer upload log

      علاوه بر این می توان سرور را بررسی نماییم تا مطمئن شویم که فایل به درستی آپلود شده است.

      cordova file transfer upload server response

      کلام آخر

      در این جلسه با پلاگین File Transfer و نحوه انتقال فایل و دانلود و آپلود فایل را در کوردوا آموختیم.
      در جلسه بعد آموزش کار با پلاگین Globalization را در اختیار شما قرار می  دهیم.
      با پی وی لرن همراه باشید.

      QR:  جلسه ۱۷ : آموزش کار با پلاگین File Transfer در کوردوا
      به اشتراک بگذارید