Find iPhone, iPod touch or iPad’s Unique ID (UDID) for iOS Development

This post will help you to find iPhone, iPod touch or iPad’s unique ID (UDID). This post include 6 easy steps to get the UDID of your iPhone, iPod touch or iPad. So Let’s get started.

What is unique ID or UDID?

Every iPhone, iPod touch and iPad has a unique identifier number associated with it, known as a UDID (Unique Device ID).

How is looks like?

UDID is a 40-digit sequence of letters and numbers that looks like this: 0e83ff56a12a9cf0c7290cbb08ab6752181fb54b.

Why we need UDID?

Either you are a client or a developer you need UDID to test your iOS app in your device. Unlike Android iOS has strong security protocols and the devices do not allow to install the ipa (App package same as APK in Android) from unknown source so when you make an iOS app you need to test it on real device. For that you have two options either go for debugging mode by connecting your device with XCode (iOS development IDE) and run the app directly into the device or get a UDID of your device and make an ipa to install the app in the device.

Remember if you  want to distribute the ipa then you need to provide the UDID so that it can install in the device.

How to get it?

You are a developer or a normal person here are 6 simple magical steps to get the UDID of your iOS device using iTunes:

Step 1:

Open iTunes (the Mac or PC app, not iTunes on your iPhone).

Step 2:

Plug in your iOS device / iPhone, iPod touch or iPad. you will see this now.

Step 3:

Click the device icon on the top of the screen.

Step 4:

Ensure you’re on the Summary tab.

Step 5:

Click on the text that says Serial Number. It should change to say Identifier (UDID).


Step 6:

Select Copy from the Edit menu and your UDID is now in the clipboard, so you can paste it into an email or message.

This is how you can find iPhone, iPod touch or iPad’s unique ID (UDID). If you have any doubt or you want to share something about the topic you can comment below or contact us here. There will be more posts coming soon. Stay tuned!

How to Generate Signed Android APK of React Native App

After the development process if you want to upload your application on Google Play Store then you need a signed APK and to generate signed APK you have to generate your signed keystore which stores your name, company name, password etc. So here is How to Generate Signed Android APK of React Native App. Let’s get started.

Generating a signing key

To generate Signed APK you need a signed Key which can be generated by following the below steps

1. Run Terminal/Command prompt as administrator

 

2. Go to your JDK>bin and run the following command which will ask you some details. Fill all the details.

 

3. It will generate a keystore with the name you have given in command.

4. Copy the keystore and paste it in Yourproject>android>app directory

5. Open Yourproject>android>gradle.properties in any code editor.

6.  copy paste the following lines below android.useDeprecatedNdk=true

7. Now Open Yourproject>android>gradle.properties in any code editor

8. add the signing config like the screenshot below

9. Now run following command in YourProject>android from the terminal
Windows:

Linux:

10. You will find the release APK after the successful run of the command.

This is how you can generate signed APK to upload on Google Play Store. If you are still facing the problem or you have anything to share please comment below or contact us here.

Hope you liked it:)

How to Run React Native App On Real Device using Wi-Fi

How to Run React Native App On Real Device using Wi-Fi is the extended version of our previous post on How to Run React Native App On Real Device Android which has the description of how to run the App using USB cable in Real Device. In this post, we will show you how you can connect your device to your development server using Wi-Fi to run the React Native App. So let’s get started.

To do this you have to follow the same steps described in the previous post here to connect via USB as we have to run the application once to open the Developer Menu of the app. If you have successfully installed your application in your device using a USB cable connection then remove the USB cable and follow the following steps:

Make sure your laptop and your phone are on the same Wi-Fi network.

Open the application and shake your device to open the Developer Menu

after opening it click on the Dev Settings
Click on Debug Server Host & port for the device and enter the IP address of your device and port number which is port 8081 (default port for React Native development server)

You can use the following command to get the IP address in different OS

Windows: use ipconfig

Linux: use ifconfig

Mac OS: use ifconfig | grep "inet "

Now go back and click on Refresh Js which will run your App via Wi-Fi Connection

This is how you can run the React Native App on Real Device using Wi-Fi. If you have anything to share please comment below or contact us here.

Hope you liked it:)

How to Run React Native App On Real Device Android

After developing the React Native App it is always a good idea to test it on the real device because many time an app behave differently in the emulator then the real device. This post will cover How to Run React Native App On Real Device in Windows/Linux/Mac.
First of all, to run a debug app in your Android device you need to Enable Debugging over USB. To do this we have to do the following steps:

Go to Settings>About Phone

Find for the Build number or MIUI version and click it multiple time, until it shows you are a developer now

You will find a Developer Option direct in settings or in Additional Settings

  

After that Enable Developer Option and USB debugging

After doing this you have to attach your Real Device with the computer using a USB cable and run the following command on terminal.

Now run your app using

If you get a “bridge configuration isn’t available” error. Then use below command to solve

Here you have to replace <device name> with your device name. You got the name using adb devices.

and then run using

You will found the app running in your real device.

General Problem and Solution

If you are doing some changes and want to see in your device you have to enable the Hot/Live Reloading which can be done form the Developer Menu. To open the Developer Menu in Real Device you just need to shack the device and it will open the Developer Menu popup for you.

This is how you can run the React Native App on Real Device. In some cases, it becomes too hectic to manage cable all the time so there is another solution to Connect Your device with the development server using Wi-Fi.

This is how you can run React Native App on Real Device. If you have anything to share please comment below or contact us here.

Hope you liked it 🙂

React Native Disable Screen Rotation

Handheld mobile devices always have two orientation mode Portrait mode and Landscape mode due to there design to hold easily in the hand. Portrait mode is by default mode in mobile devices and if we rotate the device it turns into Landscape mode.

While making an application we normally design for the Portrait mode and let the system manage in Landscape mode (You can manage both) but in some cases, we don’t want the system to change the orientation while the user is using our App. So here is an example of React Native Disable Screen Rotation which will help you to fix the orientation of your app. We can do this by simply putting 1 line of code in android and in iOS we have to perform a specific step.

For this example, you can use already available projects or can take help from here. We will show you the changes that you can do to fix the orientation of your application.

For Android Users :

1. Open YourProject -> android -> app -> src -> main -> AndroidManifest.xml

2. Now you need to put android:screenOrientation=“portrait” as shown below

3. After making changes in AndroidManifest.xml file you need to re-run your project. This would disable the landscape mode in your current application in android devices.

For IOS Users:

1. Open YourProject -> ios -> Project_Name.xcodeproj file in X-Code.

2. After opening the project in Xcode select your project name.

3. Now Goto -> General -> Deployment Info and only select the Portrait mode.

4. Now Re-run your project. This would disable the landscape mode in your current application in android devices.

This is how you can disable the screen rotation. If you have any doubt or you want to share something about the topic you can comment below or contact us here. There will be more posts coming soon. Stay tuned!

Hope you liked it. 🙂