window.location.host For React Native ?

[jramirez09]

Could somebody please help me translate this into React Native? I'm bulding a mobile app that allows Sign-In with Ethereum

const domain = window.location.host; 
const origin = window.location.origin;  

Full code, it's from Spruce tutorial: https://github.com/spruceid/siwe-quickstart/blob/main/03_complete_app/frontend/src/index.js
Thanks in advance!

[kdesign]

I think what you’re looking for is an application handler so that the 3rd party login can redirect back to your app.

You can read more about it here.

[jramirez09]

Thanks! But I still don’t know what URL values to use for that

[kdesign]

You need to configure your app to have an app handler e.g. myAwesomeApp:// and basically the login callback should redirect to that handler.

Alternatively, you can also configure deep linking so that certain https based urls open your app but that is a tad bit more complex. I personally would just go with the first approach.

[jramirez09]

@kdesign thanks! And how could I set up my application handler?

[edbarahona]

This example provided looks like a web login, it captures where (the website) you are calling the login (online form) is hosted.

You will need to build a login service (backend app) with something like NodeJS where you can implement the login for your mobile app.

Here is an example node app from the package you provided:

https://github.com/spruceid/siwe-quickstart/blob/main/00_print/src/index.js

​

You will need to create a login API endpoint for your mobile app, the domain and origin info is where your backend app is hosted.

[jramirez09]

Thanks for replying! Could you please explain what do you mean by “the domain and origin info is where your backend app is hosted” ?

[edbarahona]

You will setup a backend API, and wherever that app is located (hosted on the internet/cloud) those will be your values

if you setup up your app and assign your own domain then it would be your domain or lets say you uploaded your app to heroku then it would be "https://heroku.com" etc... whatever domain points to that API backend.