Open Closed

Login Sayfası Hakkında Bilgi #7774

User avatar
0
buraksahin94 created

Merhabalar,

ABP IO Commercial .Net Core + Angular projesinde ki Login sayfasının Blazor arayüzü ile yazılmasının özel bir sebebi var mı ? Angular tarafında Login sayfasını yöneteceğimiz abp framework tarafında hazırlanmış modül mevcut mudur ? Yoksa kendimiz Login sayfasını Angular tarafına taşımak istiyoruz. Abp framework içerisinde buna engel(Güvenlik vs..) bir durum var mı ?

İyi Çalışmalar,

  • ABP Framework version: v8.2.1
  • UI Type: Angular
  • Database System: EF Core (PostgreSQL)
  • Tiered (for MVC) or Auth Server Separated (for Angular): yes
Go to accepted answer
26 Answer(s)
  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    Hello,

    Answer to your first question is basically login activity is handle at server side and not at client side. ABP uses separate Authentication server which is responsible for handling authentication and authorization. The Blazor-based Login page is part of the authentication server, which is a separate application from the Angular client-side application.

    Account module takes care of login activity. please refer for more info https://abp.io/docs/latest/modules/account#login

    If you want to customize Login page at angular side please refer https://academy.hiretechteam.com/blog/createCustomLoginPageAbp/

    I hope you get the required info.

    Thanks,

  • User Avatar
    0
    buraksahin94 created

    Verdiğiniz çözüm yoluyla ( https://academy.hiretechteam.com/blog/createCustomLoginPageAbp/ ) Login sayfasını Angular'ı taşımayı denedim, tüm adımları gerçekleştirdiğim halde hata alıyorum yardımcı olabilir misiniz? ! Ekran görüntüsü 2024-09-05 092926.png

  • User Avatar
    0
    sumeyye.kurtulus created
    Support Team Angular Expert

    Merhaba, yaşadığınız sorunu kendi tarafımda tekrarlayamadım, ancak hata lokalizasyon tarafından geldiği için başka bir implementasyon ile ilgili olabilir.

    Eğer amacınız sadece yetkilendirme ile ilgili değişiklikleri yönetmekse bu dökümana göz atmanızı öneriyorum. Aynı zamanda giriş sayfasını özelleştirmek isterseniz buradaki adımları takip edebilirsiniz.

  • User Avatar
    0
    buraksahin94 created

    Merhaba, sorunumuz aslında Angular tarafında değil. Tüm istenilenleri Angular da hatasız yapıp ayağa kaldırdıktan sonra proje Backend'e istek atmada sorunu yaşıyor. Bu konuda yardımcı olabilir misiniz ?

  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    hi buraksahin94

    Can you share the details of the problem and logs.txt that you're encountering now?

    It will best if you can write in English.

    Thanks

  • User Avatar
    0
    buraksahin94 created

    Hi Maliming,

    I am sharing the log file. Thanks for your support.

  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    hi

    'The 'client secret' parameter is not valid for this client application.

    Please share the 'CustomsOnline App' row data in the database. and your OAuth configuration in angular.

    Thanks.

  • User Avatar
    0
    buraksahin94 created

    Hi,

    Where is the 'CustomsOnline App' row data? I am sharing OAuth configuration in Angular.

    Thanks.

  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    hi

    The row data exists on the OpenIddictApplications table.

    Please also share the DbMigrator/appsettings.json in the DbMigrator project.

    Thanks.

  • User Avatar
    0
    buraksahin94 created

    Hi,

    OpenIddictApplications table row data;

    "Id" "ApplicationType" "ClientId" "ClientSecret" "ClientType" "ConsentType" "DisplayName" "DisplayNames" "JsonWebKeySet" "Permissions" "PostLogoutRedirectUris" "Properties" "RedirectUris" "Requirements" "Settings" "ClientUri" "LogoUri" "ExtraProperties" "ConcurrencyStamp" "CreationTime" "CreatorId" "LastModificationTime" "LastModifierId" "IsDeleted" "DeleterId" "DeletionTime" "3a14cee0-8a9b-fe53-9dea-046264e4474b" "CustomsOnline_App" "public" "implicit" "Console Test / Angular Application" "[""ept:logout"",""gt:authorization_code"",""rst:code"",""ept:authorization"",""ept:token"",""ept:revocation"",""ept:introspection"",""gt:password"",""gt:client_credentials"",""gt:refresh_token"",""gt:LinkLogin"",""gt:Impersonation"",""scp:address"",""scp:email"",""scp:phone"",""scp:profile"",""scp:roles"",""scp:CustomsOnline""]" "[""http://localhost:4200""]" "[""http://localhost:4200""]" "http://localhost:4200" "/images/clients/angular.svg" "{}" "fb7bcc46456c44c49f0b73842e9d551e" "2024-09-04 14:02:59.019812" false "3a14cee0-8b3a-ac61-9b9f-b9f56cbb68e7" "CustomsOnline_Mobile" "public" "implicit" "Mobile Application" "[""ept:logout"",""gt:authorization_code"",""rst:code"",""ept:authorization"",""ept:token"",""ept:revocation"",""ept:introspection"",""gt:password"",""gt:client_credentials"",""gt:refresh_token"",""scp:address"",""scp:email"",""scp:phone"",""scp:profile"",""scp:roles"",""scp:CustomsOnline""]" "[""exp://localhost:19000""]" "[""exp://localhost:19000""]" "{}" "70fe377dd0eb4328b0a20d1296e953dd" "2024-09-04 14:02:59.147254" false "3a14cee0-8b91-377f-b28e-60948f19f334" "CustomsOnline_Web_Public" "AQAAAAEAACcQAAAAEPUgUvE1ILN+tyNkXshqpxXATdhjCRBXjJctY7rdye2bBX1dkyNa5JndnsEhZsLBTw==" "confidential" "implicit" "Web Public Application" "[""rst:code id_token"",""ept:logout"",""gt:authorization_code"",""rst:code"",""ept:authorization"",""ept:token"",""ept:revocation"",""ept:introspection"",""gt:implicit"",""rst:id_token"",""scp:address"",""scp:email"",""scp:phone"",""scp:profile"",""scp:roles"",""scp:CustomsOnline""]" "[""https://localhost:44358/signout-callback-oidc""]" "[""https://localhost:44358/signin-oidc""]" "https://localhost:44358/" "/images/clients/aspnetcore.svg" "{}" "724ffe801277441da303e095da40614a" "2024-09-04 14:02:59.237776" false "3a14cee0-8bee-8a4a-40ef-c4dfc719efc7" "CustomsOnline_Swagger" "public" "implicit" "Swagger Application" "[""ept:logout"",""gt:authorization_code"",""rst:code"",""ept:authorization"",""ept:token"",""ept:revocation"",""ept:introspection"",""scp:address"",""scp:email"",""scp:phone"",""scp:profile"",""scp:roles"",""scp:CustomsOnline""]" "[""https://localhost:44321/swagger/oauth2-redirect.html""]" "https://localhost:44321" "/images/clients/swagger.svg" "{}" "415598bdae3b485192c09fe58dd8bd52" "2024-09-04 14:02:59.324431" false

    DbMigrator/appsettings.json Detail Image;

  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    hi

    Please try to remove the dummyClientSecret from oAuthConfig

  • User Avatar
    0
    buraksahin94 created

    Hi,

    I tried to remove this node, but then I got a different error. I'll share the error details with you. Thanks for your support.

  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    hi

    We have try catch this exception, you can ignore it.

  • User Avatar
    0
    buraksahin94 created

    Hi, When I ignore this error, it redirect to login page for Blazor. I need redirect to login page with Angular. I don't want proccess with Blazor. How I can this?

  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    hi

    Please send full request logs of auth server, Thanks.

  • User Avatar
    0
    buraksahin94 created

    Hi,

    I sharing the logs.

    Thanks for your support.

    AbpAuditLogActions Table Detail;

    "Id" "TenantId" "AuditLogId" "ServiceName" "MethodName" "Parameters" "ExecutionTime" "ExecutionDuration" "ExtraProperties" "3a14f852-1066-5c7b-5039-360d934abc3f" "3a14f852-1066-d13c-3bbb-425cbd80c178" "Volo.Abp.Account.ExternalProviders.AccountExternalProviderAppService" "GetAllAsync" "{}" "2024-09-12 15:11:22.86414" 27 "{}" "3a14f852-12d0-67e1-966b-f654c6fcd500" "3a14f852-12d0-738d-92a5-2f4f52eca185" "Castle.Proxies.AbpApplicationConfigurationAppServiceProxy" "GetAsync" "{""options"":{""includeLocalizationResources"":false}}" "2024-09-12 15:11:24.981785" 281 "{}" "3a14f852-1ebd-0ed9-83f7-28d697eeee12" "3a14f852-1ebd-300d-30de-5099082772b4" "Castle.Proxies.AbpApplicationLocalizationAppServiceProxy" "GetAsync" "{""input"":{""cultureName"":""tr"",""onlyDynamics"":false}}" "2024-09-12 15:11:24.970637" 3342 "{}" "3a14f852-2761-96cf-f7da-daaa0fd08391" "3a14f852-2761-2915-09ae-b62e03bab428" "Volo.Abp.Account.ExternalProviders.AccountExternalProviderAppService" "GetAllAsync" "{}" "2024-09-12 15:11:29.841107" 33 "{}" "3a14f852-2e6f-1a9d-29c6-cae2a5659a5b" "3a14f852-2e6f-1ebd-89b7-c07a4f4569cf" "Volo.Abp.OpenIddict.Controllers.AuthorizeController" "HandleAsync" "{}" "2024-09-12 15:11:31.27593" 483 "{}" "3a14f852-377d-3b2c-9882-f17cdb8828f1" "3a14f852-377d-c279-9184-2d2f644a6ed9" "Volo.Abp.OpenIddict.Controllers.TokenController" "HandleAsync" "{}" "2024-09-12 15:11:33.314263" 387 "{}" "3a14f852-3f8d-91cd-51d3-e012754d0061" "3a14f852-3f8d-8c3b-3c6e-6e8a84075005" "Volo.Abp.AspNetCore.Mvc.ApplicationConfigurations.AbpApplicationConfigurationAppService" "GetAsync" "{""options"":{""includeLocalizationResources"":false}}" "2024-09-12 15:11:34.847601" 1865 "{}" "3a14f852-3f8d-e04d-9569-e696e4ddc5af" "3a14f852-3f8d-8c3b-3c6e-6e8a84075005" "Volo.Abp.AspNetCore.Mvc.ApplicationConfigurations.AbpApplicationConfigurationController" "GetAsync" "{""options"":{""includeLocalizationResources"":false}}" "2024-09-12 15:11:34.847101" 1868 "{}" "3a14f852-47da-58c1-bd29-d71c837201f6" "3a14f852-47da-8856-ba77-c8444eb894ff" "Volo.Abp.AspNetCore.Mvc.ApplicationConfigurations.AbpApplicationLocalizationController" "GetAsync" "{""input"":{""cultureName"":""tr"",""onlyDynamics"":false}}" "2024-09-12 15:11:36.891659" 1950 "{}" "3a14f852-47da-7af0-9909-92c28cfa4430" "3a14f852-47da-8856-ba77-c8444eb894ff" "Volo.Abp.AspNetCore.Mvc.ApplicationConfigurations.AbpApplicationLocalizationAppService" "GetAsync" "{""input"":{""cultureName"":""tr"",""onlyDynamics"":false}}" "2024-09-12 15:11:36.892122" 1949 "{}" "3a14f852-493a-0ff7-5963-4a27191aad21" "3a14f852-493a-c361-bf8d-41de32410783" "Volo.Chat.Users.ContactAppService" "GetTotalUnreadMessageCountAsync" "{}" "2024-09-12 15:11:39.071314" 122 "{}" "3a14f852-493a-cc34-9046-f780b0acd748" "3a14f852-493a-c361-bf8d-41de32410783" "Volo.Chat.Users.ContactController" "GetTotalUnreadMessageCountAsync" "{}" "2024-09-12 15:11:39.041497" 152 "{}" "3a14f852-49bd-adcb-60b6-607f43ece5ed" "3a14f852-49bd-40f0-f4c6-77ca879c09bf" "Volo.Abp.Account.AccountController" "GetProfilePictureAsync" "{""id"":""3a13a885-778b-6bd1-769d-0427d8fd3b40""}" "2024-09-12 15:11:39.048472" 276 "{}" "3a14f852-49bd-d9e9-cd87-e429ec60144b" "3a14f852-49bd-40f0-f4c6-77ca879c09bf" "Volo.Abp.Account.AccountAppService" "GetProfilePictureAsync" "{""id"":""3a13a885-778b-6bd1-769d-0427d8fd3b40""}" "2024-09-12 15:11:39.048935" 274 "{}" "3a14f852-82a1-9f19-af0a-60d0940fe93b" "3a14f852-82a1-1306-8921-14520b15c6f0" "Volo.Abp.OpenIddict.Controllers.LogoutController" "GetAsync" "{}" "2024-09-12 15:11:53.84652" 27 "{}" "3a14f852-8acd-596f-1240-19ce79a40935" "3a14f852-8acd-7fe3-d2c4-dc4ea6f9f2cb" "Volo.Abp.AspNetCore.Mvc.ApplicationConfigurations.AbpApplicationConfigurationController" "GetAsync" "{""options"":{""includeLocalizationResources"":false}}" "2024-09-12 15:11:54.413843" 1567 "{}" "3a14f852-8acd-d197-e7ed-1a959b95f5da" "3a14f852-8acd-7fe3-d2c4-dc4ea6f9f2cb" "Volo.Abp.AspNetCore.Mvc.ApplicationConfigurations.AbpApplicationConfigurationAppService" "GetAsync" "{""options"":{""includeLocalizationResources"":false}}" "2024-09-12 15:11:54.414338" 1566 "{}" "3a14f852-91e5-5fe5-6ce4-6083a3b6bd77" "3a14f852-91e5-6971-69ae-d66c090985f2" "Volo.Abp.AspNetCore.Mvc.ApplicationConfigurations.AbpApplicationLocalizationController" "GetAsync" "{""input"":{""cultureName"":""tr"",""onlyDynamics"":false}}" "2024-09-12 15:11:56.044714" 1750 "{}" "3a14f852-91e5-afd6-533a-f3aca2ee5898" "3a14f852-91e5-6971-69ae-d66c090985f2" "Volo.Abp.AspNetCore.Mvc.ApplicationConfigurations.AbpApplicationLocalizationAppService" "GetAsync" "{""input"":{""cultureName"":""tr"",""onlyDynamics"":false}}" "2024-09-12 15:11:56.045093" 1749 "{}" "3a14f852-93bd-c819-cb28-a36241d4237b" "3a14f852-93bd-4eda-af48-6ec8f2d54752" "Volo.Abp.OpenIddict.Controllers.AuthorizeController" "HandleAsync" "{}" "2024-09-12 15:11:58.269203" 0 "{}" "3a14f852-997e-346c-6700-d69a766dd763" "3a14f852-997e-578a-810a-f4adc895ac9e" "Volo.Abp.Account.ExternalProviders.AccountExternalProviderAppService" "GetAllAsync" "{}" "2024-09-12 15:11:58.31398" 27 "{}" "3a14f852-9feb-11f9-31f3-ad804a98a9da" "3a14f852-9feb-8a31-342d-c88697e4b78f" "Castle.Proxies.AbpApplicationConfigurationAppServiceProxy" "GetAsync" "{""options"":{""includeLocalizationResources"":false}}" "2024-09-12 15:11:59.832908" 1554 "{}" "3a14f852-a0cc-e1a3-9249-39558a4a32ef" "3a14f852-a0cc-7a89-8858-3a160951a102" "Castle.Proxies.AbpApplicationLocalizationAppServiceProxy" "GetAsync" "{""input"":{""cultureName"":""tr"",""onlyDynamics"":false}}" "2024-09-12 15:11:59.868478" 1741 "{}"

  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    hi

    AbpAuditLogActions Table Detail;

    The logs exit in the Logs\Logs.txt file.

    Can you delete this file and reproduce the problem share share it.

    Thanks

  • User Avatar
    0
    buraksahin94 created

    Hi,

    I send log file to you weTransfer because your textarea not enough character size.

    Thanks for your support

    Logs.txt File

  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    hi

    it redirect to login page for Blazor. I need redirect to login page with Angular.

    You are using the code flow. This is recommend way.

    However, you can change it to password flow.

    https://abp.io/docs/latest/framework/ui/angular/authorization?_redirected=B8ABF606AA1BDF5C629883DF1061649A#authorization-code-flow

  • User Avatar
    0
    oguzcekin created

    Hello;

    We have been struggling for a very long time. We need to solve it urgently. Can we have a short meeting?

  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    hi @oguzcekin

    Have you tried to change the responseType from code to password?

  • User Avatar
    0
    buraksahin94 created

    Hi,

    Where is the 'CustomsOnline App' row data? I am sharing OAuth configuration in Angular.

    Thanks.

    Hello,

    In the code block we shared above, the value of this property appears as 'code'.

    Thanks for your support

  • User Avatar
    1
    maliming created
    Support Team Fullstack Developer

    hi buraksahin94

    https://abp.io/support/questions/7774/Login-Sayfas-Hakknda-Bilgi#answer-3a14fc7b-299a-5fd8-5dcd-a4534a96d4bc

  • User Avatar
    0
    buraksahin94 created

    Hi, We followed your suggestion and managed to access the login page. The login process was successful but when I log out I get the error I shared.

    Thanks for your support.

  • User Avatar
    0
    oguzcekin created

    Hello;

    We kindly request your urgent response.

Assignee
User avatar maliming
Labels
None yet
Made with ❤️ on ABP v9.1.0-preview. Updated on December 13, 2024, 06:09