Web2Go - V2 - Convert any website to Android IOS App

Thank you for purchasing the code. If you have any questions that are beyond the scope of this help file, please feel free to message me via my user page contact form here. Thanks so much!


Setup java jdk on windows?

  1. If your System already have Java jdk-17 installed then you can skip this step.
  2. Download Java-17 jdk by clicking below link.
    (JAVA jdk-17)
  3. Download Java-17 JDK for your version 32 bit or JDK download 64 bit.



  4. When you click on the Installation link the popup will be open. Click on I reviewed and accept the Oracle Technology Network License Agreement for Oracle Java SE development kit and you will be redirected to the login page. If you don’t have an oracle account you can easily sign up by adding basics details of yours.




  5. Once the Java JDK 17 download is complete, run the exe for install JDK. Click Next



  6. Select the PATH to install Java in Windows… You can leave it Default. Click next.



  7. Once you install Java in windows, click Close



  8. Now set your enviournment variable
  9. From the Start search bar in , type ‘env’ and select Edit environment variables for your account



  10. Under User variables check if there is an entry called Path:
  11. Click on Edit. then Dialog will open from it, now click on new and Copy the path of bin folder which is installed in JDK folder. then Paste Path of bin folder in Variable value. Click on OK Button.


  12. Repeat above process but this time set variable name JAVA_HOME instead of "path/PATH", and set JDK bin folder path in the variable value.
  13. Now Restart your pc for changes to take effect

  14. Now check everything is ok or not
  15. Go to command prompt and type javac commands.
    If you see a screen like below, Java is installed.




Android Studio Installation

  1. Check here for Android Studio Installation https://www.youtube.com/watch?v=fxVlHROAkqk&t=324s


Node Js Installation

  1. Check here for Node Js Installation https://www.youtube.com/watch?v=EIzdQxMXcrc


Run project first time

  1. To Run project first time Navigate from web2go_android_ios_app_v2.5
  2. Open web2go_android_ios_app_v2.5 => web2go
  3. Copy & Paste folder web2go
  4. Open in VS Code editor on Top left you get Terminal click it you get menu then click on New Terminal and now you get window at bottom in VS Code


  5. run cammand npm i let him install node_modules
  6. now run cammand cd ios && pod install
  7. run command npx react-native run-android in project root directory for android
  8. run command npx react-native run-ios in project root directory for ios
  9. Wait till it execute till 100% (till 100% it dont close any window opened by himself)


  10. And you see app appere in your simulators

How to add AdMob

Android:

  1. Log in to your AdMob account on the AdMob website.
  2. Navigate to the "Apps" section or a similar menu in the AdMob console.
  3. Look for an option to "Add Android App" or a similar function.


  4. Click on the "ADD APP" button.
  5. Follow any additional steps or prompts to complete the app addition process.


  6. Click on Add ad Unit


  7. Select "Banner" ad unit, enter the banner unit ad name, then click on "Create Ad Unit" button.




  8. Get AdMob App ID : Click on App Setting


  9. Get Ad units ID : Click on Ad Units


IOS:

  1. Log in to your AdMob account on the AdMob website.
  2. Navigate to the "Apps" section or a similar menu in the AdMob console.
  3. Look for an option to "Add IOS App" or a similar function.


  4. Click on the "ADD APP" button.
  5. Follow any additional steps or prompts to complete the app addition process.
  6. Click on Add ad Unit


  7. Select "Banner" ad unit, enter the banner unit ad name, then click on "Create Ad Unit" button.




  8. Get AdMob App ID : Click on App Setting


  9. Get Ad units ID : Click on Ad Units



How to Setup AdMob in Mobile

  1. Navigate from web2go_android_ios_app_v2.5
  2. Open web2go_android_ios_app_v2.5 => web2go
  3. Now open file app.json and Paste here your AdMob App ID



  4. Now Navigate web2go_android_ios_app_v2.5 => web2go => android => app => src => main
  5. Open file AndroidManifest.xml and Paste here your AdMob App ID (Refer How to add AdMob Point 8 () )



  6. Now we add Ad Units to our App

  7. Navigate web2go_android_ios_app_v2.5 => web2go => src => constants
  8. Now open file AdMob.js and Paste here your Ad units Id (Refer How to add AdMob Point 9 )



  9. Or you can use Test Ads Unit Id : ca-app-pub-3940256099942544/6300978111

I dont want AdMod, What I do?

  1. Navigate from web2go_android_ios_app_v2.5
  2. Open web2go_android_ios_app_v2.5 => web2go
  3. Open in VS Code editor on Top left you get Terminal click it you get menu then click on New Terminal and now you get window at bottom in VS Code


  4. run cammand npm i let him install node_modules (You can skip this step if already done section Run project first time )
  5. run cammand npm uninstall react-native-google-mobile-ads
  6. Now Navigate Back up to this file web2go_android_ios_app_v2.5 => web2go => app.json file and follow below image


  7. Now open web2go_android_ios_app_v2.5 => web2go => android => app => build.gradle file and follow below image


  8. Now open web2go_android_ios_app_v2.5 => web2go => android => app => src => main => AndroidManifest.xml file and follow below image


  9. Now for IOS
  10. After completing above process, now naviage to web2go_android_ios_app_v2.5 => web2go => ios folder in Terminal & here run below command
  11. pod install
  12. Follow Section to build App Run project first time

