React native ios linux

How to emulate iOS on Linux with Docker

After several unsuccessful attempts, I was finally able to virtualize a macOS to run tests on an iOS app I was working on. But before proceeding, it is necessary to know that this is not a stable solution and has several performance issues, however, for my purpose I managed to do what I wanted. We’ll use QEMU to emulate a mac and inside it we’ll use xCode to emulate an iOS. That process not will be lightweight. The repository on github of Docker OSX has an explanation of how to use an iPhone via usb instead of emulating, but I don’t have iPhone. xD

Summary

What is Docker OSX

The Docker OSX is a docker image that uses QEMU so that we can emulate an operating system.

Hardware Specifications

My computer’s specs are considered OK to do this, however, I still managed to notice some lags while using Docker OSX + xCode + Visual Studio Code + Dev Server. (I was even able to heat my room with that much stuff)

• OS: Manjaro Linux x86_64
• Kernel: 4.19.220-1-MANJARO
• Shell: zsh 5.8
• Resolution: 1440×900
• DE: GNOME 41.2
• WM: Mutter
• WM Theme: Orchis-orange-compact
• Icons: Win11-purple-dark [GTK2/3]
• Terminal: gnome-terminal
• CPU: Intel i7-3770 (8) @ 3.900GHz
• GPU: NVIDIA GeForce GTX 1050 Ti
• Memory: 4105MiB / 15985MiB
• SSD: Crucial BX500 240gb (Highly recommended SSD)

Installation

First, is necessary have docker installed on your computer. I use Manajaro, so I just opened the terminal and type:

Installation Docker
pacman -S docker

Start docker services
systemctl start docker.service

Enable docker services to boot with system
systemctl enable docker.service

Testing docker:
docker run hello-world

Alright, now we’ll download the docker osx and run using the command below:

docker run -it —device /dev/kvm -p 50922:10022 -e DEVICE_MODEL=»iMacPro1,1″ -e WIDTH=1440 -e HEIGHT=900 -e RAM=8 -e INTERNAL_SSH_PORT=23 -e AUDIO_DRIVER=alsa -e CORES=2 -v /tmp/.X11-unix:/tmp/.X11-unix -e «DISPLAY=$» -e GENERATE_UNIQUE=true -e MASTER_PLIST_URL=https://raw.githubusercontent.com/sickcodes/osx-serial-generator/master/config-custom.plist sickcodes/docker-osx:big-sur
You can check what each flag means at github of docker osx.
but briefly, i specified the resolution, memory, cores of processor, version and others things.

Then, the docker osx will downloaded and initialized.

When the emulator opens, select option macOS Base System

When system be booted, select Disk Utility

Now, we’ll search the partition that be with most storage space and select the option Erase .

To format, the chosen options must be strictly equal to this:

Click on Erase , wait process finish and then you can close the Disk Utility window.

Next, select the option Reinstall macOS Big Sur , accept the terms and select the partition we just created macOS and start installation. (This process can take 30 min ~ 1 hour).

So, the system must restart (or not), in my case, I had to do it manually because it didn’t restart. In that case, close the QEMU window.

To know what is ID of our container and next we’ll start typing the command below:

Select macOS Installer and the installation will continue.

Then, the system will restart automatically (or not), so close again the QUEMU and start again the container.

When the system boot, select option macOS Installer and wait the process finish. At end, the system will restart. (Now it’s true).

Well, macOS was installed successfully. Select the option macOS .

Once that’s done, it will restart again and you select the same macOS option.

Well done, welcome screen appeared. This configuration part is quite slow, but after this process finished, the system will work very well.

Configure the system , but don’t login your AppleID at this moment.

When that process done, our desktop will appears and we’ll wait until the dock appear because after this, the system will be most stable.

Now, we’ll use the brew for install the packages more fast.

Open terminal in macOS and install brew with the command below:
/bin/bash -c «$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)»

Insert your password and wait the process finish.

Now, we’ll install xcode on Apple Store.

So now, we can login on AppleID.

After that, wait for the installation.

Then, open xcode and accept the terms and wait install the dependencies.

So now, go at Preferences -> Locations -> Command-Line Tools it will be blank, select the option with the xCode version.

When the installation done, we’ll open the terminal again and install cocoapods with command below. It serve as packager manager of xCode.

Done that, our macOS will be installed and configured to run the projects.

Running a app with React Native

Okay, let’s start with a hello world of React Native to check if everything we’ve done before will work.

I’ll only check iOS.

Open the terminal and type:

Install node:
brew install node

Install yarn (optional):
npm install -g yarn

Creating a project with RN:
npx react-native init teste

If ask you to install cocoapods again, select the option with brew.

Enter at the project directory:
cd teste

Enter at ios directory:
cd ios

Install dependencies:
pod install

Back to root directory:
cd ..

List all simulate availaibles: (Optional)
xcrun simctl list devices

Run the project with xcode:
npx react-native run-ios —simulator=»iPhone 13″

Running a app with Cordova

Okay, let’s start with a hello world of Quasar to check if everything we’ve done before will work.

I’ll only check iOS.

Quasar uses Cordova/Capacitor for iOS and Android.

Install node:
brew install node

Install yarn (opcional):
npm install -g yarn

Install quasar:
yarn global add @quasar/cli

Install cordova:
yarn global add cordova

*Creating a project with Quasar:
quasar create teste

Enter in project directory:
cd teste

Add cordova in your project:
quasar mode add cordova

Enter in cordova directory:
cd src-cordova

Add iOS in project:
cordova platform add ios

Verify if everything is okay:
cordova requirements

List all simulate availables: (Opcional)
cordova emulate iOS —list

Install dependencies:
yarn

Back to root directory:
cd ..

Install dependencies:
yarn

