Для SPA

Интэграцыя скрипта SEATEXT AI JavaScript у вашу адностарочную прыкладанне (SPA) абазначае ўстаўленне пазначанага кода ў ваш праект. Гэты пытальнік пакрое неабходныя крокі для дадавання гэтага кода, абезпекваючы гладкую інтэграцыю з рознымі фрэймўркамі SPA, такімі як React, Vue і Angular.

Сніппет SEATEXT AI

Гэты сніппет SEATEXT AI трэба ўстаўляць:

SEATEXTCODEINTEGRATION

Агульныя інструкцыі

Вызначце точку ўходу: вызначце, дзе ваша SPA ініцыялізуецца. Звычайна гэта файл index.html або галоўны файл JavaScript/TypeScript, дзе ваш фрэймўрка монтуе прыкладанне. Дадайце сніппет: ўстаўце сніппет SEATEXT AI ў тэг body вашага файла index.html, або у эквівалентную секцыю ініцыялізацыі вашага фрэймўркі SPA.

Инструкцыі для спецыфічных фрэймўркаў SPA

1. React

In a React application, the entry point is usually the public/index.html file. Locate index.html: Find the public/index.html file in your React project. Insert the Snippet: Add the SEATEXT AI snippet just before the closing </body> tag.

Прыклад

<!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

In a Vue.js application, the entry point is typically the public/index.html file. Locate index.html: Find the public/index.html file in your Vue project. Insert the Snippet: Add the SEATEXT AI snippet just before the closing </body> tag.

Прыклад

<!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

In an Angular application, the entry point is usually the src/index.html file. Locate index.html: Find the src/index.html file in your Angular project. Insert the Snippet: Add the SEATEXT AI snippet just before the closing </body> tag.

Прыклад

<!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>

Дадатковыя ўвагі

Дадатковыя ўвагі. Асаінхраснае загрузка: Сніппет включае атрыбут async для тэга скрипта, абезпекваючы, што скрипт SEATEXT AI загружаецца асаінхрасна, што допомагае захаваць выканальнасць загрузкі старонкі. Выкарыстанне месцавай пам'яті: Сніппет захоўвае ID у месцавай пам'яті. Забезпечце, каб вашага прыкладанне мало неабходныя правы для доступу і выкарыстання месцавай пам'яті. Асаблівасці крос-арыгіну: Як ваша SPA взаимодейстуе з некалькімі домэнамі, забеспячце сумяшчальнасць скрыпта SEATEXT AI і адсутнасць праблем з крос-арыгінам.

Тэсты інтэграцыі

Псля дадавання сніппета, выконвайце наступныя крокі, каб абезпекваць правільную інтэграцыю: Збіраць і сервіраваць: Збірайце і сервіруйце вашага прыкладанне з выкарыстаннем стандартных каманд вашага фрэймўркі (npm start, npm run serve, або ng serve). Паглядзець старонку: Адкройце інструменты развіцця вашага браўзера (F12) і праверцекладкі Камсаль і Сеть, каб убараніць, што скрыпт SEATEXT AI загружаецца без памылак. Практычная праверка: Забезпечце, што функцыі SEATEXT AI працуюць так, як ажыдаецца ў вашай SPA.

Вывод

Следуючы гэтаму паказавальнай інструкцыі крок-за-крокам, вы можаце гладка інтэграваць сніппет SEATEXT AI JavaScript у вашу адностарочную прыкладанне (SPA). У выпадку зьнікнення проблемаў або патрэбы у дадатковай дапамозе, звяртайцеся за падтрымкай.