Easiest way to create an App for your website

You can convert your website or mobile site into an app very easily. It doesn't need any programming language or any investment. The only thing you need is an Android mobile and Sketchware app.

Install Sketchware App in your mobile and start a new project. Write your app name and select an icon for your app.


Now in your project View area drag and drop a webview widget. Set width of WebView to match parent and set padding to 0.


In Logic area of your project, in onCreate event add the WebView loadUrl block and write Url of your site in it.


Now add a new event, namely 'On back button press', in your app Logic area. On in On back button press, use if..else.. block. Add Webview goBack block as shown in image below. It should read, if WebView canGoBack then WebView goBack else Finish Activity.

Now save and Run the project. Your App is ready. You can get .apk file of your app go to project options and click on Send install file(APK). You can send it to your email or if you have ES file explorer you can save it directly to your mobile.

Comments

  1. Aakib ButtFebruary 24, 2018 at 2:23 AM

    App is not working

    ReplyDelete
  2. Srinath KMApril 10, 2018 at 5:21 AM

    After loading my webpage inside my app..

    when I scroll down a bit (say 10 times) and from there.. click to navigate to another webpage from my initial webpage..
    The new page which is loaded, retains the same extent of scrolling down - done in my previous webpage.

    Is there any way to sort this out?

    ReplyDelete
    Replies
    1. sanjeevApril 10, 2018 at 5:27 AM

      It should not happen. Don't add Scrollview, and check again.

      Delete
    2. amanatJanuary 11, 2020 at 9:22 PM

      i designed app using this tutuorial. its very god. my website have whatsapp group link in webpages which shows in webview via webpages . when i click on whatsapp link app does not open whattsapp group. please help me to solve it

      Delete
    3. Sumit KumarMay 27, 2020 at 12:38 AM

      Insert the following code type in on event

      webview page loading started(event)


      IF URL CONTAINS
      Then

      Intent:i set activity :view

      Intent:i set data (url)

      Start activity intent:i

      Delete
  3. Srinath KMJune 11, 2018 at 11:19 PM

    It worked. Thanks :)

    ReplyDelete
    Replies
    1. Admin 001December 28, 2020 at 1:05 PM

      Please can you tell us the way you use the code. We are new in Skechware.

      Delete
  4. UnknownJune 21, 2018 at 10:34 PM

    Nice Blog.....thanks for this.... for more information about how to create an app

    ReplyDelete
  5. MinchoyJune 27, 2018 at 4:48 PM

    how get tv's url if i want make a watching tv streaming online app?

    ReplyDelete
  6. user4srsoftwaresolutionsAugust 27, 2018 at 11:32 PM

    OMG, this is by far the easiest way to make money online.

    Why?

    Because you don’t even need to build a site because they’ll build you a money making website for you!

    Yup I’m not joking.

    [Click here to get a money making website built for you for free]

    This offer is strictly limited.

    Make sure you get in before slots are taken.

    Don’t say I didn’t warn you. https://30daysuccess.club?FDL87HJ

    ReplyDelete
  7. AnonymousOctober 17, 2018 at 3:44 AM

    Didn't work

    ReplyDelete
  8. ChanOneNovember 10, 2018 at 7:23 PM

    It works.. thanks.. 🙂

    ReplyDelete
  9. MpJanuary 27, 2019 at 7:09 AM

    Great, working

    ReplyDelete
  10. UnknownFebruary 17, 2019 at 7:45 PM

    how to fix my alert is not displayed .

    ReplyDelete
  11. TV Series UploaderMay 10, 2019 at 9:07 AM

    pls tutorial how to ad my ads here i dont see any tutorial about that

    ReplyDelete
  12. UnknownMay 14, 2019 at 10:13 AM

    Superb, it worked like a charm. I'm impressed

    ReplyDelete
  13. Mustufa baigSeptember 11, 2019 at 9:01 AM

    It really works!
    Thanks!

    ReplyDelete
  14. AbdulbasitSeptember 21, 2019 at 4:20 AM

    thanks man, the best tutorial ever worked for me,
    million thanks for you bro

    ReplyDelete
  15. RobertDecember 17, 2019 at 2:50 PM

    Thanks for sharing such valuable information I am also impressed by the creativity of the writer. This is
    excellent information. It is amazing and wonderful to visit your site. how can your website be converted into a selling "

    ReplyDelete
  16. amanatJanuary 11, 2020 at 9:21 PM

    i designed app using this tutuorial. its very god. my website have whatsapp group link in webpages which shows in webview via webpages . when i click on whatsapp link app does not open whattsapp group. please help me to solve it

    ReplyDelete
  17. charlyApril 27, 2020 at 8:54 AM

    its working.. but my website have sticky header, and it not shows in the app.
    can i load my website with sticky header?

    ReplyDelete
  18. DreamPlay DevMay 15, 2020 at 12:46 AM

    Cleartext not permitted
    Err. Coming

    ReplyDelete
  19. dhirudbJuly 4, 2020 at 10:36 AM

    Using this tutorial my website not showing in webview it was stuck and showing blank screen. Please help me on my query

    ReplyDelete
  20. dhirudbJuly 4, 2020 at 10:46 AM

    After creating app using tutorial "net::ERR_CLEARTEXT_NOT_PERMITTED" this error also call please solution on this

    ReplyDelete
  21. Rajiber DiaryJuly 9, 2020 at 5:07 AM

    After creating app using tutorial "net::ERR_CLEARTEXT_NOT_PERMITTED" this error also call please solution on this

    ReplyDelete
  22. Admin 001August 25, 2020 at 7:47 AM

    Please i need help. I create a a webview app for my website and i have more than 20 icons in the screen and the ap is not allowed me to scroll up and down to see All the icons, that haven created.

    Please i need solution for that.

    ReplyDelete
  23. Admin 001September 24, 2020 at 9:13 AM

    Please
    how to fix unknown url scheme.

    ReplyDelete
  24. UnknownNovember 27, 2020 at 10:13 PM

    It loads the website but the website with recaptcha seems to have problem because the website finished loading and it does not show the recaptcha

    ReplyDelete
  25. December 22, 2020 at 9:50 AM

    Webview use with sharedpreference and in app clicking another link and close app then reopen app then show saved webpage and not back

    Only work when opened app click on links and go back easily but close app not work

    ReplyDelete
  26. AnonymousJanuary 14, 2021 at 3:32 AM

    app not working

    the app is blank

    ReplyDelete
  27. Noman Islam NirobJanuary 31, 2021 at 7:08 AM

    This comment has been removed by the author.

    ReplyDelete
  28. Noman Islam NirobJanuary 31, 2021 at 7:10 AM

    Thanks for this tutorial

    My Web<

    ReplyDelete
  29. SumietechFebruary 5, 2021 at 3:16 AM

    sumigyan

    ReplyDelete
  30. John SteveFebruary 24, 2021 at 8:04 AM

    Excellent post! I hope that the following appointment scheduling software offers a Booking Mobile App Builder as I want to build and deploy a booking app that will help my customers to conveniently schedule appointments.

    ReplyDelete
  31. UnknownMay 22, 2021 at 10:08 PM

    The app worked but I can't click on any buttons on the page... Can any ine know why that is???

    ReplyDelete
  32. ChristyJuly 8, 2021 at 11:58 PM

    You are sharing excellent information. The way of content delivery is good, excellent in formation.
    SMO Company in Chennai
    google adwords company in Chennai
    google adwords Services company in Chennai

    ReplyDelete
  33. Grace MiaJuly 17, 2021 at 8:37 AM

    Thanks for Sharing..Keep Update…

    Web Hosting is the process of buying space for a website on the World Wide Web.

    What is Web Hosting
    Web Hosting

    ReplyDelete
  34. Christine PaulAugust 23, 2021 at 5:34 AM

    I read your blog it's very nice and very helpful, I learn something new every time from this website, Thanks for sharing this information with us. I am also a blogger i guide people on App and Software Development. You can visit my blog here how much to make an app

    ReplyDelete
  35. Unow22September 4, 2021 at 11:27 AM

    => Visit the Official Website of Sub Solution for the Best Discount Brand Overview: Makers of synthetic urine like Urinator have taken things a step further by leveraging technology. The Urinator is a high-tech device that is all about accurately regulating the temperature of synthetic urine. Here is what you will find in the Urinator – or some may also call it the urine-test-terminator: • 100ml medical-grade IV bag with attached tube • 60ml syringe • 3 powdered urine vials • Thermometer • 2 temperature strips • Battery-powered heating element Pros: • Reusable kit for future drug tests • An insulated blanket covering the IV bag is designed for secure concealment • Self-regulated heating element will keep the heat contained • Medical grade IV bag safely seals synthetic urine and eliminates cross-contamination • Vinyl tubing with clamps allows for easy control over the flow of synthetic urine • An instruction manual is included for ease of use. Cons: • It does not come with pre-mixed synthetic urine • Batteries for the heating device are not included • Price falls in the ‘quite expensive’ category Features: One of the main risks involved with synthetic urine is that it sometimes cannot mimic the exact body temperature. The Urinator is made just for this purpose. Instead of including heating pads or powders, the kit has an electrical heating device that runs on 9V batteries. Visit: https://www.urineworld.com/

    ReplyDelete
  36. UnknownSeptember 10, 2021 at 12:27 PM

    Nice content you can see the content. Today we will know How To Learn app programming. And how to become an app programmer will be discussed in detail, let's get started.

    ReplyDelete
  37. Lucky BrainOctober 20, 2021 at 5:22 AM

    Thank you so much for sharing this valuable information and here I just want to introduce about App Cost Calculator which can help you determine how much it will cost to build an app and how long it will take to launch. The cost varies depending on the device, functionality, UI/UX, and many other factors that will be discussed in detail.

    ReplyDelete
  38. Pranathi Software ServicesDecember 1, 2021 at 9:37 AM

    The information you’ve shared in this article is great and informative. Keep writing! You can visit our article Web and Mobile Application Development and share your feedback with us.

    ReplyDelete
  39. World ScouterMarch 2, 2022 at 5:17 AM

    Wow! Such an amazing and helpful post this is. I really really love it. It's so good and so awesome. I am just amazed. I hope that you continue to do your work like this in the future also.
    Poker Game Development Company

    ReplyDelete
  40. Aarya SharmaApril 8, 2022 at 2:50 AM

    You have posted a good, I liked it, and it's really interesting and helpful. Thanks a lot for this blog.

    Poker Game Development Company

    ReplyDelete
  41. jasmeenshabeerMay 9, 2022 at 6:07 AM

    Nice post, Thanks for sharing this interesting blog, Are you looking for the best IT consulting services companies ? then choose the good company with good service.

    ReplyDelete