Run quasar with development mode on iOS:
quasar dev -m iOS -e «iPhone 8, 15.2»

Creating a connection of folders over SSH

Now our app is already running on macOS, we have a problem: Opening our code editor or IDE inside macOS is a very bad experience because of slowdowns, crashes, keyboard mapping and so on. So I researched a solution to create a file connection using SSH.

Also, I can open the development server inside macOS and create a connection where I can change files directly from my linux or macOS so that it updates on both sides, like a two-way. This guarantees us to take advantage of some things that exist in development mode, like fast refresh.

Connection from linux to mac

First, we need to allow connection via ssh via mac login. To do this, we will open the terminal and type:

Command to open edit ssh configuration file:
sudo nano /etc/ssh/sshd_config

Search for PasswordAuthentication and put yes and remove # at beginning line.

Go to System Preferences -> Sharing -> Remote Login and active for all users:

Command to restart ssh:
sudo launchctl stop com.openssh.sshd && sudo launchctl start com.openssh.sshd

Install sshfs:
sudo pacman -S sshfs

Create a folder:
mkdir projeto

Command to open a new connection with mac:
sudo sshfs USER_MAC@IP_CONTAINER:/PATH/OF/PROJECT/ON/MAC /PATH/ON/LINUX -p 23

Alright, now we can open the VSCode on linux and update the files updating directly on mac.

If you have another computer, you can do this connection and let your computer with emulator just emulating.

Connection from Mac to Linux

Same process previously, but the sshfs package on mac can be installed using the command below:

Install sshfs
brew install —cask macfuse && brew install gromgit/fuse/sshfs-mac

Command to edit ssh configuration file:
sudo nano /etc/ssh/sshd_config

Search for PasswordAuthentication and put yes and remove # at beginning line.

Command to restart SHH on Manjaro:
sudo systemctl restart sshd.service

On Mac, we’ll create a folder to open connection.

Create a folder:
mkdir projeto

Command to open a new connection with linux
sudo sshfs USER_LINUX@IP_HOST:/PATH/LINUX /PATH/MAC -p 23

When we type the command, an error will occur.

Open the preferences and click Allow

Now, we can open the connection: (My SSH is opened in a different port, but the default is 22)

Once that’s done, we can update from either side which will also reflect on both.

Final considerations

Thank you very much for reading this tutorial, by the way it’s the first one I’ve published in years. Any questions or suggestions(mostly my english) are always welcome.

Top comments (12)

How do you re open the MacOS emulator after you restart the Ubuntu system. I cannot find the Docker image

1 like Like Comment button

Oi meu chapa. Software Engineer | UFG | Computer Science | Typescript | Vue | React | Node | Brazilian |

To know what is container id of our container and next we’ll start typing the command below:

and then select the macOS option

2 likes Like Comment button

Unfortunately, it’s illegal without any Mac computer. Even a testing iOS with Xamarin and Visual Studio suggests that you have any real Apple computer. And we can use a simulator (not emulator) docs.microsoft.com/en-us/xamarin/i.

2 likes Like Comment button

Well, that’s what Apple would like. In reality, they can’t do anything about it.
Here are some sources for more information:

1 like Like Comment button

Installation of mac os is lost after stopping the container

1 like Like Comment button

Oi meu chapa. Software Engineer | UFG | Computer Science | Typescript | Vue | React | Node | Brazilian |

Really? When you start the container, some options will appears then just select option macOS and your system will be booted, and by default, all changes made in the container aren’t lost.

1 like Like Comment button

I needed a higher version of mac os so I started the upgrade process afterwards download finished but stuck without change. I made a shut down, started container again and update was missing. Maybe I was doing something wrong. I will try again and leave a feedback.

Oi meu chapa. Software Engineer | UFG | Computer Science | Typescript | Vue | React | Node | Brazilian |

I don’t think updating directly will work.

Have you checked if the version that you need is listed on repo? github.com/sickcodes/Docker-OSX

There are the docker images with the corresponding mac version.

I wonder if there is a version that supports x-code. Maybe it’s ventura but there is not mentioned the version of it

1 like Like Comment button

Installation and boot were effective, I installed brew, but thereafter I didn’t come further in the big-sur image.
I the following problems:
• xcode needed a higher version of MacOS according to Apple store;
• I tried to update and thereafter it didn’t boot anymore;
• I tried also Venture from github.com/sickcodes/Docker-OSX, but it failed somewhere in the install.
• Montery installed, but the screen setting is wrong so that the lower part is not displayed. At the bottom of the screen I can only see the top half of the icons.
• I received the following message again and again «This Apple ID has not yet been used with the App Store. Please review your account information.». After rebooting the emulator and going through some confirmations and this same error message 10 times more at last it worked somehow and I could install apps from Apple Store also xCode;
• But running the IOS emulator gave the message that 4GB was not enough. Changing this, is every easy using virtmanager, vmware or vitualBox. This is also possible now, because it is possible with qemu. github.com/sickcodes/Docker-OSX/di. tells how: editing Lauch.sh works, docker update not. Changing -vga vmware in -vga std also made that the whole MacOS screen was visible.
• Now the IOS simulator worked under the MacOS emulator.

1 like Like Comment button

i had to update the OS version to download xcode

1 like Like Comment button

i am getting permission denied error after connecting from linux to mac could you help me please i am getting binary folder
thanks

For further actions, you may consider blocking this person and/or reporting abuse

Read next

Build an Open Source Project: Behind the Scenes

Linux Directory Structure Simplified: A Comprehensive Guide

Working with files in .NET MAUI

how you can use react-native-fs (rnfs) to download a file in React Native

Oi meu chapa. Software Engineer | UFG | Computer Science | Typescript | Vue | React | Node | Brazilian |

Источник