Integrace bez pluginu

Avatar

Podle Petr Hebký

aktualizováno před 7 měsíci

Registrace, základní nastavení účtu a integrace Vilf.io na váš web vám zaberou okolo 10 minut.

Obsah článku:

  1. Založení účtu
  2. Přidání webu a vygenerování kódu
  3. Vložení souboru service-worker.js na web
    1. Vložení souboru do rootu


1) Založení účtu

Účet na Vilf.io založíte jednoduše – kliknutím na tlačítko „registrace“ nebo  „zdarma se registrovat“.

Do registračního formuláře vyplníte svůj e-mail a heslo, které kvůli bezpečnosti napíšete i do ověřovacího pole, a zaškrtnete souhlas s podmínkami použití a zásadami ochrany osobních údajů.

Během několika minut vám do e-mailové schránky dorazí zpráva s odkazem pro potvrzení vaší registrace. Po potvrzení je váš účet plně aktivovaný a můžete jej začít využívat pro rozesílání notifikací.


2) Přidání webu a vygenerování kódu

Po přihlášení do administrace bude vaším prvním krokem přidání webu, ze kterého chcete push notifikace rozesílat. Klikněte na tlačítko „přidat web“.

Vyplňte název stránky (1) a její URL (2). Pokud váš web využívá protokol http, je nutné také vyplnit label (3), podle kterého aplikace Vilf.io vytvoří doménu třetího řádu (label.vilf.io). Díky této doméně bude možné rozesílat notifikace i z webu s http protokolem. Využíváte-li protokol https, políčko „label“ nevyplňujte.

Po vyplnění všech nezbytných polí klikněte na tlačítko „vytvořit web“ (4).

Po kliknutí na tlačítko se objeví okno s kódem, který je potřeba na web vložit. Kód zkopírujete kliknutím na tlačítko „Zkopírovat“ (5). Zároveň je potřeba stáhnout soubor service-worker.js (6) a vložit jej do kořene vašeho webu.

3) Vložení souboru  service-worker.js na web

 Pro správné fungování aplikace Vilf.io je potřeba stažený soubor service-worker.js vložit na váš web prostřednictvím tzv. FTP připojení, které se používá k přenosu souborů mezi dvěma počítači. 

 Soubor service-worker.js je dostupný ke stažení zde

Ke vložení souboru doporučujeme využít aplikaci WinSCP (podporuje zabezpečený typ připojení SFTP). Zdarma ji stáhnete na tomto odkazu. Využít můžete i jiné aplikace, poměrně rozšířená je např. FileZilla (zabezpečené připojení ovšem nepodporuje).

Po instalaci je potřeba přihlásit se ke svému FTP účtu. K tomu potřebujete znát své přihlašovací údaje, konkrétně: typ připojení (1), adresu webhostingu, kde je váš web umístěný (2), číslo portu (3) a vaše přihlašovací jméno (4) a heslo (5). 

Všechny tyto informace by vám měl poskytnout provozovatel hostingu, na kterém je váš web umístěný. Typicky je zasílá e-mailem po registraci, popř. bývají umístěné v dashboardu.

Níže naleznete návod pro získání potřebných přihlašovacích údajů u největších českých poskytovatelích hostingu:

3a) Vložení souboru do rootu

Po přihlášení k FTP účtu se vám otevře přístup do adresáře webu na vzdáleném serveru. Stažený soubor service-worker.js (1) stačí vložit do adresáře „root“ (někdy bývá označován jako „kořen“) (2):

K souboru service-worker.js by měl vést odkaz vas-web.cz/service-worker.js. 

Pokud tomu tak není (např. Shoptet ukládá soubory do adresáře /user/documents/, takže výsledná adresa k service-worker.js je vas-web.cz/user/documents/service-worker.js), je potřeba v nastavení aplikace Vilf.io tuto cestu upravit.

To provedete kliknutím na položku „nastavení webu“ (3) a tlačítko „nastavení“ (4). Následně v poli „ServiceWorker URL“ (5) upravíte odkaz tak, aby se shodoval s adresou, na které je soubor service-worker.js uložený. Vše uložíte kliknutím na tlačítko „uložit nastavení“ (6).


Odpovědělo to na vaši otázku?