Post a Comment

Popular posts from this blog

Simple car racing android game in Sketchware

Image
To create a simple car racing game in sketchware follow the steps given below. 1. Create a new project in Sketchware. 2. In VIEW area of main.xml add a TextView textview3 for displaying score of previous game, a TextView textview4 for displaying high score, and a Button button1 for starting game. 3. In MainActivity , add a Shared Preferences component sp:sp . 4. Add onStart event and put blocks to set the text of textview3 and textview4 . 5. Create a new page page2.xml . 6. On button1 click use intent to move to page2 . 7. On page2.xml add a LinearV linear1 with padding 0 and width and height MATCH_PARENT. 8. In Page2Activity , add a Shared Preferences component sp:sp . 9. Create a number variable highscore . 10. In onCreate event of Page2Activity , use blocks to set the value of number variable highscore , and use codes to create a new GameView and add it to linear1 , as shown in image below. The code used in the add source directly bloc
Read more

A Flash Light App in Sketchware

Image
To create a Torch Flashlight application for Android with Sketchware follow the steps given below. 1. Create a new project in Sketchware. In VIEW area add an ImageView imageview1 . Set it's width and height to 100, and scale type to FIT_XY. 2. Using Image Manager add two images  ic_flash_on_black  and  ic_flash_off_black . 3. Set  ic_flash_off_black  as the image of imageview1. 4. In Library manager switch on AppCompat and Design . 5. Add a Camera component . 6. Add two Boolean variables: flashLightStatus and hasCameraFlash . 7. Add two More Blocks: flashLightOn and flashLightOff . 8. In onCreate event, use add source directly block and put following code: hasCameraFlash = getPackageManager(). hasSystemFeature(PackageManager.FEATURE_CAMERA_FLASH); 9. In More Block flashLightOn , use add source directly block and put following code: android.hardware.camera2.CameraManager cameraManager = (android.hardware.camera2.CameraManager) getSystemS
Read more

