آموزشی

آموزش کده

آموزشی

آموزش کده

آموزشی

اموزش انواع کارهای از قبیل اینترنتی

و غیره

آخرین مطالب

پربیننده ترین مطالب

محبوب ترین مطالب

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

يكشنبه, ۱۳ فروردين ۱۳۹۶، ۱۲:۰۹ ق.ظ

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

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

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

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


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-سایت شما پهنای باند کمتری ر مصرف میکنید.

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

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

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

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

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

۹۶/۰۱/۱۳ موافقین ۰ مخالفین ۰
سجاد Hamshehri

سایت وبلاگ

نظرات  (۰)

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

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی