Skip to main content

Posts

Steps to Add WKWebview in an Existing Ionic 3 and Ionic 4 Application

 On December 23rd, 2019, Apple clarified plans for UIWebView: “The App Store will no longer  accept new apps using UIWebView as of April 2020 and app updates using UIWebView as of December 2020.” Please follow the instructions below to either update to a newer version of Cordova or migrate to Capacitor. So there some simple steps to add WKWebview in an existing Ionic 3 and Ionic 4 Application. 1. First make sure Ionic/cli is not less than 3.If you have ionic/cli version less than 3 please update it        3.x or greater any version is ok no need to update it. 2. You need to Update your Cordova from existing version to minimum version (Cordova 9.0.0 )    3.  Update Your all plugins which are installed in you Application with Latest version .Because the          older version of cordova plgins uses UIWebview. 4. Run these command to Update your ionic-webview plugin ionic cordova plugin add ...

WKWebView for All: A new webview for Ionic

In iOS, there have been two webviews for a few years now, UIWebView and WKWebView. Historically, Ionic apps have used UIWebView, but no longer. Ionic now uses WKWebview by default when building for iOS. We strongly believe WKWebview is the best option for any app, as it features many improvements over the older, legacy webview (UIWebView). These features include: 1. JIT conversion of JS code down to machine code, which runs much faster 2. Improved rendering performance 3. Less memory consumption 4. Better adherence to web standards 5. Reliable scroll events (important for virtual-list) We wanted to make sure that people could easily switch to WKWebView without many issues, but there are still some things that you’ll need to consider. Update Ionic CLI WKWebView plugin needs latest Ionic CLI in order to work properly. Please make sure that your global CLI is using the latest 3.x release. If not, please upgrade: npm uninstall -g ionic npm install -g ionic Upgrading to...

Understanding ITMS-90809: UIWebView API Deprecation

Update 01/15/2020 : On December 23rd, 2019, Apple clarified plans for UIWebView: “The App Store will no longer accept new apps using UIWebView as of April 2020 and app updates using UIWebView as of December 2020.” Please follow the instructions below to either update to a newer version of Cordova or migrate to Capacitor. Update 11/25/2019 : The Cordova team has released Cordova iOS 5.1.0 , which disables UIWebview at compile time. To use it, ensure you have a WKWebView plugin installed, then add <preference name="WKWebViewOnly" value="true" /> to your config.xml file. Complete details below. The bottom line: It’s time to update your apps! Apple will only accept submissions of Ionic-based iOS apps that contain references to UIWebView until April 2020 (new apps) and December 2020 (existing apps). To meet the new requirement, simply update to the latest version of Capacitor. If you’re using Cordova, see below.\ What is this about? A WebView is an embe...

Resolve! Could not find an installed version of Gradle either in Android Studio,

During installation and adding the Android platform to your Ionic application you may face the following issue in your terminal window: Cordova Android requirements faild:  "Could not find  an installed version of Gradel" How to resolve this issue? You need to install?Download the Gradel setup and add it in your Environment Variable. Just follow these steps: Step 1) Download Gradle files Go to the Gradel release page and Download  the latest Zip file. Which reads like gradel-6.4.1-bin.zip Step 2) Extract this file and Place in C:\Gradle\gradle-6.4 Step 3) Copy path then add in Environment Variables Open Environment Variables then add Step2 bin path to it

Installation of Ionic 4 and 5 in Windows and Mac (Part-1)

Requirements to use Ionic 5 in your System We need some IDE and Packages 1. Java JDK    Click on Below link to download JDK    Direct link to Download JDK   https://www.oracle.com/java/technologies/javase/javase-jdk8-  downloads.html  )    Download JDK installation File depends upon our Operating System     ( Like Windows, Mac, Linux ).    After Download Double click on .exe file to install it in your system.    To set JAVA_HOME variable in Windows OS     Follows these Steps carefully to set JAVA_HOME variable from this Link:             https://javatutorial.net/set-java-home-windows-10    To set JAVA_HOME variable in MAC OS    Follow these Steps carefully to set JAVA_HOME variable from this Link:       http://www.sajeconsultants.com/how-to-set-java_home-on-mac-os-x/?  utm_source=rss&utm_m...

