React-native app Cannot prompt to authenticate until the request has finished loading. #7049

15 Answer(s)

• 

  0

  fahad.kayani@alisco-it.com created 8 months ago

  refund the ticket atleast if noone wants to respond, I have to solve the issues myself. So kindly refund the ticked, Thanks.

  Save Cancel
• 

  0

  masum.ulu created 8 months ago

  Support Team Angular Expert

  Hi fahad, I've created a project with 8.0.5 version and I couldn't produce your error. I've just applied your steps and followed the documentation. Here's the result

  

  Save Cancel
• 

  0

  fahad.kayani@alisco-it.com created 8 months ago

  Hi fahad, I've created a project with 8.0.5 version and I couldn't produce your error. I've just applied your steps and followed the documentation. Here's the result

  

  I checked the errors myself, and fixed them, it's been 3 days since the question.

  Save Cancel
• 

  0

  masum.ulu created 8 months ago

  Support Team Angular Expert

  Can you please share your error and solution. Is that about our mistake I'd like to fix if any error or bug exits in our project

  Save Cancel
• 

  0

  masum.ulu created 8 months ago

  Support Team Angular Expert

  Also here is my postman request, but I didn't see you Body tab in postman. Are you sure about you did correct the steps at the begining ???

  

  Save Cancel
• 

  0

  fahad.kayani@alisco-it.com created 8 months ago

  Can you please share your error and solution. Is that about our mistake I'd like to fix if any error or bug exits in our project

  so basically, I confused the development check in the configureservices function, and put the disabling https part within that if !development condition, that was causing some redirecting errors, also the emulator was causing some troubles as well, the documentation although was confusing at the point below:

  

  as I mentioned in the initial question as well, but anyways, I solved the problems, and was able to run the solution successfully.

  Save Cancel
• 

  0

  fahad.kayani@alisco-it.com created 8 months ago

  although, I do have a different question, if you would be kind to answer me, I am going to build a mobile app with flutter, it's not going to add any problems on the back-end side in terms of integration between the two, right?

  and is there a way I can keep the user in-app to login/signup while using the openiddict as already setup in the solution.

  Save Cancel
• 

  0

  masum.ulu created 8 months ago

  Support Team Angular Expert

  You can use any UI framework with ABP there is no problem, but the problem is there I think your OpenId knowledge must be missing.

  • Firstly all you need to do is understand application-configuration end point. We made a online session about mobile development https://youtu.be/-wrdngeKgZw?t=722
  • If you use authorization_code flow in UI app, It'll redirect to browser and in the browser there is already sign in and sign up screens which means you don't have to implement any code to your app
  • BUTTTTT if you want to make this ops. in the UI app (not with browser) than you need to use password flow. Which is we were using this grant_type in React Native 7.3- versions that why we put this warning 🙂

  Save Cancel
• 

  0

  masum.ulu created 8 months ago

  Support Team Angular Expert

  Lastly you can use ADB for work with localhost instead developing with IP configuration. We'll add the steps to docs but maybe it might be confusing for you.

  Save Cancel
• 

  0

  fahad.kayani@alisco-it.com created 8 months ago

  You can use any UI framework with ABP there is no problem, but the problem is there I think your OpenId knowledge must be missing.

  • Firstly all you need to do is understand application-configuration end point. We made a online session about mobile development https://youtu.be/-wrdngeKgZw?t=722
  • If you use authorization_code flow in UI app, It'll redirect to browser and in the browser there is already sign in and sign up screens which means you don't have to implement any code to your app
  • BUTTTTT if you want to make this ops. in the UI app (not with browser) than you need to use password flow. Which is we were using this grant_type in React Native 7.3- versions that why we put this warning 🙂

  The react native app you talked about in the answer is the one that comes with the template, right? and hasn't the authentication-flow used in the template?, as it opens the url in browser? And I will look into the password-flow as well, thank you for the information. Just a follow-up question about that, Is password-flow handling available through abp APIs, or does it need to be customized.

  Save Cancel
• 

  0

  fahad.kayani@alisco-it.com created 8 months ago

  Lastly you can use ADB for work with localhost instead developing with IP configuration. We'll add the steps to docs but maybe it might be confusing for you.

  that's alright, as I said previously, I was able to get everything running in no-time after I tracked the issue.

  Save Cancel
• 

  0

  masum.ulu created 8 months ago

  Support Team Angular Expert

  The react native app you talked about in the answer is the one that comes with the template, right?

  Yes it comes with template

  ---

  and hasn't the authentication-flow used in the template?, as it opens the url in browser?

  There are 2 template Open source (ABP) and Commercial (This is priv. repo) templates

  • In ABP template we use password grant_type for react native auth.
    • Yet we'll switch to authorization code
  • In Commercial template we use authorization code grant_type

  ---

  Is password-flow handling available through abp APIs, or does it need to be customized.

  • You don't need to customize something, you can use /connect/token endpoint, just make sure you sending correct body. Because body needs to be change depending your grant_type property.

  Save Cancel
• 

  0

  fahad.kayani@alisco-it.com created 8 months ago

  The react native app you talked about in the answer is the one that comes with the template, right?

  Yes it comes with template

  ---

  and hasn't the authentication-flow used in the template?, as it opens the url in browser?

  There are 2 template Open source (ABP) and Commercial (This is priv. repo) templates

  • In ABP template we use password grant_type for react native auth.
    • Yet we'll switch to authorization code
  • In Commercial template we use authorization code grant_type

  yeah, I am using the commercial template.

  ---

  Is password-flow handling available through abp APIs, or does it need to be customized.

  • You don't need to customize something, you can use /connect/token endpoint, just make sure you sending correct body. Because body needs to be change depending your grant_type property.

  so, I can just use the /connect/token endpoint through my app, and user can be authenticated for signup and login within the app, am I understanding that correctly?

  Save Cancel
• 

  0

  masum.ulu created 8 months ago

  Support Team Angular Expert

  so, I can just use the /connect/token endpoint through my app, and user can be authenticated for signup and login within the app, am I understanding that correctly?

  • For sign in yes,
  • Sign up is another topic it is not related openid. It's about account module. You need to use /api/account/register endpoint.
    • Here's the example model for register: Angular Account RegisterDto

  Save Cancel
• 

  0

  fahad.kayani@alisco-it.com created 8 months ago

  alright, this was very helpful, Thanks.

  Save Cancel

  1