ПредишенСледващото

Как се прави лицеви уведомление на сайта на хром (част 1)

Системни прозорци на Google Chrome, иска разрешение за доставка на известия от сайта.

Днес, обаче, тази технология все още е доста млад и насоки за тяхното прилагане не са достатъчно, а не само на вътрешния интернет, но също така и в чужбина. Например не е далеч да се търси - дори и на "Google", когато обяви Push API, издаден до сълзи оскъдно съобщение за пресата. И едва сега, след няколко часа копаят в Google обслужване с често задавани въпроси за разработчиците, можете да събират информация за събиране на повече или по-малко текущи скриптове, за да изпратят Лицеви уведомления за своите читатели.

Как да си направите такъв Push-уведомление за вашия сайт? Има два начина: да се използват услугите на трети страни (те вече имат и някои от тях са дори много добър), или да създадете свой собствен решение. Тъй като аз съм привърженик на минималната използването на услуги на трети страни на сайта, пътя ни в града, че е предрешен.

Но, честно казано, е необходимо да се постави в няколко catchphrases и външни решения. Признавам, аз наистина не учи на този пазар (причината е кръстен просто по-горе), но това е невъзможно да не говорим за услугата OneSignal. най-добрата характеристика е, че техните услуги са напълно безплатни - те печелят от продажбата на данни за посетителите на уеб сайта на клиента. Тъй като услуга Jeapie. на тяхна страна много компетентен маркетинг и като цяло са добри отзиви. Въпреки това, следва да се отбележи, че по време на техните услуги отказа Медуза - Платформата бе просто не подготвени за броя на pushey, които трябваше да се изпрати за огромна аудитория от Медуза.

Реализация. Получаване на записи, поддържани от Google.

В оригиналния сайт на данни, написани на Rails 3.2.8, и задачата да я направи да известия тласкач за Chrome.

След това отидете на sloud платформа Google. където можем да се регистрирате нов проект, го нарича, например, и на уебсайт-Push.

Как се прави лицеви уведомление на сайта на хром (част 1)

Създаване на нов проект в Coogle Cloud Platform

Няколко секунди по-късно, когато на проекта ще бъде създаден чрез API профил в Google, за да се свържете. връзка Активиране и конфигуриране на API отидете в секцията, където списък с методи на API за всички услуги на Google. Там трябва да се даде възможност на Google Cloud Messaging метод на секция Мобилни API.

Как се прави лицеви уведомление на сайта на хром (част 1)

Google Cloud Messaging метод за раздел Mobile API

Най-вероятно, когато се свържете с метода, на Google помолени да се регистрирате допълнителни данни. Например, да поиска разяснения от API се нарича, тогава ние се посочи ние се нуждаем от тип манипулатор (например уеб сървър).

Как се прави лицеви уведомление на сайта на хром (част 1)

Генерираната частния ключ за достъп до API Google

След като натиснете Finish, ние ще бъдем на страницата, на която сте задали име на домейн и да го провери чрез подходящите инструменти Search Console. Това също е доста статии за интернет, а процедурата е интуитивен. Така че ние няма да спрем дотук.

След това, ние се върнете на главната страница на нашия проект и на уебсайт-Push и не забравяйте, светлината на нашия проект. Той също е полезно за нас.

Как се прави лицеви уведомление на сайта на хром (част 1)

В действителност, ние имаме, е необходимо нищо повече от Coogle Cloud Platform. Ключ и ID.

Реализация. Първоначална настройка на сайта.

Сега, в главната папка на нашия уебсайт, трябва да добавим Файлът manifest.json, който ще съдържа следното:

Това е минималната необходима информация за манифеста. Можете да Google и да разберете. всички допълнителни параметри могат да бъдат посочени там.

Е, добави раздел мета тагове с позоваване на манифеста:

Сега там е, в главната папка създадете файл push.js където Въведете този код тук:

Добавяне на връзка към този скрипт нашия уебсайт:

Сега направете услуга на работниците. Тя ще sw.js файл в главната папка:

Можете да премине сценария малко, така, че иконата е динамичен параметър, но струва ми се, че би било абсолютно ненужно, по-добро известие за марка, отколкото да предоставите изображение, което наистина не е счел в краткосрочен Pouchet.

И накрая, ние създаваме latest.json, от който ще се информацията за уведомлението. Мисля, че не е трудно да се отгатне, че той ще лежи в главната папка. И тук е съдържанието:

Аз вярвам, че има да се обясни, че това json'e няма смисъл, всичко е ясно.

Идеята е, че сега нашия сайт, или по-скоро пред своя край, е почти напълно готова. Остава само да се научите как да се говори за Google, че имаме нови актуализации, така че, от своя страна, информира за това да браузъри нашите абонати. И, разбира се, да се актуализират динамично ни latest.json. Въпреки това, той е в следващата част.

Послепис Между другото, сега можете да се обадите SendPushMe () и да видим какво ще стане. За този пример, можете да създадете връзка, щракнете върху които ще бъдат причинени от този метод:

ПРОДЪЛЖЕНИЕ:

Как се прави лицеви уведомление на сайта за Chrome (Част 2)
ние накратко ще обсъдим в последната част от който е уеб-уведомления от Chrome и дори започна да ги приложат в своята ... medium.com

Свързани статии

Подкрепете проекта - споделете линка, благодаря!