This repository is the Expo equivalent of kinde-react-native-starter-kit-0-7x.
and is created using the Expo CLI
with
the TypeScript template.
Please follow the instructions provided below carefully in order to get this project up and running.
-
Install all project dependencies using
This means that you have the metro-bundler running, on the current machine having LAN IP address `17.17.1.114` on port `8081`.npm install
and then runnpm start
, you should see something similar to the following. -
Install the
Expo Go
application from the app store (iPhone) or Play Store for Android on the target device. -
Ensure that the target device is present on the same LAN as the machine running the metro bundler and is able to communicate with the metro-bundler over TCP. (You may need to alter some firewall rules on the device running the metro-bundler) for e.g. on Ubuntu to enable incoming connections on the metro-bundler device we add the following rule using the Uncomplicated Firewall.
sudo ufw allow from 17.17.1.112 to any port 8081 proto tcp
For a MacOS machine the same could be acheived using the network options in system preferences .
-
Add the IP address (will be different in your case) of the metro-bundler server to the
env.example
file and rename the file as.env
.EXPO_PUBLIC_KINDE_ISSUER_URI='https://your-issuer-domain.kinde.com' EXPO_PUBLIC_KINDE_REDIRECT_URI=exp://17.17.1.114:8081 EXPO_PUBLIC_KINDE_CLIENT_ID='your-client-id' EXPO_PUBLIC_KINDE_LOGOUT_REDIRECT_URI=exp://17.17.1.114:8081
Follow this by providing same logout and redirect URIs in the Kinde dashboard as shown in the dashboard below.
-
Open the
Expo Go
application on your target device and scan the QRCode shown in the first step, the metro bundler will then install the bundled app on your target device, this is shown in the following screenshots.
-
Completion of the above steps should result in a succesful login.