I am building a language translation flashcard web app. I will have a PWA version on the website and then a native app in the Play Store and Windows Store.. maybe even Apple Store eventually. First time looking to build a native app or pseudo native app.
The app currently uses the Web Speech API and Voice Recognition API in HTML5. These API's have support on Chrome and Android Web Browser. It appears they are in progress for Firefox and some other browsers.
Since the best functionality of the app is built upon these browser based API's..
I am wondering if I choose to use Vue Native instead of Cordova/Phonegap, how is it possible to access these HTML5 APIs natively or is there a native solution?
Related
I just start a new project and client wants to use Vue.js to develop a mobile application.
I need to make the choice between an Ionic Vue application and PWA with Vue.js.
I need to have access to the phone's nfc chip and camera.
I prefeer build a PWA application but i don't know if i can access the NFC chip in a PWA application with Vue.js
You can access the Web NFC in Chrome on Android, but if you need your web app to work across browsers (such as Safari on iOS) then you might have to explore an Ionic like platform.
I understand at the current moment, react-konva is not supported in React Native environment; however, wondering if vue-konva supports mobile app?
Or if you can suggest me a way to migrate konva canvas content to an android app?
Appreciate your response.
Konva, react-konva and vue-konva are designed to work on the web environment. The "web enviroment" usually means just web browsers like Chrome, Firefox, Safari.
There are platforms to build mobile apps with web technologies. Probably the most popular one is PhoneGap (or Cardova).
To use Konva in the mobile app you have to use such a platform and make a full app with web technologies or just open a web-view (built-in browser) for Konva part.
Does React Native support Web and Desktop targets?
I would like to build the main version of app as mobile.
Would it be possible to compile the same mobile app, maybe with minor modifications for Web and Desktop?
The user experience for the secondary use cases - Web and Desktop doesn't matter much, I need just the app more or less in a working state and it will be enough. Does React Native allows that?
For Web, you can use react-native-web
I am new to NativeScript and I just used VueJs since last year only. I already got a working website with admin page and dashboard made with VueJs and Bootstrap for my front-end.
I have read about nativescript these past few weeks and I planned to make my website native.
Should I rewrite my website with admin functions in nativescript or could I just use nativescript to enable my website as native app in android?
Thank you.
If you have coded your app with Vue or Angular and if you choose NativeScript to build your native mobile app, then you will be able to reuse the data model, services, basically anything that is not related to UI.
We call it native mobile app for a reason, your UI is pure native here, more or less equivalent to building a mobile app using Java (Android) / Objective C (iOS). You will have access to all native UI components and device apis, which is why you have to recode your UI.
What you must be looking for is something like Corodova / PhoneGap (Hybrid mobile app) which can just take your web app and wrap it inside a WebView.
Are there any custom APIs for iBeacon access from mobile web applications? Probably it could be a mobile safari extension.
Thanks in advance.
Unfortunately, no.
You could write a native iOS app that looks for iBeacons in the background and launches a specific web app URL on mobile Safari. You could even pass ranged beacon info in query parameters.
But you would still need a native app installed on the phone to do this. And once the Safari page is launched, getting further updates is impossible, unless you use a complex web service proxy to the native app.