Convert Website to App [Tutorial]

Поделиться
HTML-код
  • Опубликовано: 25 окт 2024

Комментарии • 181

  • @szabojojo
    @szabojojo 3 года назад +12

    Hi! Can you explain how to do the 4th step. The build step, i mean where is it.
    Please help me out because i want to move on.
    Thank you in advance

  • @excelamaefule5997
    @excelamaefule5997 2 года назад +3

    I don't have money to pay for your course I've followed your tutorial but when you got to the part of showing the icon and how you actually deployed the app you didn't show any further information

  • @aimanadzhar5275
    @aimanadzhar5275 4 года назад +3

    Edit: 10 mins later..OMG bro it works finally..this is really simple one explanation I ever seen in search..ohh my God glad I did see this video..I going to recommend your channel since you help me bro..I start my career as it software for 2 days already I though I going down lol

    • @jamesonsaunders
      @jamesonsaunders  4 года назад

      Glad you liked it. Yeah the concept in this video is honestly SO valuable. Thanks for recommending my channel, and good luck in your software career!

    • @TheFullcharge13
      @TheFullcharge13 4 года назад

      I'm trying to run the app on a simulator but I type "flutter run" I get "This command should be run from the root of your Flutter project"
      PS C:\Users\je_12\downloads\web-app\Convert-Website-to-App>
      from what folder should I run it from?

    • @jamesonsaunders
      @jamesonsaunders  4 года назад +1

      This isn't a flutter project, it's an ionic project.

  • @kianiano
    @kianiano 2 года назад

    This awsome animal is a "MEERKAT". It's really funny and lovely😃 And thank you for your tutorial🙏

  • @shishir007
    @shishir007 3 года назад +4

    When I use the for ios it actually launch the app but then opens the webpage in safari. Do you know how I can fix it?

  • @tonymburu7804
    @tonymburu7804 2 года назад +1

    Hi, Bro! Super super simple! Very clear & concise tutorial. I recommend this channel.

  • @atleast_me
    @atleast_me 4 года назад +3

    Man, you are just awesome. I have no words to thank you.🙏

    • @jamesonsaunders
      @jamesonsaunders  4 года назад

      My pleasure

    • @DanangCod
      @DanangCod 3 года назад +1

      Bro can u help me for step number 5,how to build it bcs I don't get it

  • @cesarsierra6874
    @cesarsierra6874 3 года назад +4

    Thank you for sharing your knowledge! Salute!

  • @lmofficial3269
    @lmofficial3269 3 года назад +1

    I just searched how to convert webpage to .apk and when i have all what is in the video done ,how to create apk file ?

  • @alijubril7913
    @alijubril7913 2 года назад

    so i'm stuck on actually building it on my phone, any further way out

  • @haloijo2864
    @haloijo2864 4 года назад +7

    i'm stuck. what should i do or click for last step no 4 "Build the app"

  • @hamzamuslim6141
    @hamzamuslim6141 2 года назад

    Now how to launch that app into the app store for others to download?

  • @angelikaadelante5789
    @angelikaadelante5789 3 года назад

    why is there a need for a mobile application if there is already an existing website

  • @MrDeskj
    @MrDeskj Год назад

    Hi, thank you a lot for this. Itried the code and when a login is required (inside the app), after filling the credentials I am prompted back to the login page again. Is there a way to fix this?

    • @jamesonsaunders
      @jamesonsaunders  Год назад

      I have an updated template that fixes that in my paid program, link in description.

  • @hamoudnasser1376
    @hamoudnasser1376 4 года назад +3

    Thanks for the informative video! after converting the website into a mobile app, can i upload it to IOS and Android stores? If i can, how? Again thanks a lot.

    • @jamesonsaunders
      @jamesonsaunders  3 года назад

      Yeah as long as the app abides by the app store guidelines.

  • @Construction-agencyCoUk
    @Construction-agencyCoUk 4 года назад +1

    thank you soooo much!!!! Great vid!!!

  • @jimlin6425
    @jimlin6425 3 года назад

    Could you show 4 step.....convert button or something???

  • @Intelligent_Insights678
    @Intelligent_Insights678 Год назад

    Thanks. But how would then I be able to submit to app store and play store? Which particular file I need to upload to my developer account e.g. APK ? Thanks

    • @jamesonsaunders
      @jamesonsaunders  Год назад

      It’s a bit of a process. I have tutorial videos for that in my course linked in the description.

  • @ceyquem
    @ceyquem 3 года назад +4

    Does the app webview retains the cookies of the website? So that if the user logs in once he doesn't need to do it again the next time he launches the app?

    • @jamesonsaunders
      @jamesonsaunders  3 года назад +1

      Good question. The template shown in the video does not retain cookies. Based on your comment, I've created an UPDATED template that does save cookies. More info in the pinned comment.

  • @leftoverdefault9378
    @leftoverdefault9378 3 года назад

    great tutorial only problem is that you have light mode enabled...

  • @hemantd9349
    @hemantd9349 2 года назад

    Excellent tutorial!
    Can I convert django website into app like this?

  • @gobrad
    @gobrad 3 года назад +1

    Hi James, why do developers charge so much to convert Wordpress over to an APP?... if it’s this easy to do?... or is this just a basic setting?...

  • @wilder-mo
    @wilder-mo 2 года назад

    Hi how do I build the app now. I did everything you did but I dont know how to build the app

  • @SurajMishra-fx5is
    @SurajMishra-fx5is 4 года назад +2

    I didn't get it at the end, how to launch the app in phone?

  • @denvermichael7476
    @denvermichael7476 3 года назад +1

    Bro, hopefully you'll notice me 🙏🏻 Got some questions, when the Apps is already launch and when I decide to make a change on website which is phone view. Is it also effect some change on apps which is already launch?

    • @jamesonsaunders
      @jamesonsaunders  3 года назад +2

      Yes it updates apps bypassing the App Store review process.

  • @ChrisFlex
    @ChrisFlex 2 года назад

    Does it work for Squarespace websites also? Great Video btw! I have followed all the instructions, but when simulating the app, it only shows a white screen with the welcome message (which I can change), but it never loads the splash screen or goes to the site?

    • @jamesonsaunders
      @jamesonsaunders  2 года назад +1

      Haven’t tried, but I’d guess it would. You may want to generate a fresh project then copy the two changed files (html and scss) over. That usually fixed blank screen issues with ionic.
      If it’s the website itself that’s blank, open the dev tools and look for an error.

  • @varenyakoluguri3936
    @varenyakoluguri3936 3 года назад

    thanks for the video, after making our website into an app using this method, we we be able to navigate, I mean go back and forward, for an iphone we don't have those buttons right? so how do we go back and forward, I very much wanted to see that but unfortunately that part was not there

  • @ragurams7489
    @ragurams7489 3 года назад

    Does this work for Notion sites ? If it doesn't is there any video for converting notion sites to an app ?

  • @nlegacysolo
    @nlegacysolo 2 года назад

    I hate apps that require internet to work. Is there anyway to make this local? Im a coder and this video is great for non coders. I actually want to take html5 and turn into an app that does not require an internet connection to be usable.

    • @jamesonsaunders
      @jamesonsaunders  2 года назад

      One could get this working using caching. I have an updated version of this that exposes caching options my paid program.

  • @ufoforest
    @ufoforest 3 года назад

    you did not explain how we can make those files to be the apk file or ios file.

  • @007kash007
    @007kash007 3 года назад

    Thanks will try this. I just got a feeling my website gonna throw some stuff out or not fully compatible. Like collapsing accordions.

  • @tnvalleypainting898
    @tnvalleypainting898 2 года назад

    Mine got denied by Apple for bot being unique and being to much like the website.

    • @jamesonsaunders
      @jamesonsaunders  2 года назад

      Unfortunate. The app review process is subjective.

  • @WAZIFA_DIARY
    @WAZIFA_DIARY 2 года назад

    Sir I want to ask a question that after making an application by your mentioned method we can also upload it on playstore?
    And will this application eligible to have google adsense or google admob ads in it?

    • @jamesonsaunders
      @jamesonsaunders  2 года назад

      Yes you can upload it to the play store assuming it obeys all the other rules. To ad ads you’d need to do a bit more work assuming your website doesn’t already have ads on it.

    • @WAZIFA_DIARY
      @WAZIFA_DIARY 2 года назад

      @@jamesonsaunders ok Thankyou Sir

  • @usaGames9959
    @usaGames9959 2 года назад

    How to add ads

  • @Jakey959
    @Jakey959 3 года назад +1

    Hi buddy, great video. I'm designing a website for a client and need to use this technique to deploy the app but is it possible to deploy a 'localhost' website into a 'localhost' app for me to test locally before I do the final deployment?

    • @jamesonsaunders
      @jamesonsaunders  3 года назад +1

      Yes, just do a local build to your phone and test it out first. That's what I do in the video, I never published that app specifically. Though I have published other apps using this method.

  • @parvezhasanrubel8062
    @parvezhasanrubel8062 2 года назад

    how to get my project to apk file..?

  • @andreloureiro4447
    @andreloureiro4447 4 года назад +1

    @Jameson Saunders how it work with push notifications? i have a mean app almost build and now i'm deal with the push notification. So, before i start with the notifications its possible to have the nofitications working? because now i see this video i decide to deploy the mean app and convert to a mobile like you and use only mobile, but how i do the notifications? with ionic??

    • @andreloureiro4447
      @andreloureiro4447 4 года назад

      @@jamesonsaunders But am I not going to have any problems? What I want to do is, publish the app on the net, then convert to mobile as in your video and then do the implementation of firebase. I will not have any problems or at least problems i will have? Sorry about the text i'm a rookie on programing, sorry once again

    • @Macatho
      @Macatho 3 года назад

      You'll have to write push notifications manually obviously. This is basically google chrome without the nav bar.

  • @mostafadamirchi5833
    @mostafadamirchi5833 3 года назад

    Hi, My name is Erfan, How I can be sponsore of your videos?

  • @aravindhm2459
    @aravindhm2459 2 года назад

    Please clarify my doubt..
    I have one blogger website.. I want tocreate an android app with this blogger website.
    My doubt is, whenever I upload the content in blogger, whether that will be updated in the android app..
    Please clarify

    • @jamesonsaunders
      @jamesonsaunders  2 года назад +1

      It will update in the app too, provided there’s no unusual caching your website employs.

    • @aravindhm2459
      @aravindhm2459 2 года назад

      @@jamesonsaunders thanks for your reply

  • @djlildamsoriginal3482
    @djlildamsoriginal3482 3 года назад

    Once it's done , how to download the apps to put on the stores please ?

    • @jamesonsaunders
      @jamesonsaunders  3 года назад

      I've made tutorials on that in this mini course: jamesonsaunders.com/offer/website-to-app-497?s=YTcomment

  • @AarushLanjharia
    @AarushLanjharia 4 года назад +2

    Can someone tell me how I can add a custom icon to the app?

  • @MihailKoptel
    @MihailKoptel 3 года назад

    Hi! I already have an app on Google Play market and Appstore that I created with an online builder. Can I create an app like you do in your video and just upload it as a new version of the app, or do I have to create a new app?

  • @gsubz1857
    @gsubz1857 3 года назад

    I can't see how to download the zip fil

  • @jarus1
    @jarus1 3 года назад

    Does this work for dynamic website embedded with mysql database?

  • @mano-vz2nx
    @mano-vz2nx 3 года назад

    How do we turn an app into website? Should we do it from scratch ??

    • @jamesonsaunders
      @jamesonsaunders  2 года назад

      Depends on what that app was built in.

    • @mano-vz2nx
      @mano-vz2nx 2 года назад

      @@jamesonsaunders Android studio.

  • @samuelbuchanan6242
    @samuelbuchanan6242 3 года назад

    Does this work for Shopify stores?

  • @juanpablolongo
    @juanpablolongo 3 года назад

    Hi nice video I will subscribe for more tutorials.
    I have a problem with my site that have a login page after login always reload on the login page and I can not get into. what can I do? thanks

  • @farhadnibir86
    @farhadnibir86 3 года назад

    Using this process, whenever I update my website it will also update the app right?

  • @muhtasimabedin9407
    @muhtasimabedin9407 3 года назад

    Is this type of app an example of web, hybrid or native app?

  • @Sky-dy9ly
    @Sky-dy9ly 2 года назад

    Hi, is ionic framework free to use and build apps with it.

  • @dhruvd5887
    @dhruvd5887 4 года назад +1

    For me, the app looks like a button. When you click the button, it redirects me to the site

    • @adambrickley1119
      @adambrickley1119 3 года назад

      is that what they call wrapping an app not making it a native app?

  • @pavoutsinas
    @pavoutsinas 2 года назад

    @Jameson Saunders ... will this work with a wordpress site?

  • @charlescleivin
    @charlescleivin 4 года назад +8

    ​ @Jameson Saunders Hello Jameson! Thank you for that amazing video! I'm sure that the content of such video is insanely valuable as it is but maybe you could explain a bit more about the process to build the code into the phone. I think most people that will fall here don't really will know what this means and you pretty much skipped that part entirely!
    If you could illustrate or direct with the link to another video of another creator that could enlight this it would be trully awesome! Thank you again for such amazing video and for those files!

    • @dhruvd5887
      @dhruvd5887 4 года назад

      Charles Cleivin yea, I need that too

    • @dhruvd5887
      @dhruvd5887 4 года назад

      PLEASESE

  • @SibboX
    @SibboX 3 года назад

    Hi there, what program are u using to open the code?

  • @thatsbeef
    @thatsbeef 3 года назад

    Can I published this to app stores like apple or android?

  • @hamzamuslim6141
    @hamzamuslim6141 2 года назад

    How to publish to app store

    • @jamesonsaunders
      @jamesonsaunders  2 года назад

      That info is in my paid program linked in the description.

  • @welldude2627
    @welldude2627 2 года назад

    do the website owner knows we made the app from their websites?

    • @jamesonsaunders
      @jamesonsaunders  2 года назад

      In order to actually publish the app you need to be able to prove it’s your website.

    • @welldude2627
      @welldude2627 2 года назад

      @@jamesonsaunders Okay, thank you for your reply! your video really help me, thank you very much

  • @adamfidler9945
    @adamfidler9945 4 года назад +9

    It's a meerkat

  • @itsanamulhaque9065
    @itsanamulhaque9065 3 года назад

    Thanks 👍

  • @harrymorrisseau129
    @harrymorrisseau129 3 года назад +1

    Good explanation, well done :)

  • @Nasserdfdd
    @Nasserdfdd 3 года назад

    hi, is this considered a web app and will it be accepted in the app store since web app are not allowed in the app store

    • @Nasserdfdd
      @Nasserdfdd 3 года назад

      Also one more thing how can i make external link open in safari i didn't understand the _blank part can u help me out
      where do I put _blank

    • @jamesonsaunders
      @jamesonsaunders  3 года назад +1

      This is a web app embedded in a mobile app. I have personally submitted and had accepted an app like this to the app store and google play store.

    • @jamesonsaunders
      @jamesonsaunders  3 года назад

      That code is not very clean, no need for a form, just replace it with an a tag.

  • @Rehd66
    @Rehd66 3 года назад

    "...is that a possum?"
    Breh. Go outside.

  • @Lasse-is7hb
    @Lasse-is7hb 7 месяцев назад

    It's a meerkat!

  • @oracletv2797
    @oracletv2797 3 года назад +1

    Can someone tell me how to download this file?

    • @jamesonsaunders
      @jamesonsaunders  3 года назад +1

      GitHub link -> Code download -> Download zip

    • @gsubz1857
      @gsubz1857 3 года назад

      Can't find code download

  • @anitanirmal27
    @anitanirmal27 3 года назад

    How can i download it to my phone? Please Help

    • @jamesonsaunders
      @jamesonsaunders  3 года назад

      I made tutorials on this in the course linked in the description

    • @anitanirmal27
      @anitanirmal27 3 года назад

      @@jamesonsaunders ok I will check it out

  • @JJKILLABX
    @JJKILLABX 3 года назад

    How can I fix the width and height

    • @jamesonsaunders
      @jamesonsaunders  3 года назад

      Whatever you used to build the website needs to style the website to support mobile screen sizes.

  • @skylernicolas892
    @skylernicolas892 Год назад

    Will it work with a google site?

  • @sidpanigrahy7952
    @sidpanigrahy7952 3 года назад

    Wix website can convert in to APP ?

  • @snehapyne4577
    @snehapyne4577 4 года назад

    Can I convert a website into ios app using your code?

  • @Thedaredevil21
    @Thedaredevil21 3 года назад

    with program do you build it

  • @enockherman6148
    @enockherman6148 2 года назад

    Does this work with http website ????

  • @Thedaredevil21
    @Thedaredevil21 3 года назад

    i want to chans white Notepad ++ is that ok

  • @shy1ess
    @shy1ess 3 года назад +1

    I'm not using this for pokemon showdown.... Shhh don't tell anyone

  • @ayubi2113
    @ayubi2113 3 года назад +1

    no one talks about that posum? lol it's mercat

  • @taps5747
    @taps5747 4 года назад

    What coding tool is he using

  • @jagadeeshd38
    @jagadeeshd38 4 года назад +1

    How to use this code? I downloaded those files and what to do next?

    • @Thedaredevil21
      @Thedaredevil21 3 года назад

      i dont know

    • @supercars3740
      @supercars3740 3 года назад

      @@Thedaredevil21 he explanied in detail what files you need to edit , follow him carefully if you dont understand re watch the video till you get what you should do

    • @Thedaredevil21
      @Thedaredevil21 3 года назад

      by what you change the texts I mean
      not with notepad

    • @supercars3740
      @supercars3740 3 года назад +1

      @@Thedaredevil21 visual studio code ?

    • @supercars3740
      @supercars3740 3 года назад +1

      open visual studio code app and click on file (top left corener ) click open file browser to the directory where the github files are select them all and press enter then start editing

  • @savvasmirazanasvili9770
    @savvasmirazanasvili9770 3 года назад

    Will this app work offline ???

  • @aimanadzhar5275
    @aimanadzhar5275 4 года назад

    Hello sir I click like and subcribe already and will try this soon! I just start as IT software, hope this can make me grow like you too

  • @ejimmichael5768
    @ejimmichael5768 3 года назад

    I think they are called perry dogs

  • @tedkhieu8995
    @tedkhieu8995 3 года назад

    Jameson,
    Thanks for sharing your knowledge. Great video. I want to buy your paid mini courses so I can learn to convert my Wordpress site. Will you help guide me if I ran into problems. Thanks again

    • @jamesonsaunders
      @jamesonsaunders  3 года назад

      Sure thing Ted if you buy the course I’ll help you if you encounter problems 😊

  • @pmcarthur
    @pmcarthur 2 года назад

    It's a mercat.

  • @damyielmanguerra1417
    @damyielmanguerra1417 4 года назад

    Hello do you think this would work with a social media type application? Where you post edit delete posts and announcementss

    • @jamesonsaunders
      @jamesonsaunders  4 года назад +1

      It could. But with a social media app you'd probably want to have push notifications too, so for that you'd need to do some custom coding.

  • @productivitybydesign9368
    @productivitybydesign9368 3 года назад

    Animal is an African meerkat

  • @whitneygaines9000
    @whitneygaines9000 3 года назад

    Can I pay you to do one for me

  • @jamesonsaunders
    @jamesonsaunders  3 года назад +3

    Want me to publish your website as an app for iOS and Android? Purchase here: webapppasta.com/ and use discount code APP2022

    • @moikressly
      @moikressly 3 года назад

      Do you have a solution for those of us who have xframe same origins but do not want to deactivate it ?

    • @jamesonsaunders
      @jamesonsaunders  3 года назад

      That's not possible to my knowledge.

  • @katjadecuir3514
    @katjadecuir3514 2 года назад

    its a merekat. great tutorial though!

  • @amazinghouse6768
    @amazinghouse6768 2 года назад

    I like to create websites

  • @Socsob
    @Socsob Год назад

    OMG THATS NOT A POSSUM LOL

  • @mediumstudio
    @mediumstudio 3 года назад

    meerkat ...

  • @taps5747
    @taps5747 4 года назад

    Its code right

  • @danangsatriani1647
    @danangsatriani1647 3 года назад

    $497 is too much broooooooo omg

  • @rileymchugh8498
    @rileymchugh8498 2 года назад

    NO POSUM ONLY PRAIRIE DOG

  • @HW_365
    @HW_365 3 года назад +1

    Possum lol 😂

  • @thechoosen4240
    @thechoosen4240 2 года назад

    Good job bro, JESUS IS COMING BACK SOON;PREPARE

  • @lauraalexandri883
    @lauraalexandri883 3 года назад +1

    rubbish.