I have a mobile website made in jQuery Mobile and I would like to integrate some parts of it in a Phone Gap mobile app.
The app will provide some offline features (using local html and JS) and will integrate with the mobile website sending forms and receiving its pages (that are already in jQuery Mobile).
What do you think is the best strategy to do this? Should I write services or should I keep the ongoing html pages?
After seeing your comment above, Yes You can wrap it with phonegap and launch in app store. Then consider this, you can create services to return JSON(only for dynamic data) and load all your HTML templates on to the app (wrap with phonegap).
So static data/contents gets loaded from within the app and the dynamic content comes from server. Now enable offline caching for the dynamic contents which you want to enable for offline access.
TO enable offline access, you can either use webkit local storage(5Mb~50Mb) or a native phonegap plugin for more storage.
Hope this helps.
Related
I have a website that is created in Angular 4 (with Lumen as the Rest API) that has a responsive design.
The website works on desktop & mobile browser fine but now I want to create the mobile applications.
What is the easiest way to wrap ionic around my existing Angular website to create the mobile applications? The mobile applications will need camera, location, bar-scanning, etc. So I cant just webkit or webview the mobile applications, I would need the plugins from ionic / cordova.
It depends if you want to use any Ionic Components, so if you want to make visual changes to your app, or not.
If you have already created your application and it works/looks fine on mobile, there is no need to use Ionic. Ionic provides visual components to build hybrid apps that look like native apps, but if you don't need them, there is no need to use Ionic. Instead you can just use cordova, which allows you to take your existing webapp and simply add the native features like camera, location, etc. to it.
If you want to change your app and give it a native feel with Ionic, then it really depends on what kind of app you have and how big it is. It's not an easy task to take your existing app and put it "inside" Ionic. It might be easier to just create a new project and copy over the logic, but rebuild everything UI related with Ionic Components.
I want that my online website link that is opened in my mobile browser checks whether my mobile app is installed or not and then opens it in my mobile app.
I want my functionality as I have shown in this
image
I am using AngularJS,Express,NodeJS in my application.I tried node deeplink
but it does not work for me.Please provide me with the appropriate solution.
This functionality is known as Mobile Deep Linking. The easiest way to get started is with a deep linking service like Branch.io (full disclosure: I'm on the Branch team), Yozio, or Firebase Dynamic Links. They all do exactly what you're describing.
this could Help you perhaps:
Check this
Im looking for some guidance on a responsive site design written using Bootstrap 3.
Basically I want the mobile version to be as lightweight as possible and only load JS and HTML that is necessary for the mobile view, and not load assets required for the desktop view. I would like to ignore loading specific JS files when the page is loaded via a mobile device.
Is there a simple method to do this with Bootstrap?
My guess is that I need a Javscript function to detect the device and use that as a trigger, however I was wondering if Bootstrap had this capability that I could use?
Appreciate any thoughts.
It seems there is already answer to detect mobile browser with javascript. Detecting a mobile browser
Otherwise you can detect the mobile device by using http_user_agent to decide not to load assets when the page is loading.
Here is already answer to detect mobile device with php.
Check if PHP-page is accessed from an iOS device
You can perhaps do it by user agent. There is an answer here that might help
Load a javascript file and css file depending on user agent
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.
In worklight we can use native pages in a Hybrid application. Similarly I want to use the native pages in a the Mobile Web environment.
Is there any possibility to do this?
Short answer: No.
Longer answer:
WL.NativePage.show is available, as the documentation states, for Android and iOS.
Mobile Web environment - a webpage that is served, loaded, displayed, ... in the device's mobile browser app.
Hybrid app - an app that is comprised of a native shell and a WebView inside it, allowing the ability to open a native page... you do not have that in a browser.
There is no such thing in mobile web. Mobile web is a web site and not an application. However, you can leverage url schemas supported in iOS/Android. e.g. create an app that will declare myapp:// schema support and then add a link to your mobile web site, e.g. myapp://doAction1?param1=someparam
The application will start and process the URL. You can get a lot of info about it on the internet, e.g. http://wiki.akosma.com/IPhone_URL_Schemes