Skip to main content

Posts

Ionic & Capacitor SDK Setup - OneSignal Documentation

  Instructions for adding the OneSignal SDK to your Ionic or Capacitor app for iOS, Android Requirements OneSignal Account Your OneSignal App Id, available in  Settings > Keys & IDs . Ionic 1 or newer. Cordova 9.1.0 or newer. Capacitor 2.0.0 or newer. iOS Requirements An iOS 9+ or iPadOS device (iPhone, iPad, iPod Touch) to test on. Xcode 14+ simulator works running iOS 16+. A Mac with Xcode 12+. An iOS Push Certificate . Cordova ios@5.0.0 or newer. CocoaPods  - Install with the following from the Terminal: Shell sudo gem install cocoapods pod repo update Ionic/Capacitor npm install onesignal-cordova-plugin npx cap sync Ionic + Cordova (Angular) Add OneSignalInit () method in app.component.ts constructor (platform: Platform) { platform.ready().then(() => { OneSignalInit(); //Add this line }); } Add the  OneSignalInit()  code block to the same file as noted above. import OneSignal from 'onesignal-cordova-plugin' ; On...
Recent 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...