Pro SPA

Integrace JavaScriptového kódu SEATEXT AI do vaší Single Page Application (SPA) spočívá vložením poskytnutého kódu do vašeho projektu. Tento průvodce pokryje kroky nezbytné pro přidání tohoto kódu a zajistí jeho bezproblémovou integraci s různými SPA frameworky, jako jsou React, Vue a Angular.

Kód SEATEXT AI

Zde je kód SEATEXT AI, který je třeba vložit:

SEATEXTCODEINTEGRATION

Obecné pokyny

Identifikace vstupního bodu: Určete, kde se vaše SPA inicializuje. Obvykle se jedná o soubor index.html nebo hlavní soubor JavaScript/TypeScript, kde váš framework připojuje aplikaci. Přidání kódu: Vložte kód SEATEXT AI do značky body v souboru index.html nebo do ekvivalentní inicializační sekce vašeho SPA frameworku.

Pokyny pro konkrétní SPA frameworky

1. React

V aplikaci React je vstupní bod obvykle soubor public/index.html. Vyhledání index.html: Najděte soubor public/index.html ve svém projektu React. Přidání kódu: Přidejte kód SEATEXT AI těsně před uzavírací značku </body>.

Příklad

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>React App</title> </head> <body> <div id="root"></div> <script> localStorage.setItem('seatext_id', "96733aab-aaad-4e0e-90ec-5c899e524514"); window.globalSeatextID = "96733aab-aaad-4e0e-90ec-5c899e524514"; </script> <script async src="https://login.seatext.com/seatext.js?id=96733aab-aaad-4e0e-90ec-5c899e524514"></script> </body> </html>

2. Vue.js

V aplikaci Vue.js je vstupní bod obvykle soubor public/index.html. Vyhledání index.html: Najděte soubor public/index.html ve svém projektu Vue. Přidání kódu: Přidejte kód SEATEXT AI těsně před uzavírací značku </body>.

Příklad

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vue App</title> </head> <body> <div id="app"></div> <script> localStorage.setItem('seatext_id', "96733aab-aaad-4e0e-90ec-5c899e524514"); window.globalSeatextID = "96733aab-aaad-4e0e-90ec-5c899e524514"; </script> <script async src="https://login.seatext.com/seatext.js?id=96733aab-aaad-4e0e-90ec-5c899e524514"></script> </body> </html>

3. Angular

V aplikaci Angular je vstupní bod obvykle soubor src/index.html. Vyhledání index.html: Najděte soubor src/index.html ve svém projektu Angular. Přidání kódu: Přidejte kód SEATEXT AI těsně před uzavírací značku </body>.

Příklad

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Angular App</title> </head> <body> <app-root></app-root> <script> localStorage.setItem('seatext_id', "96733aab-aaad-4e0e-90ec-5c899e524514"); window.globalSeatextID = "96733aab-aaad-4e0e-90ec-5c899e524514"; </script> <script async src="https://login.seatext.com/seatext.js?id=96733aab-aaad-4e0e-90ec-5c899e524514"></script> </body> </html>

Další aspekty

Další aspektyAsynchronní načítání: Kód obsahuje atribut async pro značku script, který zajišťuje asynchronní načítání skriptu SEATEXT AI, což pomáhá udržet výkon načítání stránky. Využití místního úložiště: Skript ukládá ID do místního úložiště. Ujistěte se, že vaše aplikace má potřebná oprávnění pro přístup a využití místního úložiště. Aspekty napříč zdroji: Pokud vaše SPA komunikuje s více doménami, ujistěte se, že skript SEATEXT AI je kompatibilní a nenaráží se s problémy napříč zdroji.

Testování integrace

Po přidání kódu postupujte podle těchto kroků, abyste zajistili správnou integraci: Sestavení a spuštění: Sestavte a spusťte svou aplikaci pomocí standardních příkazů pro váš framework (npm start, npm run serve nebo ng serve). Kontrola stránky: Otevřete Nástroje pro vývojáře ve svém prohlížeči (F12) a zkontrolujte záložky Console a Network, abyste ověřili, že se skript SEATEXT AI načítá bez chyb. Kontrola funkčnosti: Ujistěte se, že funkce SEATEXT AI fungují v rámci vaší SPA podle očekávání.

Závěr

Pokud budete postupovat podle tohoto průvodce krok za krokem, můžete bezproblémově integrovat JavaScriptový kód SEATEXT AI do své Single Page Application. Pokud narazíte na nějaké problémy nebo budete potřebovat další pomoc, obraťte se prosím na podporu.