How to Ensure Installation of Mobile Web App on Device Only? - angularjs

I'm working on an AngularJS mobile web app and am getting ready to deploy to Firebase Hosting. Does anyone know how to ensure that only devices can install the web app and prevent desktop browsers from viewing? I'm trying to protect the client's intellectual property as well as my own by making a reasonable attempt to disallow the source code from being read. Thank you!!

It's not possible to prevent the reverse engineering of any web application.
Developing a mobile application using native code may make you feel more secure about the intellectual property, however once a would be attacker gets the software on to their own hardware they will have the opportunity to defeat your software.

I wound up using ng-device-detector to determine whether the user was using a mobile device or not, and delivering a different template page depending. This library contains an isMobile() function that works great.

Related

What should we use for offline-first with Flutter and Yii2?

We wanna create an app that is offline-fist. We're trying to use or create an auto sync database that allows work offline with app. Our client is Flutter and our back-end is Yii2. What is the best solution?
I have developed multiple offline sync applications. I can not tell you about the backend much but I can tell you about the Flutter.
For storing data on your device there are multiple plugins you can use.
sqflite-: It works well in android and ios.
shared_preferences-: If you want to support all the platforms then you use shared preferences but there might be some security issues here.
For Auto-sync
You can use the internet checker and sync your database with live.
connectivity_plus-: Works well but sometimes it does not trigger the callback for connectivity. (work well for all the platforms.)
Note-: This plugin does not give you if the internet is working or not.
internet_connection_checker-: work well in all cases and also provides if the internet is actually working or not.
If you want to sync when the app is in the background then you may need to use
background_fetch
Happy Coding ;)

Apache Superset on Mobile

Does anyone know if you can expose a superset or chart on a mobile device? Has anyone explored it?
I have researched github and stackoverflow but have not seen anything posted.
There are 2 considerations here:
How to run Superset (the service / code)
Superset is primarily a Python backend application and typically runs on your computer locally or in a cloud environment (like on Amazon Web Services or Microsoft Azure). If you're running Superset locally (e.g. via Docker Compose), you can navigate to localhost:8088 and the Superset backend will serve you frontend code to your web browser. If you're running the Superset backend in a cloud environment, then you'll need to do extra configuration in your cloud environment to expose it safely to a publicly accessible port (which can then be mapped to a web domain you purchased, like "awesomesuperset.com").
How to access charts from a mobile device
Once you've configured Superset to be accessible through a port (that maps to a URL your mobile device can access), you'll be able to navigate to that URL from your mobile web browser.
Superset, at the moment, unfortunately isn't designed for mobile devices. There's been some informal discussion about this in the community, but it's a big undertaking!
So even if you got this all working, I'd generally recommend accessing Superset's UI from a laptop or desktop computer!
Superset in its current state is not designed for mobile form factor. However you can cleverly make use of the grid, you can build a simple mobile ready dashboard. I had created a simple status dashboard for mobile viewing, just using the Big Number chart, pie chart and simple line chart. Not other fancy charts were used and indeed the line chart was limited to 10-15 data points. Just sharing if this helps you.
Note: this would not be a interactive page.
For superset as a whole;
It has, to some extend, some responsiveness but not %100, i.e. the menus will behave according to the media width or height as your window resizes etc. But dashboards will not be responsive.
To display a single chart/dashboard in a native mobile application;
Get an authentication token from the api, and then use (&standalone=true) query parameter in the call to superset. Then the web view (or other browser controls) will display the chart or dashboard.
To display a single chart/dashboard in a web page;
For this, you will need superset to run in an iframe and put a query parameter (&standalone=true). But this is not automatic in its current state. What ever configuration you do, you will not pass even the login screen. To overcome this, session manager must be changed ("app.session_interface") to be able load session state from the URL, not from cookies, in a secure way. This can help you start. But bare in mind that, this is not a fully secure method. Meaning, if the URL you are using to get the dash or chart contains a session state generated by an admin, that means you are giving a free pass to everything in superset.

Is it possible to mirror a log-In popup window of a web-App using react Native for a mobile App?

Is it possible to build a React Native App with a log-In screen that simulate/mirror a popup window of web-App having in mind that we don't have access neither to the server nor to the database of this web-app?
Thanks
I think the answer will be no, while this might technically possible.
You can of course mirror everything an already implemented login does, from the client side, including the HTTP requests to the server but usually that is very uncommon.
What someone usually does is
either use an existing pattern to talk to a backend service
or implement one (also on the backend side)
In general, you do not want to have any security features implemented in the frontend as it can be manipulated.

is it possible to use data from a website that i don't really have access to for my cordova/phonegap app

I'm in the process of making an app for my assessment at uni using cordova/phonegap and was just wondering if its possible for me to use data from a my unis ecom website for my app without having any back-end access to it, so like images/prices/descriptions...synced to my app?
yes it is certainly possible, because Cordova means working via Javascript and a HTML5 Rendering Engine. It is with some reservations entirely possible to load data from an webserver and use it in an App.
The only thing is to ask, whether it is also a smart-choice. If you want your app not to break when the data from the website gets changed (see https://en.wikipedia.org/wiki/Link_rot )
Also the server can somewhat prevent access of data from contextes outside of the webpage, especially if TSL/HTTPS connection is offered and content is only available after authentication.
Yet anyway its the magic of Javascript to be very good in doing things with web/online resources and displaying HTML5. Cordova and PHonegap is hence imo much better than the very challenging JAVA-Dalvik and IOs native programming that one would have to use else
Likely not,
Google and Apple frowns on using apps as wrappers for websites.
Quote Google Developer Program Policies - Spam and Placement in the Store
Do not post an app where the primary functionality is to:
Drive affiliate traffic to a website or
Provide a webview of a website not owned or administered by you (unless you have permission from the website owner/administrator to do so)
And
Quote Apple iTunes Guidelines - 2.12
Apps that are not very useful, unique, are simply web sites bundled as Apps, or do not provide any lasting entertainment value may be rejected

develop Web sites for mobiles

I want to implement "mobile website provider" tool. Basically, It intake desktop website url and generate a mobile version of website without edit/add additional content to the desktop website. I am planning to design a product like (what mofuse.com does. This website create mobile websites). This tool should be hassle free to client(who are not tech savvy.)
1.Q) I want to know kind of functionality involved in this process.
2.Q) In Java Technology, I need the tool set and functionality of this actitity.
As I am new to this mobile application environment. Any information(web links) regarding this will be appreciated.
Update:
its not like skweezer.com.
I had a website and I want to "mobile"ize it. 1) What kind of java tool set I have to use to create mobile web site? 2) How to test in multiple mobile devices 3) How the domain name will be created for mobile websites.
Check out our Wapple Architect tech (http://wapple.net) - we allow you to use the same content from web to mobile, but if it's mobile, instead of outputting the html, use a web service to turn it into the right content for that particular handset.
Mobilizes the same domain, no need for m.yourdomain.com or anything like that.
Check http://wapple.net on a mobile for example!
there are certain plugins which mobilise your website .
they check user agent and if user agent is of mobile browser they load another css of mobile and if you want to redirect some another redirect it ther.
you dont have to buy separate domain make sub domain or cname like
m.yourdomain.ccom
wap.yaourdomain.com
try some javacripts code which detect browser type and redirect accordingly.
The best place to learn about mobile toolkits are
WURFL - The open source community built around profiling devices and managing their capabilities (http://wurfl.sourceforge.net/)
Mobile Elements - A tool to help you build mobile sites using a proxy type approach (http://www.mobilelements.com)
Device Atlas - A device profiling tool (http://www.deviceatlas.com)

Resources