"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; const headings = [{ "data": { "id": "начало-работы", "hProperties": { "id": "начало-работы" } }, "depth": 2, "value": "Начало работы" }, { "data": { "id": "интеграция-sdk-logto", "hProperties": { "id": "интеграция-sdk-logto" } }, "depth": 2, "value": "Интеграция SDK Logto" }, { "data": { "id": "установка", "hProperties": { "id": "установка" } }, "depth": 3, "value": "Установка" }, { "data": { "id": "регистрация-модуля-logto", "hProperties": { "id": "регистрация-модуля-logto" } }, "depth": 3, "value": "Регистрация модуля Logto" }, { "data": { "id": "реализуйте-вход-и-выход", "hProperties": { "id": "реализуйте-вход-и-выход" } }, "depth": 3, "value": "Реализуйте вход и выход" }, { "data": { "id": "отображение-информации-о-пользователе", "hProperties": { "id": "отображение-информации-о-пользователе" } }, "depth": 3, "value": "Отображение информации о пользователе" }, { "data": { "id": "контрольная-точка-запуск-приложения", "hProperties": { "id": "контрольная-точка-запуск-приложения" } }, "depth": 2, "value": "Контрольная точка: Запуск приложения" }, { "data": { "id": "дополнительное-чтение", "hProperties": { "id": "дополнительное-чтение" } }, "depth": 2, "value": "Дополнительное чтение" }]; const readingTime = { "minutes": 1, "words": 161, "text": "less than a minute read" }; const frontmatter = undefined; function _createMdxContent(props) { const _components = { a: "a", code: "code", h2: "h2", h3: "h3", li: "li", p: "p", pre: "pre", span: "span", ul: "ul", ..._provideComponents(), ...props.components }, {Checkpoint, ConfigureRedirectUris, GetStarted, LogtoCloudButton} = _components; if (!Checkpoint) _missingMdxReference("Checkpoint", true); if (!ConfigureRedirectUris) _missingMdxReference("ConfigureRedirectUris", true); if (!GetStarted) _missingMdxReference("GetStarted", true); if (!LogtoCloudButton) _missingMdxReference("LogtoCloudButton", true); return _jsxs(_Fragment, { children: [_jsxs(_components.h2, { id: "начало-работы", children: ["Начало работы", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#начало-работы", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsx(GetStarted, { framework: { name: 'Nuxt', url: 'https://nuxt.com/', description: 'это открытый исходный код, который делает разработку веб-сайтов интуитивной и мощной.' }, programmingLanguage: "TypeScript", applicationType: "Традиционный веб" }), "\n", _jsxs(_components.h2, { id: "интеграция-sdk-logto", children: ["Интеграция SDK Logto", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#интеграция-sdk-logto", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsxs(_components.h3, { id: "установка", children: ["Установка", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#установка", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsx(_components.p, { children: "Установите SDK Logto через ваш любимый пакетный менеджер:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-bash", children: "# или pnpm, yarn и т. д.\nnpm i @logto/nuxt\n" }) }), "\n", _jsxs(_components.h3, { id: "регистрация-модуля-logto", children: ["Регистрация модуля Logto", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#регистрация-модуля-logto", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsxs(_components.p, { children: ["В конфигурационном файле вашего Nuxt (", _jsx(_components.code, { children: "nuxt.config.ts" }), "), добавьте модуль Logto:"] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-ts", children: "export default defineNuxtConfig({\n modules: ['@logto/nuxt'],\n // ...другие настройки\n});\n" }) }), "\n", _jsx(_components.p, { children: "Минимальная конфигурация для модуля выглядит следующим образом:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-ts", children: "export default defineNuxtConfig({\n modules: ['@logto/nuxt'],\n runtimeConfig: {\n logto: {\n endpoint: '<ваш-logto-конечная-точка>',\n appId: '<ваш-logto-app-id>',\n appSecret: '<ваш-logto-app-secret>',\n cookieEncryptionKey: '<случайная-строка>',\n },\n },\n // ...другие настройки\n});\n" }) }), "\n", _jsx(_components.p, { children: "Так как эти данные являются конфиденциальными, рекомендуется использовать переменные окружения:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-bash", children: "# .env файл\nNUXT_LOGTO_ENDPOINT=\"<ваш-logto-конечная-точка>\"\nNUXT_LOGTO_APP_ID=\"<ваш-logto-app-id>\"\nNUXT_LOGTO_APP_SECRET=\"<ваш-logto-app-secret>\"\nNUXT_LOGTO_COOKIE_ENCRYPTION_KEY=\"<случайная-строка>\"\n" }) }), "\n", _jsxs(_components.p, { children: ["Смотрите ", _jsx(_components.a, { href: "https://nuxt.com/docs/guide/going-further/runtime-config", children: "runtime config" }), " для получения дополнительной информации."] }), "\n", _jsxs(_components.h3, { id: "реализуйте-вход-и-выход", children: ["Реализуйте вход и выход", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#реализуйте-вход-и-выход", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsx(ConfigureRedirectUris, {}), "\n", _jsxs(_components.p, { children: ["При регистрации модуля ", _jsx(_components.code, { children: "@logto/nuxt" }), " он выполнит следующие действия:"] }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: ["Добавление трех маршрутов для входа (", _jsx(_components.code, { children: "/sign-in" }), "), выхода (", _jsx(_components.code, { children: "/sign-out" }), ") и обратного вызова (", _jsx(_components.code, { children: "/callback" }), ")."] }), "\n", _jsxs(_components.li, { children: ["Импорт двух составных частей: ", _jsx(_components.code, { children: "useLogtoClient" }), " и ", _jsx(_components.code, { children: "useLogtoUser" }), "."] }), "\n"] }), "\n", _jsxs(_components.p, { children: ["Эти маршруты можно настроить через ", _jsx(_components.code, { children: "logto.pathnames" }), " в опциях модуля, например:"] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-ts", children: "export default defineNuxtConfig({\n logto: {\n pathnames: {\n signIn: '/login',\n signOut: '/logout',\n callback: '/auth/callback',\n },\n },\n // ...другие настройки\n});\n" }) }), "\n", _jsxs(_components.p, { children: ["Проверьте ", _jsx(_components.a, { href: "https://github.com/logto-io/js/blob/HEAD/packages/nuxt/src/runtime/utils/types.ts", children: "файл определения типов" }), " в пакете ", _jsx(_components.code, { children: "@logto/nuxt" }), " для получения дополнительной информации."] }), "\n", _jsx(_components.p, { children: "Поскольку страницы Nuxt будут возобновлены и станут одностраничным приложением (SPA) после начальной загрузки, нам нужно перенаправить пользователя на маршрут входа или выхода, когда это необходимо." }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-html", children: "Войти\n
\nВыйти\n" }) }), "\n", _jsxs(_components.h3, { id: "отображение-информации-о-пользователе", children: ["Отображение информации о пользователе", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#отображение-информации-о-пользователе", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsxs(_components.p, { children: ["Чтобы отобразить информацию пользователя, вы можете использовать ", _jsx(_components.code, { children: "useLogtoUser()" }), " composable, который доступен как на сервере, так и на стороне клиента:"] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-html", children: "\n\n" }) }), "\n", _jsxs(_components.h2, { id: "контрольная-точка-запуск-приложения", children: ["Контрольная точка: Запуск приложения", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#контрольная-точка-запуск-приложения", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsx(Checkpoint, {}), "\n", _jsxs(_components.h2, { id: "дополнительное-чтение", children: ["Дополнительное чтение", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#дополнительное-чтение", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsxs(_components.ul, { children: ["\n", _jsx(_components.li, { children: _jsx(_components.a, { href: "https://docs.logto.io/docs/recipes/customize-sie/", children: "Настройка опыта входа в систему" }) }), "\n", _jsx(_components.li, { children: _jsx(_components.a, { href: "https://docs.logto.io/docs/recipes/configure-connectors/", children: "Конфигурация коннекторов" }) }), "\n", _jsx(_components.li, { children: _jsx(_components.a, { href: "https://docs.logto.io/docs/recipes/protect-your-api/", children: "Защитите свой API" }) }), "\n"] }), "\n", _jsx(LogtoCloudButton, { children: "Попробуйте Logto сегодня" })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { headings, readingTime, frontmatter, default: MDXContent }; function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); }