Using Azure Mobile Services Offline Sync with Ionic 2 - ionic-framework

I'm rewriting an app that is done in Ionic 1 to Ionic 2. Old code base done 100% HTTP gets/ posts which gives a very bad UX with data saving and retrieving. The goal integrate new Ionic 2 app with offline sync data/ blob (pictures) with Azure mobile service with sql server db back end (which is already done).
So far I have tried
Azure Cordova Plugin
I followed Adrian Hall's documentation (https://learn.microsoft.com/en-us/azure/app-service-mobile/app-service-mobile-cordova-get-started-offline-data) and manage to get around somewhat working example in Ionic 1 but not 2.
JavaScript Client Library
I even followed Richard Shergold's blog post (https://ionicallyspeaking.com/2016/10/11/ionic-2-and-azure/) and manage to get a working example of retrieving data from Ionic 2 but didn't manage to get around for offline syncing bits.
Biggest gap is the there is no available typings for the current library. As per to the team its in the pipeline. (https://github.com/Azure/azure-mobile-apps-js-client/issues/79)
Has anyone gone beyond that? It's very limited hep out their in the community :9 Could someone help me out by directing me to a working example of how to enable offline sync with Ionic 2 app.
All my code snippets are same as what is in the links above. I am not asking without trying. I really need some help. Please!

https://github.com/Azure-Samples/app-service-mobile-cordova-client-conflict-handling is a Cordova sample that demonstrates how to use offline sync and how to handle conflicts, if any. This should be a good reference for your Ionic application.

Related

Swift - Using URLSessionStreamTask to keep my app in sync with Firebase DB data

I came across this link trying to figure out how to access the REST api of my firebase database and stream it to my app. I can get/send data manually, but for my app I can't use the firebase api (because it is an app clip), so I'm trying to do it with native tools and rest, but the issue I'm running into is getting the configuration right (per this info) and actually parsing the incoming info and updating my app. I'm so lost and could use some help just figuring out how to make the code in the sample work, especially since I'm using swift ui as well.
Any help is appreciated, thanks!
Apparently App Clips do not allow sockets connections, so (while Google rewrites their sdk to comply), I migrated my database to Realtime Database (since it was a better fit for us usage-wise), and have been using standard rest for sending and getting data, and for the "listener" functionality I have been using IKEventSource that listens to server-side events and updates them accordingly in my app clip. Seems to be a pretty good workaround so far.

Dynamically Change API Environments Google Rollout Track

I'm developing an Ionic(3 / 4)(Angular 4 - 7)-Cordova / Capacitor Cross Platform Application(s). I'm interested in switching API env based on the current rollout track in the Google Play Store. For example, once an application has been successfully tested and recommended to continue staging/production. I would like to have the API env dynamically changed (e.g., using a different URI domain to connect to REST API ) dependent on the Google Play Store Track.
I'm aware that I can use Google Developer Play Store API to identify / list versions and available tracks yet, I'm unaware if there's already an implementation or solution. I'm perfectly willing to design a solution though, I figure I find out if it's been done already rather than reinvent the wheel.
I'm hoping to implement a solution either to the REST API BACKEND or in the ionic framework layer rather than an integration at the native layer for scalability per-project. The purpose of doing this would enable CI rather than rebuilding the project and change the API URI domain for every environment. Any assistance in this matter would be greatly appreciated.
So, if anyone's interested. The approach highlighted above is possible, couldn't get an answer so I just created something. Using Google Play Developer API. The process flow is as follows:
[]
For now it's a working prototype perhaps its not very efficient; I suppose it can be improved if the request was issued from a single server, or microservice. Though, I wanted to make the code recyclable and it's isolated from both the mobile application & Node Server.
If you are interested in learning more or would like to work on project. Please feel free to contact me.

How to build web interface for my Swift App/Firebase

I learned how to code in swift a little while back and created my first app. Now I'm trying to market it to customers, I realized that a web-interface might be what I need to scale this up to start attracting clients.
I use firebase as my backend now and would like to see what I can do to have a web interface that:
Allows customers to log in to see their unique data.
Updates info on my firebase backend
is Scaleable.
I'm not sure where to start nor how long this process will take. Any one has any ideas on where to get started?
I'm pretty sure Wordpress has a firebase plugin that could come in handy. Using Wordpress would save a lot of time actually designing a website, getting servers, and backend stuff like that. If you pay a little bit you can get rid of the .wordpress. com tag too, and your website can easily look professional.
Firebase is a realtime database and it is mostly used with mobile apps and some of the JavaScript applications like Angular and ReactJS. I think the best is to use ReactJS and there you can do a lot of the same functionalities you did on your app.
You can find a lot of tutorials online about how to do reactjs and firebase apps.
Have a look at this post and it should give you an idea about how it is done. It is gonna be a new thing if you are not familiar with javascript NodeJS / ReactJS development. (Firebase, react and redux wait for store to update)

universal nodejs app starter example with react

I want to learn do isomorphic javascript apps.
I started with with meteorjs and I found all in one example with usage of mongo collections, react.js views and authentication.
react-todos
From this starter I can finish many apps I want to.
Now I want to learn alternative to meteor app using node.js and express on backend.
Everytime I find something on github I can not even run it. I always get some package error I even do not understand and with Google I spent already dozens of hours on it.
Next works in meteor with example above are easy for me.
But run together
express, mongodb, react, react-routers and some login/signup auth and do universal app is rocket science for me. How to start please?

Auto sync images and videos into webservice

How to auto sync the images and video from the app into the Api Web services.
Do we have any tutorials or source codes on this.
Thanks in advance!!!
There can be multiple approaches depending upon what you are trying to achieve and what backend you are using.
If you are using simple API web services, you need to write your own mechanism both on server as well as client side, which will identify records to be synced based on TimeStamp and few other columns in your DB
If you are open to use other Platforms like Parse.com, they provide in built APIs and libraries to take care of syncing logic
As you are trying to sync file(Images and Videos), you can also try DropBox, iCloud, or Google Drive. Here is a link to an article which i found in a quick search which uses CoreData and Dropbox
Let me know if this helps.