"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; const headings = [{ "data": { "id": "cominciamo", "hProperties": { "id": "cominciamo" } }, "depth": 2, "value": "Cominciamo" }, { "data": { "id": "integra-logto-sdk", "hProperties": { "id": "integra-logto-sdk" } }, "depth": 2, "value": "Integra Logto SDK" }, { "data": { "id": "installazione", "hProperties": { "id": "installazione" } }, "depth": 3, "value": "Installazione" }, { "data": { "id": "registra-il-modulo-logto", "hProperties": { "id": "registra-il-modulo-logto" } }, "depth": 3, "value": "Registra il modulo Logto" }, { "data": { "id": "implementa-il-login-e-il-logout", "hProperties": { "id": "implementa-il-login-e-il-logout" } }, "depth": 3, "value": "Implementa il login e il logout" }, { "data": { "id": "visualizza-le-informazioni-dellutente", "hProperties": { "id": "visualizza-le-informazioni-dellutente" } }, "depth": 3, "value": "Visualizza le informazioni dell'utente" }, { "data": { "id": "punto-di-controllo-esegui-lapplicazione", "hProperties": { "id": "punto-di-controllo-esegui-lapplicazione" } }, "depth": 2, "value": "Punto di controllo: Esegui l'applicazione" }, { "data": { "id": "ulteriori-letture", "hProperties": { "id": "ulteriori-letture" } }, "depth": 2, "value": "Ulteriori letture" }]; const readingTime = { "minutes": 1, "words": 357, "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: "cominciamo", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#cominciamo", children: _jsx(_components.span, { children: "#" }) }), "Cominciamo"] }), "\n", _jsx(GetStarted, { framework: { name: 'Nuxt', url: 'https://nuxt.com/', description: 'una struttura open source che rende lo sviluppo web intuitivo e potente.' }, programmingLanguage: "JavaScript tipo", applicationType: "web tradizionale" }), "\n", _jsxs(_components.h2, { id: "integra-logto-sdk", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#integra-logto-sdk", children: _jsx(_components.span, { children: "#" }) }), "Integra Logto SDK"] }), "\n", _jsxs(_components.h3, { id: "installazione", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#installazione", children: _jsx(_components.span, { children: "#" }) }), "Installazione"] }), "\n", _jsx(_components.p, { children: "Installa Logto SDK tramite il tuo gestore di pacchetti preferito:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-bash", children: "# o pnpm, yarn, ecc.\nnpm i @logto / nuxt\n" }) }), "\n", _jsxs(_components.h3, { id: "registra-il-modulo-logto", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#registra-il-modulo-logto", children: _jsx(_components.span, { children: "#" }) }), "Registra il modulo Logto"] }), "\n", _jsxs(_components.p, { children: ["Nel tuo file di configurazione Nuxt (", _jsx(_components.code, { children: "nuxt.config.ts" }), "), aggiungi il modulo Logto:"] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-ts", children: "export default definisciNuxtConfig({\n moduli: ['@logto / nuxt'],\n // ... altre configurazioni\n});\n" }) }), "\n", _jsx(_components.p, { children: "La configurazione minima per il modulo è la seguente:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-ts", children: "export default definisciNuxtConfig({\n moduli: ['@logto/nuxt'],\n runtimeConfig: {\n logto: {\n endpoint: '',\n appId: '',\n appSecret: '',\n cookieEncryptionKey: '',\n },\n },\n // ... altre configurazioni\n});\n" }) }), "\n", _jsx(_components.p, { children: "Dato che queste informazioni sono sensibili, si raccomanda di utilizzare variabili d'ambiente:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-bash", children: "# file .env\nNUXT_LOGTO_ENDPOINT=\"\"\nNUXT_LOGTO_APP_ID=\"\"\nNUXT_LOGTO_APP_SECRET=\"\"\nNUXT_LOGTO_COOKIE_ENCRYPTION_KEY=\"\"\n" }) }), "\n", _jsxs(_components.p, { children: ["Vedi la ", _jsx(_components.a, { href: "https://nuxt.com/docs/guide/going-further/runtime-config", children: "configurazione del runtime" }), " per maggiori informazioni."] }), "\n", _jsxs(_components.h3, { id: "implementa-il-login-e-il-logout", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#implementa-il-login-e-il-logout", children: _jsx(_components.span, { children: "#" }) }), "Implementa il login e il logout"] }), "\n", _jsx(ConfigureRedirectUris, {}), "\n", _jsxs(_components.p, { children: ["Quando si registra il modulo ", _jsx(_components.code, { children: "@logto / nuxt" }), ", farà quanto segue:"] }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: ["Aggiungi tre percorsi per l'accesso (", _jsx(_components.code, { children: "/login" }), "), l'uscita (", _jsx(_components.code, { children: "/logout" }), ") e la callback (", _jsx(_components.code, { children: "/callback" }), ")."] }), "\n", _jsxs(_components.li, { children: ["Importa due composti: ", _jsx(_components.code, { children: "utilizzaLogtoClient" }), " e ", _jsx(_components.code, { children: "utilizzaLogtoUser" }), "."] }), "\n"] }), "\n", _jsxs(_components.p, { children: ["Questi percorsi possono essere configurati tramite ", _jsx(_components.code, { children: "logto.pathnames" }), " nelle opzioni del modulo, per esempio:"] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-ts", children: "export default definisciNuxtConfig({\n logto: {\n pathnames: {\n login: '/login',\n logout: '/logout',\n callback: '/auth/callback',\n },\n },\n // ... altre configurazioni\n});\n" }) }), "\n", _jsxs(_components.p, { children: ["Dai un'occhiata al ", _jsx(_components.a, { href: "https://github.com/logto-io/js/blob/HEAD/packages/nuxt/src/runtime/utils/types.ts", children: "file di definizione del tipo" }), " nel pacchetto ", _jsx(_components.code, { children: "@logto/nuxt" }), " per maggiori informazioni."] }), "\n", _jsx(_components.p, { children: "Dato che le pagine Nuxt saranno reidratate e diventeranno un'applicazione a pagina singola (SPA) dopo il caricamento iniziale, è necessario reindirizzare l'utente verso la rotta di login o logout, se necessario." }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-html", children: "Accesso\n
\nDisconnetti\n" }) }), "\n", _jsxs(_components.h3, { id: "visualizza-le-informazioni-dellutente", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#visualizza-le-informazioni-dellutente", children: _jsx(_components.span, { children: "#" }) }), "Visualizza le informazioni dell'utente"] }), "\n", _jsxs(_components.p, { children: ["Per visualizzare le informazioni dell'utente, è possibile utilizzare il componibile ", _jsx(_components.code, { children: "utilizzaLogtoUser()" }), ", che è disponibile sia sul lato server che sul lato client:"] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-html", children: "\n\n" }) }), "\n", _jsxs(_components.h2, { id: "punto-di-controllo-esegui-lapplicazione", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#punto-di-controllo-esegui-lapplicazione", children: _jsx(_components.span, { children: "#" }) }), "Punto di controllo: Esegui l'applicazione"] }), "\n", _jsx(Checkpoint, {}), "\n", _jsxs(_components.h2, { id: "ulteriori-letture", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#ulteriori-letture", children: _jsx(_components.span, { children: "#" }) }), "Ulteriori letture"] }), "\n", _jsxs(_components.ul, { children: ["\n", _jsx(_components.li, { children: _jsx(_components.a, { href: "https://docs.logto.io/docs/recipes/customize-sie/", children: "Personalizza l'esperienza di accesso" }) }), "\n", _jsx(_components.li, { children: _jsx(_components.a, { href: "https://docs.logto.io/docs/recipes/configure-connectors/", children: "Configura i connettori" }) }), "\n", _jsx(_components.li, { children: _jsx(_components.a, { href: "https://docs.logto.io/docs/recipes/protect-your-api/", children: "Proteggi la tua API" }) }), "\n"] }), "\n", _jsx(LogtoCloudButton, { children: "Prova Logto oggi" })] }); } 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."); }