Create a PDF reader android App in Sketchware

Image
To create a simple pdf reader in Sketchware follow the instructions given below. 1. Create a new project in Sketchware and create a VIEW as shown in image below: linear2 : A LinearH for the buttons/tools. linear3 : A LinearV for displaying images. Set it's padding to 0. button1 : A Button for picking PDF files. edittext1 : An EditText for displaying the page number. Set it's input type to numberSigned . textview4 : A TextView for displaying total number of pages. textview3 : A Button to move to page number entered in edittext1. textview1 : A Button to move to previous page. textview2 : A Button to move to next page. 2. Remove Toolbar and Status Bar of this View to make it full screen. 3. Add a File Picker component file_picker: application/pdf . 4. Add two number variables page and pageCount , and a String variable pdfFile . Also add a String list. 5. Add two more blocks: extra and display page(i) . 6. In onCreate event use add s
Read more

How to enable upload from webview in Sketchware?

Image
Now that Sketchware has a block to add java code directly in the project, it is possible to enable file upload in webview. To enable file upload in webview in sketchware app, follow the steps given below. 1. Insert a webview in VIEW area in the sketchware project. Note the ID of webview, usually it is webview1 . 2. In LOGIC area of project, in onCreate event, add the block add source directly and copy the following code in it: webview1.setWebChromeClient(new WebChromeClient() { // For 3.0+ Devices protected void openFileChooser(ValueCallback uploadMsg, String acceptType) { mUploadMessage = uploadMsg; Intent i = new Intent(Intent.ACTION_GET_CONTENT); i.addCategory(Intent.CATEGORY_OPENABLE); i.setType("image/*"); startActivityForResult(Intent.createChooser(i, "File Browser"), FILECHOOSER_RESULTCODE); } // For Lollipop 5.0+ Devices public boolean onShowFileChooser(WebView mWebView, ValueCallback<Uri[]> filePathCallback, WebChromeClient.FileChoose
Read more

How to enable download in webview in Sketchware apps?

Image
How  to enable download in an app created with Sketchware? Suppose you have created an app in Sketchware which uses webview to open a site. You can seamlessly explore the site in your app. But the download links in the webview field do not work. But it is possible to make it work by exporting the source code. You can edit the code in either Android studio or Eclipse to add your desired features and then recompile it. I tried to do that but soon realized that setting up environment for development of Android app is not easy for a naive like me. But it can be done by code injection or by using another mobile app called Anacode. Enabling download from webview in Sketchware using add source directly block. 1. In VIEW area of your app insert a WebView (webview1). 2. In LOGIC area, in onCreate event, a. Add write String... to file path ... Block. This will add WRITE_EXTERNAL_STORAGE permission. b. Then add an add source directly block. In this block put following cod
Read more