HTML app similar to Air Sketch - javascript

Is it possible to create an app similar to the iPad app Air Sketch using HTML and Javascript? The app to be developed enables the user to draw in a canvas on a mobile device and could broadcast it to other devices by accessing the IP given by the app in a web browser. I will be using PhoneGap as well to port the HTML app to native platforms.
Thanks.

Firebase and AngularJS provide a basic framework for the kind of functionality that you are talking about. One of the apps showing off AngularFire (The official integration package for these packages) is a drawing app much like you describe.
App like what you want: https://www.firebase.com/how-it-works.html
Firebase: https://www.firebase.com/index.html
Angular: http://angularjs.org/
Drawing Example detail: https://www.firebase.com/tutorial/#session/pjswe8jan7m

Related

Web App runs inside Webview and installed like a native App

I created a Web App(PWA) via React and Bootstrap. It runs perfectly. I planned to create an Android and another iOS Apps that have only one page with a Webview that loads my Web App via URL and ship those Apps to the customer.
My question is that there is a better and standard way to this? I heard about Hybrid Frameworks like IONIC but as I understand, IONIC Apps, Are web Apps that run on device not loaded from a URL, Is that right?
What I want is that my changes in the server affect all users and Apps installed on their devices. Because of that, I created the PWA App, not the Native App. I searched a lot but I can't reach a final decision.
Used to be I was an Android developer and had a lot of problems with shipping the latest version to the customer, Now I want to use Web-based technologies to reach Apps that works like a website.
The issue here is: you will not be able to use the devices resources if you load the PWA in a Webview. For example push notifications will not work. A PWA can be installed onto a phone and windows as an application. This will have push notification on Android and Windows but not on Mac or iOS (Safari is the new IE). You need to go Hybrid or back to Native if you need more.
You are right with IONIC. It is a wrapper for a webapp stored on the device but it allows us to use native features (push works on both Android and iOS). But you still have the distribution issue since you need to publish to the stores every version. Not even mentioning the hoops apple gets you through when you try to publish.
The good thing with IONIC is you have a single source code for multiple platforms and you can choose the library you want to build with. It used to be Angular but now you can choose ReactJS, Vue, Angular or ES. Which makes it way friendlier.
With IONIC you could build the native features and lazy load the rest as dynamic component from a url: stackoverflow question if you do not care about backward compatibility.
I did both PWA and IONIC. Both has their pros and cons.
If I do not care about iOS and Apple I would stay with PWA otherwise IONIC.

using webrtc code on my cordova app

Im trying to use webRTC API such as getUserMedia and RTCPeerConnection for my app which is built with the cordova framework.
I am wondering if its possible for webRTC to work on both Android and iOS since my video chat app is a hybrid app (js and html) which is supposed to manage the entire p2p video chat by itself, unlike pc versions which require a web browser for the webRTC communication.
Yes, It is possible to get them to work. Keep in mind, the architecture of cordova application is reliant on a Web View rendering of your application. That web view will need to provide the WebRTC APIs to consume in JavaScript. This thread suggest the web view in iOS 11 does not support it. In fact, it is pretty new to Safari all together. This documentation says that the latest versions of Android Web Views do have support. WebRTC is a collection of technologies that enables RTC, and there are native libraries for accomplishing this. I have seen a couple of plugins for Cordova that enable access to native code so you are not as reliant on the Web View.
cordova-plugin-iosrtc
phonertc
Good luck!

Node.js app into an iOS app?

I have a Node.Js app running on a publicly accessible server.
I want to make it possible for users to access it as a native iOS app.
Is there a simple way of simply making an iOS app and having it show my Node.Js app running from the server? Or it's more complicated than that?
I looked into PhoneGap but maybe some other recommendations also?
Thanks!
PS I know the question is broad but that's why I'm asking – to focus my question and to know what to do next.
Node.js - this is a server side application. So you need to build client application which can communicate with your node.js server by Rest api or so...
As you mentioned you can build hybrid html5/js app with PhoneGap, Cordova, Ionic "wrappers/libraries" which will pack it into native iOS/Android/... application and that app can talk to your node.js server and transfer data you need.
Also, as Daniel Larsson mentioned for some specific pages you can use webview to display page straight from the web, but webview can be a part of your application but not an entire application, because Apple will reject it during review process.
If you want to port your existing web-app over to being a native app on the app store, I can positively recommend PhoneGap having developed multiple apps with it after completing the same research you are doing now.
As NYS said, you'll need to package all your web-app design (HTML/CSS+images/JS) inside the PhoneGap app, any other way simply wouldn't be responsive enough.
As for what to do next, I would dive straight into creating a PhoneGap application and see how your app runs inside the Cordova wrapper out of the box. The issues I faced were with scrolling on divs holding content, and non-responsive click events, both were easily solved with javascript libraries.
Cheers Chris!
You may use Socket.io for native option.
http://socket.io/blog/socket-io-on-ios/
https://github.com/socketio/socket.io-client-swift/
https://github.com/pkyeck/socket.IO-objc/
https://github.com/square/SocketRocket/

Interaction between web site and native app

I'm not so experienced in Android development, but I have some research to do.
I need to develop a HTML+CSS+JavaScript website that has to interact with a 3rd party app.
I understood that I can do this with a native app using a WebView and wrapping the communications with the app with the method addJavascriptInterface: http://developer.android.com/reference/android/webkit/WebView.html#addJavascriptInterface%28java.lang.Object,%20java.lang.String%29 .
Is it possible to do the same only with JavaScript?
Thank you

Is there an alternative to Adobe PhoneGap and Appcelerator Titanium?

I just want a framework that allows me to build cross platform apps with HTML5 for at least iOS and Android. The problem that I'm having here is that I can't build PhoneGap or Appcelerator Titanium apps for iOS since I don't have a $99 developer subscription. I might have one in the future, but for now I can't. Is there anything like these frameworks around that doesn't require a iOS serial? I don't want to use one of those online tools that don't require coding. Preferably something like PhoneGap so I can access some of the phone's sensors, like the GPS and Camera.
If you want to publish in the App Store, you need a developer account. In order to get into the App Store, your app must first go through Apple's internal approval process, and you can only apply for that approval if you have an account.
The only way to publish in the App Store without your own account is to piggyback on someone else's account (e.g., publish it under a friend's account). It's unlikely that any publication service would let you piggyback on their account: what if you tried to publish malicious code and got their account in trouble with Apple?
If you don't need to publish in the App Store, your unapproved iOS app is still runable on jailbroken devices. If you do want to have your app in the App Store, you must get an account.

Categories