GK Questions and Answers on Coronavirus (COVID-19)

GK Questions and Answers on Coronavirus (COVID-1 COVID is spreading globally but important is to take necessary measures. Coronavirus disease is named by the World Health Organisation on 11 February, 2020 as "COVID-19".  World Health Organisation (WHO) declared a global emergency on 30 January, 2020. An investigation is going on to determine more about this outbreak. 1. What is Coronavirus? Answer :- Coronaviruses are a large family of viruses and belong to the Nidovirus family or Nidovirales order, which includes Coronaviridae, Arteriviridae, and Roniviridae families. 2. World Health Organisation on 11 February, 2020 announced an official name for the disease that is causing the 2019 novel coronavirus outbreak? What is the new name of the disease? Answer :-  WHO named the disease that is caused by the novel coronavirus as COVID-19. 3. The first case of novel coronavirus was identified in ..... Answer :-  The first case of novel coronavirus wa...

Xcode Error When Added AdMob Plugin To Ionic Project

Xcode Error When Added AdMob Plugin To Ionic Project I have an Ionic 3 project .When I Add Admob free plugin in my project  for running Ads in my mobile Application But I got an error when I want to run it inside the Xcode .It displays an error like: Terminating app due to uncaught exception 'GADInvalidInitializationException' , reason : 'The Google Mobile Ads SDK was initialized incorrectly. Google AdMob publishers should follow instructions here: https://googlemobileadssdk.page.link/admob-ios-update-plist to include the AppMeasurement framework, set the -ObjC linker flag, and set GADApplicationIdentifier with a valid App ID. Google Ad Manager publishers should follow instructions here: https://googlemobileadssdk.page.link/ad-manager-ios-update-plist The problem seems that the xcode  project's plist file is not geeting the admob settings right. So had to add them manually like this <key> GADIsAdManagerApp </key> <true/> <ke...

Expected a key while parsing a block mapping (Flutter)

Flutter makes use of the Dart packaging system, pub. Via your applications  pubspec.yam l file (or simple pubspec), you can pull down packages from the flutter ecosystem, or the broader dart community. Anyway, i need to add some images to my flutter application, and so had to add an assets section to the pubspec .the default Android Studio generated apps pubspec has a lot of commented out code with explainations about what is going on, e.g # To add assets to your application, add an assets section, like this: # assets: # - images/a_dot_burr.jpeg # - images/a_dot_ham.jpeg # An image asset can refer to one or more resolution-specific "variants", see # https://flutter.io/assets-and-images/#resolution-aware. So I uncommented these lines # assest : - - - #  -  images/a_dot_ham.jpeg with the idea from these comment.  that i would just edit it to suit my particular needs. Once you have edited your  pubspec, you need to click on the "Get dependenc...

Http network requests are not working in Android Pie

Android HTTP request not working in Android Pie  Recently I faced a weird situation where my app was working fine in all Android versions except Android Pie. After lots of debugging I came to know it was because my server was not secure ie it was using HTTP (not HTTPS). Android P uses HTTPS by default. What this means is that if you are using unencrypted HTTP requests in your app, the app will work fine in all versions of Android except Android P. Let’s consider two situations where your app won’t work properly in Android P. Firstly, if your server is on HTTP obviously it won’t work in Android P. Another case is when your server is on HTTPS but it is returning something like an image URL which is HTTP, you won’t be able to load the image in Android P. The good news is… there is a really simple and quick fix for the above problem so let’s get started. You just need to create a  network_security_config   file in the xml folder and then include it in the manif...