"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; const headings = [{ "data": { "id": "giriş", "hProperties": { "id": "giriş" } }, "depth": 2, "value": "Giriş" }, { "data": { "id": "önkoşullar", "hProperties": { "id": "önkoşullar" } }, "depth": 2, "value": "Önkoşullar" }, { "data": { "id": "logto-uygulaması-oluşturun", "hProperties": { "id": "logto-uygulaması-oluşturun" } }, "depth": 2, "value": "Logto uygulaması oluşturun" }, { "data": { "id": "logto-sdk-ile-entegre-olun", "hProperties": { "id": "logto-sdk-ile-entegre-olun" } }, "depth": 2, "value": "Logto SDK ile Entegre Olun" }, { "data": { "id": "kurulum", "hProperties": { "id": "kurulum" } }, "depth": 3, "value": "Kurulum" }, { "data": { "id": "logto-kimlik-doğrulama-ara-yazılımını-ekleyin", "hProperties": { "id": "logto-kimlik-doğrulama-ara-yazılımını-ekleyin" } }, "depth": 3, "value": "Logto kimlik doğrulama ara yazılımını ekleyin" }, { "data": { "id": "giriş-1", "hProperties": { "id": "giriş-1" } }, "depth": 3, "value": "Giriş" }, { "data": { "id": "çıkış", "hProperties": { "id": "çıkış" } }, "depth": 3, "value": "Çıkış" }, { "data": { "id": "oturum-açma--oturum-kapama-düğmelerini-uygulayın-razor-sayfaları", "hProperties": { "id": "oturum-açma--oturum-kapama-düğmelerini-uygulayın-razor-sayfaları" } }, "depth": 3, "value": "Oturum açma / oturum kapama düğmelerini uygulayın (Razor Sayfaları)" }, { "data": { "id": "kontrol-noktası-web-uygulamasını-çalıştırın", "hProperties": { "id": "kontrol-noktası-web-uygulamasını-çalıştırın" } }, "depth": 2, "value": "Kontrol Noktası: Web uygulamasını çalıştırın" }, { "data": { "id": "daha-fazla-okuma", "hProperties": { "id": "daha-fazla-okuma" } }, "depth": 2, "value": "Daha fazla okuma" }]; const readingTime = { "minutes": 3, "words": 770, "text": "3 min read" }; const frontmatter = undefined; function _createMdxContent(props) { const _components = { a: "a", code: "code", h2: "h2", h3: "h3", li: "li", ol: "ol", p: "p", pre: "pre", span: "span", strong: "strong", ul: "ul", ..._provideComponents(), ...props.components }, {Note} = _components; if (!Note) _missingMdxReference("Note", true); return _jsxs(_Fragment, { children: [_jsxs(_components.h2, { id: "giriş", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#giriş", children: _jsx(_components.span, { children: "#" }) }), "Giriş"] }), "\n", _jsxs(_components.p, { children: [_jsx(_components.a, { href: "https://logto.io/", children: "Logto" }), " müşteri kimlik altyapısını minimum çabayla oluşturmak için modern bir Auth0 alternatifidir. Kullanıcı adı, e-posta, telefon numarası ve Google ve GitHub gibi popüler sosyal girişler de dahil olmak üzere çeşitli oturum açma yöntemlerini destekler."] }), "\n", _jsxs(_components.p, { children: [_jsx(_components.a, { href: "https://docs.microsoft.com/tr-tr/aspnet/core/", children: "ASP.NET Core" }), " modern, bulut tabanlı, internete bağlı uygulamalar oluşturmak için kullanılan bir çapraz platform, yüksek performanslı, açık kaynaklı bir çerçevedir."] }), "\n", _jsx(_components.p, { children: "Bu turorialde, Logto SDK'yı entegre ederek ASP.NET Core ile bir kullanıcı kimlik doğrulama akışı oluşturmayı göstereceğiz. Eğitim C# programlama dilini kullanır." }), "\n", _jsxs(_components.h2, { id: "önkoşullar", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#önkoşullar", children: _jsx(_components.span, { children: "#" }) }), "Önkoşullar"] }), "\n", _jsx(_components.p, { children: "Başlamadan önce aşağıdakilere sahip olduğunuzdan emin olun:" }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: ["Bir Logto hesabı. Yoksa ", _jsx(_components.a, { href: "https://cloud.logto.io/", children: "buradan ücretsiz üye olabilirsiniz" }), "."] }), "\n", _jsxs(_components.li, { children: [".NET geliştirme ortamı ve bir ASP.NET Core projesi. Yoksa ", _jsx(_components.a, { href: "https://dotnet.microsoft.com/download", children: " .NET'i yükleyebilir ve ASP.NET eğitimlerini takip ederek" }), " projenizi oluşturabilirsiniz."] }), "\n"] }), "\n", _jsxs(_components.h2, { id: "logto-uygulaması-oluşturun", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#logto-uygulaması-oluşturun", children: _jsx(_components.span, { children: "#" }) }), "Logto uygulaması oluşturun"] }), "\n", _jsx(_components.p, { children: "Başlamak için, \"Geleneksel web\" türünde bir Logto uygulaması oluşturun:" }), "\n", _jsxs(_components.ol, { children: ["\n", _jsxs(_components.li, { children: ["[Logto Konsolu]na giriş yapın (", _jsx(_components.a, { href: "https://cloud.logto.io/", children: "https://cloud.logto.io/" }), ")."] }), "\n", _jsxs(_components.li, { children: ["Sol gezinme çubuğunda ", _jsx(_components.strong, { children: "Uygulamalar" }), " seçeneğine tıklayın."] }), "\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "Uygulama oluştur" }), " seçeneğine tıklayın."] }), "\n", _jsx(_components.li, { children: "Açılan sayfada, \"Geleneksel web uygulaması\" bölümünü bulun ve \"ASP.NET Core\" kartını bulun." }), "\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "Oluşturmayı başlat" }), " seçeneğine tıklayın ve uygulamanızın adını girin."] }), "\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "Oluştur" }), " seçeneğine tıklayın."] }), "\n"] }), "\n", _jsx(_components.p, { children: "Sonra ASP.NET Core uygulamanıza Logto SDK'yi entegre etme sürecini size adım adım anlatan interaktif bir eğitim görmelisiniz." }), "\n", _jsxs(_components.h2, { id: "logto-sdk-ile-entegre-olun", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#logto-sdk-ile-entegre-olun", children: _jsx(_components.span, { children: "#" }) }), "Logto SDK ile Entegre Olun"] }), "\n", _jsxs(_components.h3, { id: "kurulum", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#kurulum", children: _jsx(_components.span, { children: "#" }) }), "Kurulum"] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-bash", children: "dotnet add package Logto.AspNetCore.Authentication\n" }) }), "\n", _jsxs(_components.p, { children: ["ASP.NET Core'un minimum desteklediği sürüm ", _jsx(_components.code, { children: "6.0" }), "dır."] }), "\n", _jsxs(_components.h3, { id: "logto-kimlik-doğrulama-ara-yazılımını-ekleyin", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#logto-kimlik-doğrulama-ara-yazılımını-ekleyin", children: _jsx(_components.span, { children: "#" }) }), "Logto kimlik doğrulama ara yazılımını ekleyin"] }), "\n", _jsxs(_components.p, { children: [_jsx(_components.code, { children: "Startup.cs" }), " (veya ", _jsx(_components.code, { children: "Program.cs" }), ") açın ve Logto kimlik doğrulama ara yazılımını kaydetmek için aşağıdaki kodu ekleyin:"] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-csharp", children: "using Logto.AspNetCore.Authentication;\n\nvar builder = WebApplication.CreateBuilder(args);\n\nbuilder.Services.AddLogtoAuthentication(options =>\n{\n options.Endpoint = builder.Configuration[\"Logto:Endpoint\"]!;\n options.AppId = builder.Configuration[\"Logto:AppId\"]!;\n options.AppSecret = builder.Configuration[\"Logto:AppSecret\"];\n});\n\napp.UseAuthentication();\n" }) }), "\n", _jsxs(_components.p, { children: [_jsx(_components.code, { children: "AddLogtoAuthentication" }), " yöntemi şunları yapar:"] }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: ["\n", _jsxs(_components.p, { children: ["varsayılan kimlik doğrulama şemasını ", _jsx(_components.code, { children: "LogtoDefaults.CookieScheme" }), " olarak ayarlar."] }), "\n"] }), "\n", _jsxs(_components.li, { children: ["\n", _jsxs(_components.p, { children: ["varsayılan challenge şemasını ", _jsx(_components.code, { children: "LogtoDefaults.AuthenticationScheme" }), " olarak ayarlar."] }), "\n"] }), "\n", _jsxs(_components.li, { children: ["\n", _jsxs(_components.p, { children: ["varsayılan çıkış şemasını ", _jsx(_components.code, { children: "LogtoDefaults.AuthenticationScheme" }), " olarak ayarlar."] }), "\n"] }), "\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: "cookie ve OpenID Connect kimlik doğrulama işleyicilerini kimlik doğrulama şemasına ekler." }), "\n"] }), "\n"] }), "\n", _jsxs(_components.h3, { id: "giriş-1", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#giriş-1", children: _jsx(_components.span, { children: "#" }) }), "Giriş"] }), "\n", _jsxs(_components.p, { children: [_jsx(_components.code, { children: "Redirect URIs" }), " listesine aşağıdaki URI'yi ekleyin:"] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { children: "http:///Callback\n" }) }), "\n", _jsxs(_components.p, { children: ["Logto ile oturum açabilmek için ", _jsx(_components.code, { children: "ChallengeAsync" }), " yöntemini kullanabilirsiniz:"] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-csharp", children: "await HttpContext.ChallengeAsync(new AuthenticationProperties\n{\n RedirectUri = \"/\"\n});\n" }) }), "\n", _jsxs(_components.p, { children: [_jsx(_components.code, { children: "ChallengeAsync" }), " yöntemi kullanıcıyı Logto oturum açma sayfasına yönlendirir."] }), "\n", _jsxs(_components.p, { children: [_jsx(_components.code, { children: "RedirectUri" }), " özelliği, Logto uygulaması detay sayfasındaki ile yönlendirme URI'sinden farklıdır:"] }), "\n", _jsxs(_components.ol, { children: ["\n", _jsx(_components.li, { children: "Logto uygulaması detay sayfasındaki yönlendirme URI'si, kullanıcının oturum açtıktan sonra kullanıcının döndürüleceği URI'dir." }), "\n", _jsx(_components.li, { children: "'RedirectUri' özelliği, Logto kimlik doğrulama ara yazılımında gerekli işlemler yapıldıktan sonra yönlendirilecek olan URI'dir." }), "\n"] }), "\n", _jsxs(_components.p, { children: ["İşlemlerin sırası 1 -> 2'dir. Açıklık adına, Logto uygulaması detay sayfasıdaki yönlendirme URI'sını ", _jsx(_components.strong, { children: "Logto yönlendirme URI'si" }), " ve 'RedirectUri' özelliğini ** uygulama yönlendirme URI'si** olarak adlandıralım."] }), "\n", _jsxs(_components.p, { children: [_jsx(_components.strong, { children: "Logto yönlendirme URI'si" }), ", '/Callback' adlı varsayılan bir değere sahiptir. Özel bir gereksiniminiz yoksa bu şekilde bırakabilirsiniz. Değiştirmek isterseniz, ", _jsx(_components.code, { children: "LogtoOptions" }), " için 'CallbackPath' özelliğini ayarlayabilirsiniz:"] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-csharp", children: "builder.Services.AddLogtoAuthentication(options =>\n{\n options.CallbackPath = \"/SomeOtherCallbackPath\";\n});\n" }) }), "\n", _jsx(_components.p, { children: "Bunu Logto uygulaması detay sayfasındaki değeri buna göre güncellemeyi unutmayın." }), "\n", _jsx(Note, { children: _jsxs(_components.p, { children: ["Logto uygulaması detay sayfasına ", _jsx(_components.strong, { children: "uygulama yönlendirme URI'si" }), "'ni ayarlamaya gerek yoktur."] }) }), "\n", _jsxs(_components.h3, { id: "çıkış", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#çıkış", children: _jsx(_components.span, { children: "#" }) }), "Çıkış"] }), "\n", _jsx(_components.p, { children: "'Post sign-out redirect URIs` listesine aşağıdaki URI'yi ekleyin:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { children: "http:///SignedOutCallback\n" }) }), "\n", _jsxs(_components.p, { children: ["Logto ile oturum kapatmak için ", _jsx(_components.code, { children: "SignOutAsync" }), " yöntemini kullanabilirsiniz:"] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-csharp", children: "await HttpContext.SignOutAsync(new AuthenticationProperties\n{\n RedirectUri = \"/\"\n});\n" }) }), "\n", _jsxs(_components.p, { children: [_jsx(_components.code, { children: "SignOutAsync" }), " yöntemi kimlik doğrulama çerezini temizler ve kullanıcıyı Logto oturum kapatma sayfasına yönlendirir."] }), "\n", _jsx(_components.p, { children: "'Post sign-out redirect URIs` sayfasındaki post sign-out redirect URI 'RedirectUri' özelliğinden farklıdır:" }), "\n", _jsxs(_components.ol, { children: ["\n", _jsx(_components.li, { children: "Logto uygulaması detay sayfasındaki post sign-out redirect URI, kullanıcının oturum kapattıktan sonra kullanıcının döndürüleceği URI'dir." }), "\n", _jsx(_components.li, { children: "'RedirectUri' özelliği, Logto kimlik doğrulama ara yazılımında gerekli işlemler yapıldıktan sonra yönlendirilecek olan URI'dir." }), "\n"] }), "\n", _jsxs(_components.p, { children: ["İşlemlerin sırası 1 -> 2'dir. Açıklama için, Logto uygulama detay sayfasındaki post sign-out yönlendirme URI'sini ", _jsx(_components.strong, { children: "Logto post sign-out yönlendirme URI'si" }), " ve 'RedirectUri' özelliğini ** uygulama post sign-out yönlendirme URI'si** olarak adlandıralım."] }), "\n", _jsxs(_components.p, { children: [_jsx(_components.strong, { children: "Logto post sign-out yönlendirme URI'si" }), ", '/SignedOutCallback' adlı varsayılan bir değere sahiptir. Özel bir gereksiniminiz yoksa bu şekilde bırakabilirsiniz. Değiştirmek isterseniz, ", _jsx(_components.code, { children: "LogtoOptions" }), " için 'SignedOutCallbackPath' özelliğini ayarlayabilirsiniz:"] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-csharp", children: "builder.Services.AddLogtoAuthentication(options =>\n{\n options.SignedOutCallbackPath = \"/SomeOtherSignedOutCallbackPath\";\n});\n" }) }), "\n", _jsx(_components.p, { children: "Bunu Logto uygulaması detay sayfasındaki değeri buna göre güncellemeyi unutmayın." }), "\n", _jsx(Note, { children: _jsx(_components.p, { children: "Logto uygulaması detay sayfasına ** uygulama post sign-out yönlendirme URI'si**'ni ayarlamaya gerek yoktur." }) }), "\n", _jsxs(_components.h3, { id: "oturum-açma--oturum-kapama-düğmelerini-uygulayın-razor-sayfaları", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#oturum-açma--oturum-kapama-düğmelerini-uygulayın-razor-sayfaları", children: _jsx(_components.span, { children: "#" }) }), "Oturum açma / oturum kapama düğmelerini uygulayın (Razor Sayfaları)"] }), "\n", _jsx(_components.p, { children: "İlk olarak, işleyici metodlarınızı 'PageModel'ınıza ekleyin:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-csharp", children: "public class IndexModel : PageModel\n{\n public async Task OnPostSignInAsync()\n {\n await HttpContext.ChallengeAsync(new AuthenticationProperties\n {\n RedirectUri = \"/\"\n });\n }\n\n public async Task OnPostSignOutAsync()\n {\n await HttpContext.SignOutAsync(new AuthenticationProperties\n {\n RedirectUri = \"/\"\n });\n }\n}\n" }) }), "\n", _jsx(_components.p, { children: "Sonra, Razor sayfanıza (html) düğmeleri ekleyin:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { children: "

Kimlik Doğrulandı mı: @User.Identity?.IsAuthenticated

\n\n" }) }), "\n", _jsx(_components.p, { children: "Kullanıcı kimliği doğrulanmamışsa \"Oturum aç\" düğmesini gösterir ve kullanıcı kimliği doğrulanmışsa \"Oturum kapat\" düğmesini gösterir." }), "\n", _jsxs(_components.h2, { id: "kontrol-noktası-web-uygulamasını-çalıştırın", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#kontrol-noktası-web-uygulamasını-çalıştırın", children: _jsx(_components.span, { children: "#" }) }), "Kontrol Noktası: Web uygulamasını çalıştırın"] }), "\n", _jsx(_components.p, { children: "Şimdi Logto ile oturum açmayı/oturumu kapatmayı denemek için web uygulamasını çalıştırabilirsiniz:" }), "\n", _jsxs(_components.ol, { children: ["\n", _jsx(_components.li, { children: "Web uygulamanızı tarayıcınızda açın, \"Kimlik doğrulandı mı: Yanlış\" ve \"Oturum aç\" düğmesini görmelisiniz." }), "\n", _jsx(_components.li, { children: "\"Oturum aç\" düğmesine tıklayın ve Logto oturum açma sayfasına yönlendirilmiş olmalısınız." }), "\n", _jsx(_components.li, { children: "Oturum açtıktan sonra tekrar web uygulamasına yönlendirilmiş olmalısınız ve \"Kimlik doğrulandı mı: Doğru\" ve \"Oturum kapat\" düğmesini görmelisiniz." }), "\n", _jsx(_components.li, { children: "\"Oturum kapat\" düğmesine tıklayın ve Logto oturum kapatma sayfasına yönlendirilmiş olmalısınız ve sonra tekrar web uygulamasına yönlendirilmiş olmalısınız." }), "\n"] }), "\n", _jsxs(_components.p, { children: ["Entegrasyon sırasında herhangi bir sorunla karşılaşırsanız lütfen ", _jsx(_components.a, { href: "mailto:contact@logto.io", children: "contact@logto.io" }), " adresinden bize e-posta yoluyla ulaşın veya ", _jsx(_components.a, { href: "https://discord.gg/UEPaF3j5e6", children: "Discord sunucumuza katılın" }), "!"] }), "\n", _jsxs(_components.h2, { id: "daha-fazla-okuma", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#daha-fazla-okuma", children: _jsx(_components.span, { children: "#" }) }), "Daha fazla okuma"] }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: _jsx(_components.a, { href: "https://docs.logto.io/docs/recipes/customize-sie/", children: "Oturum açma deneyimini özelleştirin" }) }), "\n"] }), "\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: _jsx(_components.a, { href: "https://docs.logto.io/docs/recipes/configure-connectors/", children: "Bağlayıcıları yapılandırın" }) }), "\n"] }), "\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: _jsx(_components.a, { href: "https://docs.logto.io/docs/recipes/protect-your-api/", children: "API'nizi koruyun" }) }), "\n"] }), "\n"] })] }); } 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."); }