آموزش ساخت نسخهء آفلاین سایت(2)

سلام دوستان و همراهان همیشگی بیگ تم.مطالبی که  در سایت قرار میگیرند تا چه حد به شما کمک میکنند؟هدف ما در بیگ تم همیشهاین بوده که مطالبی در سایت قرار بدیم تا شما بتوانید با استفاده از آنها از 0 تا 100 یک وب سایت را طراحی,ایجاد,نگهداری و توسعه بدید.دنیای وب و اینترنت به حدی گسترده است که هر چقدر هم که سعی کنیم خودمون رو بروز نگه داریم باز میبینیم که از بعضی مسائل مهم و جدید غافل موندیم.مثلا همین چند روز پیش بود که در مورد یک تکنولوژی جدید باهم صحبت کردم که به شما این امکان را میداد که از سایتتان نسخهء آفلاین تهیه کنید.اگر این مقاله را نخواندید به  ” Offline Web Applications چیست؟” سری بزنید.چرا که برای خواندن این مطلب مقدمه ای لازم است که در آن کامل توضیح داده ایم.

پس با ما همراه باشید تا همانطور که  در مطلب” Offline Web Applications چیست؟” به شما قول داده بودیم ببینیم که چطور با استفاده از تکنولوژی Offline Web Applications چطور میتونیم سایت را به دنیای آفلاین منتقل کنیم.

آموزش ساخت نسخهء آفلاین سایت

همانطور که در مطلب ” Offline Web Applications چیست؟” توضیح دادیم  ایجاد نسخهء آفلاین سایت شامل یک فرآیند سه مرحله است که هر کدام توضیحات خاص خود را دارند.در این مطلب قدم به قدم با هم جلو خواهیم رفت تا در نهایت نسخهء آفلاین سایتمان را در اختیار آن دسته از کاربرانمان که شاید همیشه اینترنت ندارند,قرار دهیم.پس آماده باشید.

گام اول- ساخت فایل cache.manifest

برای اینکه Offline Web Applications را فعال کنیم در ابتدا باید یک فایل به نام cach.manifest ایجاد کنیم.سپس یکسری دستورات را به این فایل اضافه کنید.مثل :


CACHE MANIFEST
CACHE:
index.html
photo.jpg
main.js
NETWORK:
*

همانطور که میبینید خط اول این فایل عبارت  ‘ CACHE: ‘  قرار دارد.بعد ازاین نوبت به انتخاب میرسد.در این مرحله شما باید انتخاب کنید که زمانی که کاربر افلاین سایت شما را چک میکند چه صفحه و اطلاعاتی از سایت شما را ببیند و چه اطلاعاتی را نبیند.مثلا شاید شما در سایتتان اسکرپتی دارید که با استفاده از آن اخبار روز دنیا را به کاربرانتان اطلاع میدهد.زمانی که کاربر آفلاین است چه نشان دادن این اطلاعات و اخبار به چه درد کاربر میخورد؟ممکن است این اخبار برای یک هفتهء پیش باشند!این اطلاعات سوخته به درد کاربر نمیخورد پس در زمان انتخاب,باید این مسائل را در نظر بگیرید.حالا ببینیم که فایلهایی که باید کاربر در زمان آفلاین بودن ببیند را چگونه در اختیارش قرار دهیم.؟در ابتدای فایل cache.manifest و بعد از ‘ CACHE: ‘ باید نام و آدرس فایلهایی که میخواهید در مخزن مرورگر کاربر قرار بگیرد را وارد کنید. با این کار زمانی که کاربر برای اولین بار وارد سایت شما شود آن دسته از صفحات سایت شما که برایشان فایل cache.manifest تعریف کردید,اطلاعاتشان روی مرورگر کاربر ذخیره میشد(دوستان خوبم سوء تفاهم نشه.این مومضوع با کش مرورگر کاملا تفاوت داره.قبلا در مطلب ” Offline Web Applications چیست؟” در این مورد بحث کردیم).تا اینجا کاربر به صفحاتی که برایشان cache.manifest تعریف کردیم در زمان افلاین بودن هم دسترسی خواهد داشت.حالا ببینیم که  صفحاتی که نمیخاهیم در زمان آفلاینی دسترسی پیدا نکند,را چطور باید مشخص کنیم.

این عملیات را باید بعد از ‘ NETWORK: ‘ انجام دهیم.یعنی نام و آدرس آن صفحات را در این بخش وارد میکنیم.با این کار کاربر فقط در زمانی که آنلاین است میتواند به این صفحات دسترسی پیدا کند.

 

NETWORK:
news.php

اگر به نمونهء کدی که در اول آموزش نوشتیم دقت کنیدبعد از NETWORKعلامت  *قرار داده ایم.این علامت به این معناست که به غیر از فایلهایی که در CACHE تعریف کردیم که کاربر دسترسی به آنها در زمان آفلاینی هم  داشته باشد,بقیهء فایلها در قسمت NETWORK قرار بگیرند.

خب بریم سراغ گام بعدی

گام دوم- مشخص کردن نوع محتوا  روی سرور

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

برای اینکار تنهاکافی است نوع محتوای این فایل را در تنظیمات سرورمان مشخص کنیم.اکثرا از سرور آپاچی Apache Web Server استفاده میکنند.این افراد این قطعه کدرا در فایل htaccess قرار دهند.

 

AddType text/cache-manifest.manifest

گام سوم- ارجاع دادن به فایل manifest در کد html

برای اینکه نسخهء آفلاین سایتمان را در اختیار کاربرانمان قرار دهیم هنوز یک مرحلهء دیگر از کارمان مانده است.حالا ما این فایل ها را ساختیم!تمام صفحاتی که میخواستیم را آدرس دهی کردیم!چطور این فایل را به سایتمان ارجاع دهیم.فقط کافی است که فایل manifest را در سند html ارجاع دهیم.به این صورت:

<! doctype html>

<html manifest=”/cache.manifest” >

 

خب دوستان خسته نباشید!الان نسخهء آفلاین سایت شما آماده است و کاربرانتان میتوانند سایت شما را در زمانی هم که اینترنت ندارند دنبال کنند.اما مزیتهای این کار فقط به اینجا محدود نمیشود.یک حسن دیگر که ایجاد نسخهء آفلاین سایت دارد این است که صفحاتی که در مرورگر کاربر ذخیره میشوند,زمانی که کاربر مجدد به سایت شما میآید,لازم نیست که از سرور فراخوانی و بارگذاری شوند که این خود دو حسن دیگر دارد:

1-سایت با سرعت بیشتری بارگذاری میشود.

2-سایت شما پهنای باند کمتری ر مصرف میکنید.

هر تکنولوژی جدیدی در کنار حسنهایی که دارد معایب هایی هم دارد.در مطالب بعدی به بررسی معایب نسخهء آفلاین سایت میپردازیم.

دوستان عزیز,امیدوارم که اینن مطلب هم برای شما مفید و کاربردی بوده باشه.اگر فکر میکنید که نکته ای از قلم افتاده حتما اونرو از طریق کامنتها با ما در میون بگذارید.اگر هم در ساخت نسخهء آفلاین سایتتان مشکلی داشت در زیر همین پست اعلام کنید.

همچنین بخش پایانی این آموزش که به مشکلات این روش پرداخته را نیز میتوانید در مطلب زیر مطالعه کنید:

مشکلات موجود در نسخهء آفلاین سایت

شاد و پیروز باشید.

بیگ تم

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *