Getting started - ninacoder-info/music-engine-react-native-wiki GitHub Wiki

This tutorial is for Windows 10, make sure you have the Windows 10 installed and update to date.

Installing Android Studio

Visit the web page https://developer.android.com/studio/ and download android studio.

Please follow the installation instruction, just next and finish the installation.

Install NodeJS

Visit web page https://nodejs.org/en/ and download NodeJS. Please download for Windows (x64) option Recommended For Most Users (currently 14.17.0 LTS)

Open and install it like a normal software.

Download the APP source code from codecanyon.com. Extract to the Desktop or any location you like.

Place project file at the Disk C of your computer, the path should like like this C:\Mobile\react-native-music-engine

Screen Shot 2021-06-01 at 14 47 58

Hold the Keyboard Shift Button then Right click to project folder (same folder with file index.js), then click Open Shell here.

Now run this command:

npm install

Screen Shot 2021-06-01 at 14 48 46

It should take a while to finish (around 5 minutes).

If you are seeing this, mean you are successfully.

Verify that you see the node_modules folder was created in your project folder.

Use any editor (such as Note editor, Notepad++), to open file engine\app\config\Global.js, and change your API URL:

API_URL: 'https://musicengine.top/api',

to

API_URL: 'https://yoursite.top/api',

Build or assets by type this command in the PowerShell

npx react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle

Now open Android Studio, Install mission Build tool, make sure you selected Build tool version 28, 28.0.0.3 and 29.0.0.2

Now Click to File menu, open the android project (android folder, not the folder contain index.js)

Sync and Build