میزبانی وب هاست

میزبانی هاست لینوکس و ویندوز در سرور های قدرتمند سه کشور ایران کانادا و آمریکا با پشتیبانی 24 ساعته

میزبانی وب

ثبت دامنه

ثبت دامنه های ملی کشور ایران و دامنه های بین المللی جهانی با پیشوند های ir , com , net , org , info , ws و ....

ثبت دامنه

طراحی وب سایت

طراحی و برنامه نویسی حرفه ای وب سایت و سیستم های اتوماسیون اداری با قابلیت واکنش گرا (Responsive)

طراحی وب

آموزش طراحی وب

برگزاری کلاس های آموزش برنامه نویسی و طراحی سایت در مازندران بصورت کاملا خصوصی

آموزش طراحی وب

تشخیص اتصال کاربر به شبکه اینترنت در اپلیکیشن و وب سایت

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

connect-user-to-internet-in-jquery

برای تحقق سازی این امر در اپلیکیشن خود بنده با سه مثال ساده شما را با نحوه ی برنامه نویسی این کار آشنا می سازم:

استفاده از شی Navigator در جاوا اسکریپ

در زبان جاوا اسکریپ یک شی با نام Navigator وجود دارد که در داخل آن مقادیری به عنوان آرایه وجود دارد و در مورد کاربر اطلاعاتی را به ما می دهد اگر با برنامه نویسی سمت سرور مانند PHP آشنایی داشته باشید دقیقا کار متغیر $_SERVER را انجام میدهد.مثال زیر را دقت کنید :

<script>
var txt = "";
txt += "<p>Browser CodeName: " + navigator.appCodeName + "</p>";
txt += "<p>Browser Name: " + navigator.appName + "</p>";
txt += "<p>Browser Version: " + navigator.appVersion + "</p>";
txt += "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>";
txt += "<p>Browser Language: " + navigator.language + "</p>";
txt += "<p>Browser Online: " + navigator.onLine + "</p>";
txt += "<p>Platform: " + navigator.platform + "</p>";
txt += "<p>User-agent header: " + navigator.userAgent + "</p>";

document.getElementById("demo").innerHTML = txt;
</script>

۱۰

۱۱

۱۲

۱۳

var txt = "";

txt += "Browser CodeName: " + navigator.appCodeName + "";

txt += "Browser Name: " + navigator.appName + "";

txt += "Browser Version: " + navigator.appVersion + "";

txt += "Cookies Enabled: " + navigator.cookieEnabled + "";

txt += "Browser Language: " + navigator.language + "";

txt += "Browser Online: " + navigator.onLine + "";

txt += "Platform: " + navigator.platform + "";

txt += "User-agent header: " + navigator.userAgent + "";

document.getElementById("demo").innerHTML = txt;

</script>

خروجی دستور بالا در مرورگر من بصورت زیر بوده است :

navigator-in-javascript

همان طور که ملاحظه کردید یکی از دستورات شی navigator با نام navigator.online می باشد که در ستور متصل بودن کاربر به اینترنت مقدار true و در غیر این صورت مقدار false را بر میگرداند پس ما براحتی میتوانیم این قضیه را به عنوان یک تابع مانند زیر انجام دهیم و در هر لحظه از کار تست مورد نظر را بگیریم :

function isOnline() {
    var online = navigator.onLine;    // Detecting the internet connection
    if(online) {
       // do your stuff
    } else {
       alert('You\'re Offline now...');
    }
}

function isOnline() {

var online = navigator.onLine; // Detecting the internet connection

if(online) {

// do your stuff

} else {

alert('You\'re Offline now...');

}

استفاده از شی Ajax در کتابخانه جی کوئری

فرض کنید ما میخواهیم در زمان ارسال یک درخواست آجاکس ابتدا چک کنیم که کاربر اصلا به اینترنت متصل است یا خیر که در غیر این صورت پیام خطا برای او به نمایش در بیاید.اگر با شی $ajax در جی کوئری آشنایی داشته باشید یکی از متدهای آن به نام error می باشد که در این متد میتوانید Statuscodeیا وضعیت درخواست خود را مشخص کنید و ببینید بدین صورت که اگر درخواست با موفقیت ارسال نشد یعنی برابر با صفر بود یعنی تداخلی در کار وجود دارد البته این نکته را توجه کنید که همیشه تداخل داشتن کار به خاطر وصل بودن به اینترنت نیست شاید برنامه نویسی وب سایت شما در دادن کوئری اشتباه داشته باشد.

$.ajax({
    //your ajax options
    error: function(statusCode, errorThrown) {
        if (statusCode.status == 0) {
            alert("you're offline");
        }
    }
});

$.ajax({

//your ajax options

error: function(statusCode, errorThrown) {

if (statusCode.status == ۰) {

alert("you're offline");

}

});

تست اتصال به شبکه بصورت مکرر در پشت صحنه کلاینت کاربر

در دو مثال بالا اگردقت کرده باشید ما طریقه ی ارزیابی کردن کاربر را بعد از هر درخواست بررسی کردیم حال تصور کنید شما میخوایهد برنامه ای بنویسید که بصورت خودکار هر یک دقیقه خودش اتصال به اینترنت بودن کاربر را تست کنید و همانند یک حلقه Loop این قضیه تکرار شود برای این کار ممیتوانیم از تابع زمان دهی در جاوا اسکریپ یا همان setInterval استفاده کنیم.اگر بخواهیم مثال اول را با این قضیه ادغام کنیم خواهیم داشت :

setInterval(function(){
var online = navigator.onLine;    // Detecting the internet connection
    if(online) {
      alert('Connected');
    } else {
       alert('You\'re Offline now...');
    }
}, ۱۰۰۰۰); // ۱۰۰۰۰ = ۱۰ seconds, check for connection every 10 seconds

setInterval(function(){

var online = navigator.onLine; // Detecting the internet connection

if(online) {

alert('Connected');

} else {

alert('You\'re Offline now...');

}

}, ۱۰۰۰۰); // ۱۰۰۰۰ = ۱۰ seconds, check for connection every 10 seconds

تاریخ و زمان انتشار : ۲۶ فروردین, ۱۳۹۵

مرتبط با موضوع :

آدرس : مازندران - فریدونکنار - میدان درنا - خیابان جمکران (خط سوته)

تلفن تماس : ۹۲۳۸ ۳۵۶۶ ۰۱۱[ ساعات اداری : شنبه تا چهارشنبه | 9 صبح تا 4 بعد از ظهر ]

پست الکترونیک :info [at] Mazandaranweb.ir

بانک ملی ایران

شماره حساب : 0216867544008
شماره 16 رقمی کارت : 3479 - 0689 - 9918 - 6037
به نام مهرشاد درزی سوته

دوره ی های آموزشی طراحی وب سایت در مازندران

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

طراحی وب سایت ریسپانسیو واکنش گرا responsive با فریم ورک بوت استرپ