Hosted mobile web app to the app store? [closed] - mobile

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I have a mobile web app hosted on a server currently. I would like to submit this to the Apple, Google, and Microsoft app stores, but all the PhoneGap samples involve packaging up all the HTML, CSS, and JavaScript files and wrapping it. I want to make it even simplier by leaving the mobile web app hosted on the server and use PhoneGap only as an iframe to view the hosted app. That way, I can make updates that would propagate to all the devices without having to update through the app store. Also the main reason for me wanting to do this is because I have about 20GB's of audio and video files that I obviously can't packaging up into PhoneGap and place in the app store. Any help or advise would be greatly appreciated!

Simply put, you can't do that.
For one, like you said, PhoneGap needs the HTML, CSS, and JavaScript files, they can't be hosted and still be packaged. Also, Apple does not allow you to make updates without going through them, it's one of their rules, so you would not be able to make updates like you asked. Last, I also know that if it is something that could work as just a mobile web app, then it will most likely get rejected when submitted. And I guarantee you that if you only put an iframe that links to your current app it will not be let through.
The whole point of PhoneGap is not let you put web apps into mobile app stores, it's to allow you to use such technologies as HTML, CSS, and JavaScript to build hybrid apps that also give you access native features through plugins.
It already sounds like you have something working and have no need for PhoneGap. Simply tell your users to add your site to their home screen, it will give you the power you're looking for to push updates without forcing your users to update through an app store.

Related

How to upload an image in React without a server?

I have a bootstrap input field for images in my react app. When I upload an image through it, I want to get a public URL of that image so that I could reuse it in another part of the app.
<div class="mb-3">
<label for="formFile" class="form-label">Product Image</label>
<input class="form-control" type="file" id="formFile">
</div>
I've seen people connect to an API like google drive and upload the image to get a kind of shareable link. Is there a way to do that on the client side?
Thanks for the notice :)
Using google drive as a backend is one solution, their API is a good starting point. In general IMHO you want to explore the "serverless" concept. Amazon has a lot of services available in this area.
No, you have to have a publicly accessible system to serve images. That means a server.
I can't think of any way to come close this without involving some kind of 3rd party system/server. Even if you were to do something as involved as a peer-to-peer system of sharing images over WebRTC, you would still need a signalling server to make the initial connection between clients.
The way that apps work with content sharing in a generalized manner is that a user will upload an image on the front-end to some content repository. That could be your own content repository or some 3rd party site like imgur, Google Drive, etc. Once it's uploaded, a link to that publicly available content is stored by your own application and then used in some way such as being shown on a user's content board or profile.
For example, Stack Overflow itself integrates with Imgur so that whenever you need to upload an image to go along with your question/answer it is associated to your post and hosted out of imgur. SO still has to plumb all associated stuff like knowing who uploaded what and what question it's related to where to put it in the post.
Providing a complete solution would be too broad, but a possible, birds eye view could be something like:
Serve front-end however
Serve back-end that has content accepting mechanism (maybe something like Strapi
Hook the front-end up to use the content accepting endpoint
Have a main page that just shows all the images that have ever been uploaded
Bear in mind, that it's rather complicated to do all this and curating content is also a HUGE endeavor whenever you have to deal with people uploading illicit content.

progressive web app (react app) with facebook login [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 5 years ago.
Improve this question
i have created a react app with pwa and i integrate facebook login to manage user.
i found the problem on my android device (android ).
in the standalone app, when i click login with facebook, the app open the new embed window to sign-in with facebook account, after sign-in success, i got back to my website but still in the embed window.
i need to close this window, and re-direct to my pwa app instead.
is there any solution to fix this problem?
You should definitely go for the cross-platform technology. ionic framework is a great way to start hybrid app development. Cordova provides a large number of plugins, working across platforms and has many active repos in gitHub. And since it only requires you to have knowledge of basically three web technologies.(html,css,angularjs). and is the best framework for developing SPA.
SO start of with IONIC FRAMEWORK.

Can we use angularjs for job portals? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
For job portals, do we make SEO? If we use angularjs for jobportal site, will it make any issues on SEO?
Kindly help me to get an idea on this. Thanks in advance
you can use angular for sure where ever you like its a JavaScript framework for applications. Now about SEO, earlier when angular came out there was not much stuff on SEO but If you do proper research (Google it) you will find tons of good articles about how to make your APP SEO friendly.
Since May 2014 Google crawlers now executes JavaScript - you can use the Google Webmaster Tools to better understand how your sites are rendered by Google.
you could use PushState which changes the URL in the top browser bar without reloading the page. Say you have a page containing tabs. The tabs hide and show content, and the content is inserted dynamically, either using AJAX or by simply setting display:none and display:block to hide and show the correct tab content.
When the tabs are clicked, use pushState to update the url in the address bar. When the page is rendered, use the value in the address bar to determine which tab to show. Angular routing will do this for you automatically.
Don't use HashBangs #!
Hashbang urls were an ugly stopgap requiring the developer to provide a pre-rendered version of the site at a special location. They still work, but you don't need to use them.
Hashbang URLs look like this:
domain.com/#!path/to/resource
This would be paired with a metatag like this:
<meta name="fragment" content="!">
Google will not index them in this form, but will instead pull a static version of the site from the _escaped_fragments_ URL and index that.
Pushstate URLs look like any ordinary URL:
domain.com/path/to/resource
This question is already answered in detail by #superluminary If you click the following link you will find the original post and more useful stuff.
How do search engines deal with AngularJS applications?

Application Update of a Kendo-UI mobile application

As we know, an Kendo-UI Mobile application has some major parts:
HTML files
JavaScript files
CSS files
resource files (images)
My main question is: Is there is a way to update HTML, CSS, JS and other resources? I mean doing this without native OS update procedure.
Could I access KendoUI Mobile storage, where these resources (index.html, etc.) are stored?
If the user accesses your application as a web page, then these files are updated automatically. Then the goal is to cache them on the local device so that every time the user accesses them, they are not re-downloaded.
If you want your html + javascript to act like a downloadable app, then Telerik recommends using Phonegap (aka Cordova) to wrap your html into a downloadable app. One of the big advantages of Cordova is that it gives your javascript access to the device's features (such as GPS, camera, contacts, and local storage). Telerik has a dev environment that (Icenium) which makes this extra simple. Once the user has downloaded your app, the standard mobile practice for updating the app to a new version takes place (ex: the user sees version upgrade badge and chooses which apps will be updated). For details as to why an app can't simply update all it's files invisibly, kxb as a great post.

Integrating mobile app and mobile web

Currently I am developing an app in corona sdk. It is still very early in the development stage so I can change the IDE or SDK if needed to achieve my goal.
I wish to create an app that can be played on multiple platforms(mainly ios and android) and I eventually want the users to be able to use the browser to continue playing at home with their progress saved. It is a simple app and could probably be recreated in html. They will have to login their accounts in order to play
How do i go about to achieve this? Should I complete my app in corona first, and then recreate the app in html and php and link the database to it separately or is there a specific development kit I could use that has this ability. Also, I am new to the development scene, how do I detect if the user is logged in a particular platform as I realize if they are logged in, in multiple places and give multiple entries it may cause problems.
If you are new to the development scene then you should continue developing with Corona.
Corona doesn't povide any web port but I know Unity does.
I think first you should complete your game for mobile platforms and if it will have success you can port it to web.
You can read this:
http://www.graphic-buffet.com/2012/06/indie-game-development-where-start/
You might want to try phonegap (http://phonegap.com/). I have never used it, I just know that it exists, so do some research to see if it would be a good fit. This might allow you to create the app once for both browsers and mobile.

Resources