Add your Website to convert into App

  1. To add website Navigate from web2go_android_ios_app_v2.5
  2. Open web2go_android_ios_app_v2.5 => web2go => src => screens
  3. Now open file Home.js change here website url as you want



  4. You can change statusbar background color and barStyle from here



  5. barStyle have two value light-content and dark-content
  6. Note : when statusbar background color is dark, barStyle="light-content" and vice-varsa


Change AppName

Android

  1. To Change App Name Navigate from web2go_android_ios_app_v2.5
  2. Open web2go_android_ios_app_v2.5 => web2go => android => app => src => main => res => values
  3. Now open file strings.xml change here name as you want



IOS

  1. To Change App Name Navigate from web2go_android_ios_app_v2.5
  2. Open web2go_android_ios_app_v2.5 => web2go => ios => web2go => info.plist file
  3. Now open file strings.xml change here name as you want




Change App Version

Android

  1. To Change App Name Navigate from web2go_android_ios_app_v2.5
  2. Open web2go_android_ios_app_v2.5 => web2go => android => app
  3. Now open file build.gradle find defaultConfig as heading
  4. Change versionCode & versionName



IOS

  1. To Change App Name Navigate from web2go_android_ios_app_v2.5
  2. Open web2go_android_ios_app_v2.5 => web2go => ios => web2go => info.plist file
  3. Now follow below image




Change Splash Screen

Android

  1. To Change App Name Navigate from web2go_android_ios_app_v2.5
  2. Open web2go_android_ios_app_v2.5 => web2go => android => app => src => main => res
  3. Here Change your Splasch screen according below
  4. Note : your splash screen named should be screen.png



IOS

  1. To Change App Name Navigate from web2go_android_ios_app_v2.5
  2. Open web2go_android_ios_app_v2.5 => web2go => ios => web2go => images.xcassets => launchscreen.imageset
  3. Here Change your Splasch screen images , but make sure you didnt change name
  4. Note : your splash screen named should be screen.png




Change Package Name

For Android

  1. To Change App Name Navigate from web2go_android_ios_app_v2.5
  2. Open web2go_android_ios_app_v2.5 in VS code => open search from sidebar
  3. Now follow below image


  4. When You are changing package name the you also need change name of folders according to your package name in (project_root\android\app\src\main\java\) location in project.



Generate release apks

  1. Create an upload keystore
  2. use the following command: keytool -genkey -v -keystore c:\Users\USER_NAME\upload-keystore.jks -storetype JKS -keyalg RSA -keysize 2048 -validity 10000 -alias upload






  3. Copy your keystore file & paste it in web2go => android => app
  4. Open build.gradle file go to signingConfigs section


  5. In VS Code -> web2go open Terminal and
  6. Run following commands in Terminal as per your need:
  7. cd android
  8. ./gradlew assemblerelease

Need support?

Its our pleasure to serve our service and support. please contact us for support.

APK Software Solution

To help our customers, we constantly be in touch with every customer if they need any assistance regarding our product. We offer our customers a support from (All Day) 9.00am to 6.00pm IST (GMT +5.30)

Typically we reply our customers for all the questions and queries within 24 hours of time via comments, emails.


How to Update from V1 to V2

  1. Open your Previous App folder web2go_android_app_v1 (or open that folder (name) you taken during last development) in VS Code
  2. Copy package.json from web2go_android_ios_app_v2.5 paste it web2go_android_app_v1 (or open that folder (name) you taken during last development)
  3. run cammand npm i let him install node_modules
  4. After succefully node_modules Installation
  5. Copy src folder from update_web2go_from_V1_to_V2 and paste web2go_android_app_v1 (or open that folder (name) you taken during last development)
  6. Grate your App Update
  7. run command npx react-native run-android --terminal powershell
  8. Repeat the same process Generate release apks

Your feedback

Dear valuable customer, Thank you very much for choosing our product. It's our pleasure to serve top-notch service to you. Please give us your honest feedback that will help us to make a more strong and reliable product by click here Rate Us. Thank you very much.


Rating

If you truly value the hard work and support our team provides, we kindly request that you spare a moment to share your positive feedback with us on Codecanyon. You can do so by visiting Rate Us. Your feedback is greatly appreciated and helps us continue to improve our services. Thank you for your support!


Contact us

APK Software Solution has creative and dedicated group of developers who are mastered in Apps Developments and Web Application Development with a niche in delivering quality solutions to customers across the globe. Contact us today to find out how we can help you or for freelance work.

Visit Us : https://apksoftwaresolution.com

Skype: APK Software Solution

Mail Us : support@apksoftwaresolution.com

Thank you very much.

Toggle