Is there any proper guideline to use SQLCipher in Ionic 3 application? I am following this method, but having little confusion on where to initialise the db object. Because the Cordova plugin getting detected only on document ready state. ionViewDidLoad is not working as expected.
Related
I want to migrate my core app from ionic to RNative or Flutter and push a new version of the app into the app and play store.
That means keeping my keys for deployments.
Any suggestions?
You cant, you need to create a whole no project in react or flutter and move the code from ionic project into that new project and it wont be a copy and paste since those are different frameworks and require different syntaxes.
I added ionic and capacitor to react.js app. ion-app classname should be ios or android but it is undefined. Anyone knows that how to solve?
enter image description here
I am getting the same error when i run their template app using ionic start. To overcome the problem, I did this
ionic start your-first-app tabs
This creates a similar template app with tabs. However, Unlike the template app that you get by running ionic start and then selecting my-first-app as the starter template, you dont get the gallery app code
I've just finished building my website and will deploy it shortly, however I want to make an app and I was hoping to find a way of taking my existing front end code and dump it into ionic and get a nice app out of it.
Is it going to be that simple to make an app using ionic or will I have to rebuild the front end all over again if I'm going to use ionic?
It depends on what you made your site with. If you used a framework compatible with ionic like angular it is fine (see this article: https://levelup.gitconnected.com/converting-angular-web-application-into-ionic-app-5af678325626)
If you have developed in pure Html / css / js you can always reuse part of your code but you will need to import it in a framework (React, Vue or Angular)
To be more precise, I already have a huge app writen in Ionic and now we're considering to migrate it to flutter, but we can't rewrite it from scratch, both ionic and flutter should coexist.
So my question is: can I have a flutter app as a "host" and import / run the ionic app inside it? Something like a micro frontend.
Until now I was able to build the target ionic app and import it on the flutter app, under android folder, but it does not feels like a productive way to approach the problem.
I also googled a little bit about this integration, but did not find anything that solves this problem.
I appreciate any help on this topic.
Yes, it is possible, but very cumbersome.
I did it for a project and embedded 3 ionic apps inside flutter.
I'll not list every problem that i faced but just go through some points to give you an idea.
You will need to take care of some cordova plugins that use native code, for Android copy and paste some folders like CordovaLib,cordova and use it as a library. For iOS you must add the plugin files like *.h to the compiles list inside Xcode and create an Pod to get the cordova resources (that's the way i did)
To "launch" the app for android you need to start the cordova activity and for iOS you need to play with UINavigationController and FlutterViewController, and of course create a method channel to be possible to call it from Flutter.
For multiple apps, you have to mess inside de cordova code to get the app from the right www folder and be sure to equalize every plugin version between apps.
Some packages from flutter may clash with ionic/cordova libs
Every change you do to your ionic application it must be tested outside flutter and within it to see if there's any mismatch behavior that you didn't expect, specially when adding new plugins.
Maybe some permission issues will arrive between applications like camera or localization.
I know thats not the answer, but when searching on how to do it, i stumbled upon this question a few months ago and it still without any answer on this problem.
But my final take is that the effort of joining together all pieces using multiple languages and frameworks together with the job of maintaining this spaghetti behemoth is not worth it and you'll save yourself of a tremendous headache.
I've successfully converted the angular app into an ionic app which can run on iOS and Android. Now I am trying to grab the lifecycle methods (ionViewDidLoad, ionviewdidleave, etc) when the components appear/disappear. The app currently does not have any ionic pages, do I need to add a page(s) to get these lifecycle methods? I've been doing ionic for a week or so, so please keep the flame on low.
Thanks
Ionic 4 has deprecated the previous IonicPage and its navigation. It now uses the default navigation of the template you are using. In case of angular its angular router
Previous versions of Ionic shipped with our own custom router, but in order to provide the best tooling and developer experience we have since moved to using the framework's recommended router.
Ionic 4 provides the hooks:
ionViewWillEnter, ionViewDidEnter, ionViewWillLeave, and ionViewDidLeave
Also check migration guide here.
You can use the angular lifecycle hooks in place of the older ionic lifecycle hooks like ngOnInit in place of ionViewDidLoad. Use angular's router guard instead of ionic's navguard.