How to get website to interact with phone? - mobile

Is there any way to get my website to interact with my Phone?
I have made a website that acts as a chat room. Using AJAX, PHP, Jquery and the usual.
But I was wondering if there was anyway for the phone to react to a new message?
I have looked into maybe using Java Applets.
And the possible ways for the phone to react. I don't know what would be the easiest... Maybe open up the web app if the phone is off it?
I am more interested in this for the educational purpose. So please don't slate me.

You would need to mention more details here, like which phone do you have?
You could send an SMS text message to your phone, that would be like an alert.
Regarding options of getting the app to open, that's probably more possible on the Android platform. Your app could have a background checker, or use the push messaging to push a message to your phone.

Related

Building a mobille phone app with webview

I am willing to write a very simple mobile phone app (Android and iPhone). It is so generic that it should already exists. Only 2 pages : one for choosing the URL of the server and one with only webview. It already works in a browser. I looked at tools for this purpose (Android studio and Ionics) but they are quite difficult to start with. Any hint to get this done quickly ?
Thanks in advance.
You can do it with a simple ionic app and the in-app-browser plugin:
https://ionicframework.com/docs/angular/your-first-app
https://ionicframework.com/docs/native/in-app-browser

What is the best option to create share button? (react)

I saw a lot of option in order to create share interaction with users:
Web share API: https://www.w3.org/TR/web-share/#sharedata-dictionary
It seems compatible with Progressive-Web-App, but it's not well supported by firefox (https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share#browser_compatibility)
Simple Sharer: https://reactjsexample.com/a-javascript-framework-to-share-url-to-social-media-sites-like-facebook-twitter-reddit-whastapp/
If I understood well, it doesn't work for mobile, am I right?
react-share: https://reactjsexample.com/social-media-share-buttons-and-share-counts-for-react/
Seems to work on every browser, but I don't know if it's PWA-friendly. Seems to be the best option, but I'm not sure... The last update was 1 year ago (https://www.npmjs.com/package/react-share) so maybe it will not be maintained through times...
What do you use for your app? What do you recommand?
Do you know better alternatives?
My need for the App is to share URL through social media or mail/text or ??? etc. No file in theory. And I'd like to have adapted preview on social media when the user share something.
I have used react-share personally and it was unable to open some of the apps in mobile like whatsapp, etc.
The workaround is deep-links.
if user is using a smartphone or a tablet (we can easily get this using navigator.userAgent) then you can use the app based deep-links otherwise the traditional way in which you can redirect user to a new web page.
Some of the examples:
Whatsapp: https://faq.whatsapp.com/563219570998715/?locale=en_US
Instagram: Answer is already given here
NOTE: deep-link works if the user has installed the application on desktop as well (never tried for macOS but for windows and ubuntu it works)
After edit:
You can use emailto: in href while writing <a .../>.
example:
Share this link
For more reference about mailto please visit this MDN doc: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href

Is there a way to embed a RFID scanner in a iOs App, built with react native app

I'm currently developing an app with react native. I would like to be able to scan RFID tags with that app. I've read that it's not possible for iOs, but the posts are quite old so maybe this has changed? Or does anybody know workarounds? Maybe with iphone cases that have an integrated scanner?
No.. RFID capabilities are not yet supported in iphones.. As an alternative, see if NFC can be of use to you as they are currently supported.. Please refer to this post
https://medium.com/#griffinmacias/understanding-rfid-nfc-and-ios-11-3b305fff24e6

how to build a mobile website using html on ubuntu 12.04

I'm working on a simple mobile website for a hotel.they don't need much dynamic feature.most are simple HTML.So my question are as below.
I find it's hard to debug mobile website on Ubuntu.cause you know ,desktop browser are to big to show a mobile website.each time i need to put it on a server.then using a phone to test the mobile website.is't too annoy.is there a better way to do this?
On windows u have Dreamweaver to change the css style.but on Ubuntu can I find a tool like Dreamweaver?
is any any JavaScript code for animation for a mobile website.
Jquery mobile is a good js lib to create the basic element in webpages.but if I want to do some transition between pictures.how could I do that.
PS:if you want to use php to send a email to a email address how to do that?
In chrome you can emulate a mobile device, the viewport and user agent will adjust to desired device. In your developer tools you have something called Emulation where you can change your device.
Link!
To send a email with PHP, check the documentation:
Link to php docs
FWIW, I would reccomend you start with a resposive framework. There are plenty of great options, including Bootstrap , Foundation or Skeleton
From what you describe about your requirements, responsive is going to be a good fit for your client and you'll future-proof your design.
Then with a responsive design, you can test everything in a standard web browser by making the viewport or window wider or smaller.
Good luck!

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