آموزش react nativeآموزش react native
  • صفحه اصلی
  • دوره ها

    جدیدترین دوره

    دوره جامع React Native

    دوره جامع React Native

    85,000 IRT
    مشاهده

    محبوب ترین دوره

    آموزش مقدماتی react native

    آموزش مقدماتی react native

    رایگان
    مشاهده
    • دوره های آموزشی
    • تله فیلم آموزشی
  • بلاگ
  • چارت آموزشی
  • تالار گفتمان
  • تماس با ما
  • درباره ما
    • عضویت ورود

      ورود با:

      Google Twitter Instagram

      ورود با حساب کاربری سایت شما

      ورود با:

      Google Twitter Instagram

      رمز عبوررا فراموش کرده اید؟

      هنوز عضو نیستید؟همین حالا عضو شو!

    • سبد خرید

      0
  • صفحه اصلی
  • دوره ها

    جدیدترین دوره

    دوره جامع React Native

    دوره جامع React Native

    85,000 IRT
    مشاهده

    محبوب ترین دوره

    آموزش مقدماتی react native

    آموزش مقدماتی react native

    رایگان
    مشاهده
    • دوره های آموزشی
    • تله فیلم آموزشی
  • بلاگ
  • چارت آموزشی
  • تالار گفتمان
  • تماس با ما
  • درباره ما

جاوااسکریپت

  • خانه
  • بلاگ
  • جاوااسکریپت
  • push.js | کتابخانه ای برای ارسال Push Notifications

push.js | کتابخانه ای برای ارسال Push Notifications

  • ارسال شده توسط علیرضا
  • تاریخ بهمن ۲۲, ۱۳۹۶
  • نظرات 0 نظر
آموزش جاوااسکریپت

در این نوشته قراره در مورد یک کتابخانه جاوااسکریپتی صحبت کنیم که از این لایبرری  برای فرستادن Push Notification در مرورگر استفاده میشه . اپلیکیشن های نیتیو موبایل Push Notification رو همیشه پشتیبانی کردند ولی تا زمانی که Notifications API به وجود اومد جای این نوتیفیکیشن ها در دنیای وب خالی بود .

Notifications API از طریق جاوااسکریپت کار میکنه و این اجازه رو به شما میده تا از طریق پنجره مرورگر به کاربرانتون پوش نوتیفیکیشن بفرستید.

Push.js یک لایبرری رایگان هست که تمام ویژگی های اصلی پوش نوتیفیکیشن ها رو با استفاده از کد های جاوااسکریپت اجرا میکنه . فقط چند خط کد جاوااسکریپت برای مدیریت واجراش لازمه .

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

بنابراین بهترین کاری که میتونید انجام بدید تا بفهمید  کاربرانتون از نوتیفیکیشن ها استقبال میکنند اینه که این کار رو امتحان کنید . با استفاده از این نوتیفیکیشن ها شما میتونید برای پست های جدید سایتتون لینک بازدید ، یا خبرنامه  و … ارسال کنید .  با لایبرری push.js تمامی این کارها خیلی راحت تر صورت میگیره .

آموزش جاوااسکریپت

این لایبرری رو میتونید از bower  ، npm  یا مستقیما از طریق گیت هاب دانلود کنید ، با استفاده از این لایبرری و همچنین کد ها ی جاوااسکریپت میتونید این پوش نوتیفیکیشن رو ایجاد کنید و اگه کاربران سایتتون درخواست شما رو قبول کردند ، هر زمان که بخواید میتونید نوتیفیکشن های جدیدی رو ارسال کنید . این امکان هم برای شما وجود داره که هدر نوتیفیکیشن ، محتوای اصلی و ویژگی هایی مانند زمان بسته شدن خودکار نوتیفیکیشن رو تنظیم کنید.

یه نمونه  از نوتیفیکشن های ایجاد شده با این لایبرری :

1
2
3
4
5
6
7
8
9
Push.create("Hello world!", {
    body: "How's it hangin'?",
    icon: 'icon.png',
    timeout: 4000,
    onClick: function () {
        window.focus();
        this.close();
    }
});

نیازی نیست در حد خفن جاوااسکریپت بدونید تا از این لایبرری استفاده کنید ، اگه فقط کد هارو کپی کنید یا از گیت هاب اقدام کنید ، میتونید در کمتر از  ۱۵ دقیقه  پوش نوتیفیکیشنتون رو ایجاد کنید .

خب همه ما در مورد مزایا نوتیفیکیشن میدونیم و همچنین در مورد معایبی که داره ، نظر شما دراین مورد چیه ؟  نوشته ای خوندید برداشت من از این مقاله بود، شماهم اگه نظر خاصی در این مورد دارید با ما درمیون بزارید.

 

برچسب:جاوااسکریپت, مرورگر, پوش نوتیفیکیشن, کتابخانه Push.js

  • اشتراک گذاری:
علیرضا
از زمان ورود به دانشگاه همیشه سردرگم بودم تا اینکه با واژه استارتاپ و کارآفرینی بیشتر از قبل آشنا شدم . از حس پوچی که داشتم نجات پیدا کردم و خوشحالم که در reactapp.ir فعالیت میکنم . به شدت به برنامه نویسی، سفر،عکاسی و کتاب های تاریخی علاقه مندم و اوقات فراغتم صرف این موارد میکنم .

مطلب قبلی

اضافه کردن Floating Action Button در react native
بهمن ۲۲, ۱۳۹۶

مطلب بعدی

نمایش عکس GIF در react native
بهمن ۲۳, ۱۳۹۶

ممکن است همچنین دوست داشته باشید

  • NodeJS
    nodejs چی هست و چرا باید ازش استفاده کنیم ؟
    ۱۹ فروردین, ۱۳۹۷
  • asm.js-javascript
    فناوری asm.js
    ۱۱ فروردین, ۱۳۹۷
  • joy-compiler
    کامپایلری برای تبدیل کد های GO به javascript
    ۷ اسفند, ۱۳۹۶

نظر بدهید لغو پاسخ

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

جستجو

دسته‌ها

  • React
  • React Native
  • آموزش متنی
  • آموزشی
  • استارتاپ
  • برنامه نویسی
  • جاوااسکریپت
  • مدیریت

دوره ها

دوره جامع React Native

دوره جامع React Native

85,000 IRT
Star Rating در React Native

Star Rating در React Native

رایگان
دوره کامل ES6|جاوااسکریپت ۲۰۱۵

دوره کامل ES6|جاوااسکریپت ۲۰۱۵

رایگان

نوشته ها

reactjs کامپوننت
۱۲ کامپوننت UI برای React
۰۳اردیبهشت۱۳۹۷
یادگیری برنامه نویسی
پیشنهاد هایی قبل از یادگیری برنامه نویسی
۲۹فروردین۱۳۹۷
اپلیکیشن های پیشرفته وب یا PWA چیست
۲۶فروردین۱۳۹۷
logo-samandehi
  • دوره های آموزشی
  • تله فیلم آموزشی
  • آموزش متنی
  • سوالات متدوال
  • بلاگ
  • درباره ما
  • تماس با ما

reactapplogo

09150274110

contact@reactapp.ir

کلیه حقوق این سایت محفوظ و متعلق به reactapp.ir میباشد.

  • قوانین
  • چارت آموزشی