React JS application to Google Play? - reactjs

I made an app on React JS. This is SPA. The application is optimized for mobile phones, it can also be saved as a PWA application from a browser on a mobile phone.
Is it possible to convert this app to .apk for uploading to google play? How to do it?
Thank you!

Related

how can i turn my react webapp into a chrome desktop app? just like youtube music

how can i turn my react webapp into a chrome desktop app? just like youtube music.
I noticed today that youtube music suggests to "download" the app. Once clicked the app can be used like a regular desktop app. It seems however that it is just running chrome in the background disabling menus.
How can this be done?
You can use electron for that - https://www.electronjs.org/
Not only React app can be converted to a desctop app, but any JS application.

Still possible to upload ReactJS app to App store?

Im currently developing a ReactJS (PWA) application that is intended for both web and mobile.
For iOS, I planned to build a simple app in Xcode with a WKWebView browser pointing to the web version of the app, and then upload it to App store for distribution. Im planning on doing same thing for Google Play.
But after reading up a bit on articles/posts from 2019 on this subject, PWAs uploaded to App store seems to be rejected by Apple as they are not a native mobile app...
Is this still true today in 2020?
If so, are there any work arounds or is converting my ReactJS app to React Native the only way to App store..?
Appreciate any help on this topic!

Responsive Website both mobile and phone, mingle both Reactjs and React native

I want to the responsive web app on Mobile and Web page. I have built a website on React js. I have brought that website using a web view to React native and made it a mobile app. Now I need to direct my users depending upon the platform. If they are mobile users I need to direct them to React native app(live on the browser) and if they use the system they should be seeing the website I build. How can I do that? Is it possible? Suggest me a better Idea.
You can achieve this using your backend code by checking request user agent if you get mobile, you can redirect to some other url (Probably play store).
You can do the same via front end JS also (not advisable). You can use these methods to detect if the user is on mobile, based on that redirect it to play store.
Check if the navigator userAgent is mobile or not. If mobile add a links to your app or app store to download it.
if (/Mobi|Android/i.test(navigator.userAgent)) {
// if I'm here that mean I'm a phone
}

Web to mobile app converter

I am looking for a service / software which takes website and wraps it in a mobile application for iPhone and Android. Without any additional features such as navigation or push messages. Just wrapping website + select app logo and name.
I am not able to find such a thing.
Maybe somebody knows?
You can try ionicframework or jQuery mobile for converting web app (client side javascript) to mobile app. Which supports both android and iOS.

Use Google advertising to monetize PhoneGap app (built with PhoneGap Build)

On AdMob, there's no option for HTML5 apps anymore, and on AdSense, mobile apps (even those based on webview, explicitly mentioned) are banned.
How can I use Google advertising to monetize PhoneGap app (built with PhoneGap Build)?
AdMob plugin was not available in PhoneGap Build before, as the old policy did not allow binary files submitted.
But now, they made a great change to their policy (http://phonegap.com/blog/2014/12/09/phonegap-build-new-features/), and now allow you to use the plugins in Cordova plugin registry.
To use Admob plugin in your app, just configure it in your config.xml:
<gap:plugin name="com.google.cordova.admob" source="plugins.cordova.io" />
To display a banner Ad:
if(AdMob) AdMob.createBanner( {
adId:admobid.banner,
position:AdMob.AD_POSITION.BOTTOM_CENTER,
autoShow:true} );
To display a full screen Ad:
// preppare and load ad resource in background, e.g. at begining of game level
if(AdMob) AdMob.prepareInterstitial( {adId:admobid.interstitial, autoShow:false} );
// show the interstitial later, e.g. at end of game level
if(AdMob) AdMob.showInterstitial();
More detailed instructions and example code are documented at its github project homepage:
https://github.com/floatinghotpot/cordova-admob-pro
PhoneGap builds native apps, so you'll have to use the Native AdMob SDK. There are guides on the web on how to do AdMob native implementation. But if you're more into plugins, check out the AdMob plugin for Cordova (Android | iOS).

Resources