Quantcast
Channel: Ionic Forum - Latest topics
Viewing all 70440 articles
Browse latest View live

Getting empty on fcm token

$
0
0

@Harikag wrote:

Hi I installed cordova-plugin-fcm by using below command

cordova plugin add cordova-plugin-fcm

npm install --save @ionic-native/fcm
imported the FCm from
and added FCM provider to app.module.ts

import { FCM } from ‘@ionic-native/fcm’;

constructor(private fcm: FCM) {}

this.fcm.getToken().then(token => {
console.log("fcm token is "+token);
});


So console prints empty for token so please help me am using android@6.2.3

Posts: 1

Participants: 1

Read full topic


How can i share an audio file through whatsapp

Ionic 3 In-app-purchase 2 for ios return null values

$
0
0

@rahul10023 wrote:

Hello… I am using in-app-purchase 2 plugin of ionic v3, and this is the source code
(http://https://github.com/captaincole/ionic-iap2), I created products on apple store,when i try to get products after registered with product id, it shows json values inside that price=null,canPurchase=false, etc except product id and alias.
and after that when click purchase button app crashes.My app is in debug mode and i want to test in-app-purchase products.In-app-purchase product status is ready to submit, and i also enable in-app-purchase when building app through XCODE.

Posts: 1

Participants: 1

Read full topic

Local Notifications - Ionic Documentation

$
0
0

@cruisemiraz wrote:

i have installed the ionic notifications in my app and everything works fine on ios but when it comes to android it shows the notifications in alert format , not as a top bar notification

rest all plugins are working fine in my android app too except this

please guys help me out

My ionic version is 4

Posts: 1

Participants: 1

Read full topic

Empty Site with: import "@ionic/core/css/ionic.bundle.css";

$
0
0

@nobbi wrote:

Hello,

why is my testpage empty when i use:
import “@ionic/core/css/ionic.bundle.css”;

Thank you

Here is the code

import Vue from “vue”;
import App from “./App.vue”;
import router from “./router”;
import Ionic from “@ionic/vue”;
//here is the problem; i get an empty site when import “@ionic/core/css/ionic.bundle.css”;
import “@ionic/core/css/ionic.bundle.css”;
Vue.config.productionTip = false;

new Vue({
router,
render: h => h(App)
}).$mount("#app");

Posts: 1

Participants: 1

Read full topic

Start application in the background when push received

$
0
0

@saxovic wrote:

Is this possible in Ionic to start application in background when push notification is received. If so, can anyone recommend any plugin which does this?

Thanks in advance

Posts: 1

Participants: 1

Read full topic

How to display Subscribe data in HTML which is continuous change every second in Angular 4

$
0
0

@AshClanZ wrote:

i m working BLE native library in ionic. I m try to display heartbeat on screen. Here,i m able to get heartrate value on console.log() which is continuously change. what i want is to show heartrate value in html page live. <p>{{ heartrate }}</p> Where heartrate:number = 0; global variable.

This is my code

this.ble.startNotification("EB:53:D1:0A:A0:78", "180D", "2A37").subscribe((buffer)=>{

  this.getHeartRateNotifications(buffer);

  console.log(buffer);

},(err)=>{
  console.log('aa',JSON.stringify(err))
})


getHeartRateNotifications(buffer){
  console.log(buffer);
  console.log('array : ', String.fromCharCode.apply(null, new Uint8Array(buffer)));
  const value = new DataView(buffer);

  console.log("I am value: ", JSON.stringify(value));

  const flags = value.getUint8(0);

  console.log('FLAGS', flags);


 if(this.session.isEven(flags)){

   this.heartRate = value.getUint8(1);
   console.log('HEART RATE 8 bit: ', this.heartRate);

 }else if(this.session.isOdd(flags)){
   this.heartRate = value.getUint16(2);
   console.log('HEART RATE 16 bit: ', this.heartRate);
 }
}

Posts: 1

Participants: 1

Read full topic

On-infinite-scroll v5

$
0
0

@AJDCNumenti wrote:

He probado según los tutoriales y la propia documentación de ionic implememtar on-infinite-scroll, pero no funciona.
¿Alguna solución?

Posts: 1

Participants: 1

Read full topic


Low performance Ionic v4

$
0
0

@SidiBecker wrote:

My ionic-selectable component is with very low performance in comparison to ionic version 3 with de same code.

It’s taking a long time to load the list (about 200 items).

Tests:

Info

Ionic:

   ionic (Ionic CLI)             : 4.12.0 (C:\Users\S59\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework               : @ionic/angular 4.6.2
   @angular-devkit/build-angular : 0.13.8
   @angular-devkit/schematics    : 7.2.4
   @angular/cli                  : 7.3.8
   @ionic/angular-toolkit        : 1.5.1

Cordova:

   cordova (Cordova CLI) : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms     : android 8.0.0
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 3.1.2, (and 24 other plugins)

System:

   Android SDK Tools : 26.1.1 (C:\Android\sdk)
   NodeJS            : v10.16.0 (C:\Program Files\nodejs\node.exe)
   npm               : 6.9.0
   OS                : Windows 10

Posts: 1

Participants: 1

Read full topic

Ionic serve --lab error

$
0
0

@ejerskov wrote:

When running ionic serve --lab I suddenly get this error:

[INFO] Waiting for connectivity with ng...
> ionic-lab http://localhost:8100 --host localhost --port 8200 --project-type angular --app-name foodioApp --app-version 0.0.1
[lab] events.js:174
[lab]       throw er; // Unhandled 'error' event
[lab]       ^
[lab] Error: getaddrinfo ENOTFOUND localhost
[lab]     at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:57:26)
[lab] Emitted 'error' event at:
[lab]     at GetAddrInfoReqWrap.doListen [as callback] (net.js:1455:12)
[lab]     at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:57:17)

[ERROR] ionic-lab has unexpectedly closed (exit code 1).
        
        The Ionic CLI will exit. Please check any output above for error details.

This is my ionic info:

Ionic:

   ionic (Ionic CLI)             : 4.10.2 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.6.0
   @angular-devkit/build-angular : 0.13.9
   @angular-devkit/schematics    : 7.2.4
   @angular/cli                  : 7.3.9
   @ionic/angular-toolkit        : 1.4.1

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : ios 4.5.5
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 6 other plugins)

System:

   ios-deploy : 1.9.4
   ios-sim    : ios-sim/9.0.0-dev.1 darwin-x64 node-v10.15.1
   NodeJS     : v10.15.1 (/usr/local/bin/node)
   npm        : 6.4.1
   OS         : macOS Mojave
   Xcode      : Xcode 10.2.1 Build version 10E1001

Posts: 1

Participants: 1

Read full topic

IONIC 4 Segment update issue

$
0
0

@swanand6300 wrote:

Hi All,

I have 2 pages in my application and to navigate these two pages I used routerLink property.

I have segment on those two pages and one page contain user list as location wise. The location will be my segment in my first page

<ion-segment [(ngModel)]="deparmentSelSegment" class="main-tabs">
    <ion-segment-button value="SA">
      <ion-label>South africa</ion-label>
    </ion-segment-button>
    <ion-segment-button value="India">
      <ion-label>India</ion-label>
    </ion-segment-button>
  </ion-segment>

On 2nd page i have user details divided in segments

` <ion-segment id="userProfileSeg" class="main-tabs" scrollable [(ngModel)]="userData" #Content>
      <ion-segment-button value="0" checked layout="icon-start" id="segment0">
        <ion-label> Profile</ion-label>
      </ion-segment-button>
      <ion-segment-button value="1" layout="icon-start" id="segment1">
        <ion-label> Rewards</ion-label>
      </ion-segment-button>
      <ion-segment-button value="2" layout="icon-start" id="segment2">
        <ion-label> Questions Asked</ion-label>

      </ion-segment-button>
      <ion-segment-button value="3" layout="icon-start" id="segment3">
        <ion-label> Reactions </ion-label>
      </ion-segment-button>
      <ion-segment-button value="4" layout="icon-start" id="segment4" *ngIf="userDetails?.isAdmin =='true' || userDetails?.isQAAdmin  == 'true' && userDetailsData?.userId == userDetails?.userId ">
          <ion-label> My Broadcasts</ion-label>
        </ion-segment-button>

    </ion-segment>`

When i changed my location for SA to India on first page and then click on any user It redirects to User profile page and when I changed tab in user profile ngModel value on first page becomes blank.

I dont have any idea why this is happening.Any help would be appriciated.

Regards,
Swanand

Posts: 1

Participants: 1

Read full topic

Capacitor android OTG USB

Ion re-order item inside unclickable (HELP) (V-4)

$
0
0

@liamod94 wrote:

I have a list of clickable items in ionic, with the whole item being clickable. I have a toggle that will trigger ion-reoder. The problem is anything inside the is not clickable, even when the ion-reorder-group is disabled. The structure is the following:

<ion-reorder-group disabled="{{!reordering}}" click="doSomething()">   <----Not clickable
 <ion-list ngFor=....>
  <ion-reorder>
     ...
    <a (click)="openLink()">Click me</a>   <---- Not clickable
  </ion-reorder>
 </ion-list>
</ion-reorder-group>

When I remove the ion-reorder it works as expected. Does anyone have any ideas what I need to do to get around this? I like the idea of making the whole item draggable when re-order is active.

Posts: 1

Participants: 1

Read full topic

Ion-item-slide does not work using ng-template

$
0
0

@cristianireyes wrote:

When I use ng-template to put the options inside ion-item-sliding the sliding does not work.

My example code:

<ion-item-sliding>
<ion-item>
Test item 1
</ion-item>
<ng-container *ngTemplateOutlet="itemOptions"></ng-container>
</ion-item-sliding>
<ion-item-sliding>
<ion-item>
Test item 2
</ion-item>
<ng-container *ngTemplateOutlet="itemOptions"></ng-container>
</ion-item-sliding>

<!-- Use ng-template to reuse options -->
<ng-template #itemOptions>
<ion-item-options side="left">
<button ion-button>
test option left
</button>
</ion-item-options>
<ion-item-options side="right">
<button ion-button>
test option right
</button>
</ion-item-options>
</ng-template>

Any ideas?

Thanks!

Posts: 1

Participants: 1

Read full topic

No www folder and slow compiling process

$
0
0

@azureb wrote:

I followed the instructions of this Lynda.com video tutorial to build an Ionic app:

Problems:

  1. No www folder was generated. I entered “ionic build ios” but it didn’t work.
  2. The compiling process doesn’t reach an end. I kept getting the “unchanged chunks” messages.
  3. How can I get the normal Mac Terminal “$” sign back to continue entering commands?

How can I solve the above problems?

System:

  • ionic@5.2.3
  • cordova@9.0.0
    npm: 6.9.0
    os: macOS Mojave Version 10.14.5

Posts: 1

Participants: 1

Read full topic


Chrome.sockets.tcp problem to receive onReceive.addListener

$
0
0

@andreamori wrote:

Hello!
I’m using the cordova plugin chrome.sockets.tcp. I have created a provider for managing sockets operations in my Ionic 3 app.

Whenever I use the “invioPacchetto” (english -> sendPackage) function of this provider, socket creation and connection is successful … and the package is sent with a reply by device to which I am connected.
The onReceive.addListener event (present in the “invioPacchetto” function of this provider) sometimes receives the answer and sometimes not! I’m going crazy.

I’m 100% sure that the deviceto which I am connected responds to the send received from the app but the onReceive.addListener event does NOT occur on the app

N.B. I debug the device I communicate with in real time, so I see everything that arrives and leaves via sockets connections… and everything works

Here is the provider code with which I manage all sockets communications.

This is the code of provider (sorry for comments inside):

import { Platform, LoadingController } from 'ionic-angular';
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import 'rxjs/add/operator/map';

@Injectable()
export class TCPServices {

  public array_qui:Array<Object> = [];
  public tipo_platform: string;
  public array_risposta_invioPacchetto:Array<Object> = [];
  public appoggio_tempo: number;

  constructor(public http: HttpClient, public loadingCtrl: LoadingController, platform:Platform) {
    console.log('Hello FunzioniSocketsProvider Provider');

    platform.ready().then((readySource) => {
      //inizio misurazione del tempo
      this.appoggio_tempo = Date.now();

      if(readySource=='cordova'){
        this.tipo_platform = readySource;

        this.array_qui['piattaforma'] = this.tipo_platform;
        this.array_qui['tempo_esecuzione'] = (Date.now()-this.appoggio_tempo);
      
      } else {
        this.tipo_platform = "browser";

        this.array_qui['piattaforma'] = "browser";
        this.array_qui['tempo_esecuzione'] = (Date.now()-this.appoggio_tempo);
      }

      console.log("constructor FunzioniSocketsProvider -> "+this.array_qui['piattaforma']);
    });
  }

  testfunzione(){
    console.log("controllo platform su TCPServices -> "+this.tipo_platform);
    //alert("controllo platform su TCPServices -> "+this.tipo_platform);

    return new Promise(resolve => {
      resolve(this.array_qui);

    });
  }

  arrayBuffer2str(buf) {
		var str= '';
		var ui8= new Uint8Array(buf);
		for (var i= 0 ; i < ui8.length ; i++) {
			str= str+String.fromCharCode(ui8[i]);
		}
		return str;
	}

	str2arrayBuffer(str) {
		var buf= new ArrayBuffer(str.length);
		var bufView= new Uint8Array(buf);
		for (var i= 0 ; i < str.length ; i++) {
			bufView[i]= str.charCodeAt(i);
  		}
		return buf;
  }

	invioPacchetto(ipAddr,ipPort,testo_loader,data,tipo_funzione_per_test) {
    return new Promise(resolve => {
      if(this.tipo_platform=='cordova'){
        if(data!=''){
          //se ci sono dati da inviare -> proseguo l'operazione
          console.log("siamo in invioPacchetto ;-) ... e i dati da inviare ci sono");
          
          //carica componente loading
          let loading = this.loadingCtrl.create({
            content: testo_loader,
            duration: 5000
          });
          loading.present();

          var delay= 5000;	/// 5 seconds timeout
          (<any>window).chrome.sockets.tcp.create({}, createInfo => { //callback function with createInfo as the parameter
            var _socketTcpId= createInfo.socketId;
            console.log("invioPacchetto A1 ... idsockets: "+_socketTcpId);

            (<any>window).chrome.sockets.tcp.connect(_socketTcpId, ipAddr, ipPort, result => { //callback function with result as the parameter
              if (result === 0) {
                this.array_risposta_invioPacchetto['result'] = result;
                this.array_risposta_invioPacchetto['testo_errore'] = '';

                var data2send= this.str2arrayBuffer(data);
                /// connection ok, send the packet
                (<any>window).chrome.sockets.tcp.send(_socketTcpId, data2send);
              } else {
                //error of connection
                this.array_risposta_invioPacchetto['result'] = result;
                this.array_risposta_invioPacchetto['testo_errore'] = 'Errore di connessione rilevato ...';
                this.array_risposta_invioPacchetto['data_risposta_in_stringa'] = '';

                //restituisci errore di connessione
                resolve(this.array_risposta_invioPacchetto);
                //togli loading
                loading.dismiss();
              }
            });
            (<any>window).chrome.sockets.tcp.onReceive.addListener( info => { //callback function with info as the parameter
              /// recived, then close connection
              //(<any>window).chrome.sockets.tcp.close(_socketTcpId); chiude l'attuale processo -> mai io devo chiudere il socket della risposta!
              (<any>window).chrome.sockets.tcp.close(info.socketId);
              this.array_risposta_invioPacchetto['data_risposta_in_stringa'] = this.arrayBuffer2str(info.data);

              resolve(this.array_risposta_invioPacchetto);
              //togli loading
              loading.dismiss();
            });
            (<any>window).chrome.sockets.tcp.onReceiveError.addListener( info => {
              (<any>window).chrome.sockets.tcp.close(info.socketId);
              this.array_risposta_invioPacchetto['result'] = -999; //codice errore scelto da me
              this.array_risposta_invioPacchetto['testo_errore'] = this.arrayBuffer2str(info.data);
              this.array_risposta_invioPacchetto['data_risposta_in_stringa'] = ''; //essendo un errore
              
              resolve(this.array_risposta_invioPacchetto);
              //togli loading
              loading.dismiss();
            });
            /// set the timeout
            setTimeout(function() {
              (<any>window).chrome.sockets.tcp.close(_socketTcpId);
              this.array_risposta_invioPacchetto['testo_errore'] = 'Timeout connessione socket eseguita';
              this.array_risposta_invioPacchetto['data_risposta_in_stringa'] = '';

              resolve(this.array_risposta_invioPacchetto);
              //togli loading
              loading.dismiss();
            }, delay);
          });

        } else {
          //nessuna dato passato da inviare
          this.array_risposta_invioPacchetto['result'] = -1;
          this.array_risposta_invioPacchetto['testo_errore'] = 'Nessuna stringa passata da inviare tramite sockets ...';
          this.array_risposta_invioPacchetto['data_risposta_in_stringa'] = '';

          resolve(this.array_risposta_invioPacchetto);
        }
      } else {
        let loading = this.loadingCtrl.create({
          content: testo_loader,
          duration: 1000
        });
        loading.present();

        //dati di risposta con la stessa struttura del socket sopra in cordova
        this.array_risposta_invioPacchetto['result'] = -1;
        this.array_risposta_invioPacchetto['testo_errore'] = 'La connessione Socket non è attiva perchè siamo su '+this.tipo_platform;
        
        if(tipo_funzione_per_test=='lista funzioni'){
          //risposta vuota -> come dovrebbe essere ;-)
          //this.array_risposta_invioPacchetto['data_risposta_in_stringa'] = '';
        
          // *** LISTA FUNZIONI *** risposta con dati -> per fare i test ;-)
          this.array_risposta_invioPacchetto['data_risposta_in_stringa'] = '{"Info":{"HW":"ICON100 demo","ID":"101.100.100.100","NAME":"ICON500","VERSION":"0.4.42.32","TYPE":1,"TIMER":"1 minuto 5 secondi","cmd_supp":["Funzione demo ;-)","Info","Program","GetRTConfig","GetRTVal"]}}';
        }

        if(tipo_funzione_per_test=='invio programmazione'){
          // *** INVIO PROGRAMMAZIONE *** simulazione di valore "Error" restituito
          //this.array_risposta_invioPacchetto['testo_errore'] = 'Similuazione di errore...';
          //this.array_risposta_invioPacchetto['data_risposta_in_stringa'] = '{"Program":"impianto.exp","Chunk":1,"Total":4,"Error":"Invalid CRC"}';
          // *** INVIO PROGRAMMAZIONE *** simulazione pacchetto ricevuto OK
          //this.array_risposta_invioPacchetto['testo_errore'] = '';
          //this.array_risposta_invioPacchetto['data_risposta_in_stringa'] = '{"Program":"impianto.exp","Chunk":1,"Total":3,"TimeMS":4210}';

          /*** SIMULAZIONE ERRORE GENERALE SOCKETS PER INVIO PROGRAMMAZIONE
          this.array_risposta_invioPacchetto['result'] = -999; //codice errore scelto da me
          this.array_risposta_invioPacchetto['testo_errore'] = 'Un testo di errore a caso...';
          this.array_risposta_invioPacchetto['data_risposta_in_stringa'] = ''; //essendo un errore
          */
        }

        /*** LISTE PER REALTIME */
        if(tipo_funzione_per_test=='liste realtime'){
          this.array_risposta_invioPacchetto['testo_errore'] = '';
          this.array_risposta_invioPacchetto['data_risposta_in_stringa'] = '{"GetRTConfig":{"Chunk":1,"Total":1,"Len":1208,"CRC":"b1e7","BASE64":"eyJvYmpzIjpbeyJpZCI6IjAwMC4wMDAuMDA1LjAyMV8wMDAiLCJkZXNjIjoiSW5jcmVtLiBDdXRvZmYgQW1iLiIsIm1heCI6IjEwMC4wIiwibWluIjoiMC4wIiwidW0iOiImZGVnO0MiLCJiZyI6IiNDMEMwQzAiLCJmb3IiOiIjMDAwMDAwIiwidmlzIjoiVEVTVE8yIiwiUk8iOiIwIiwibW9kIjoiRk9STV9GTE9BVF8wMSIsInBhZyI6IlBhcmFtZXRyaSIsIlgiOiI0NTBweCIsIlkiOiIyMHB4IiwiRFgiOiIyMDBweCIsIkRZIjoiNjRweCJ9LAp7ImlkIjoiMDAwLjAwMC4wMDUuMDI1XzAwMSIsImRlc2MiOiJDdXRvZmYgRXh0IiwibWF4IjoiMTAwLjAiLCJtaW4iOiIwLjAiLCJ1bSI6IiZkZWc7QyIsImJnIjoiI0MwQzBDMCIsImZvciI6IiMwMDAwMDAiLCJ2aXMiOiJURVNUTzIiLCJSTyI6IjAiLCJtb2QiOiJGT1JNX0ZMT0FUXzAxIiwicGFnIjoiU2lub3R0aWNvIiwiWCI6IjY3NXB4IiwiWSI6IjIwcHgiLCJEWCI6IjIwMHB4IiwiRFkiOiI2NHB4In0sCnsiaWQiOiIwMDAuMDAwLjAwNS4wMTVfMDAyIiwiZGVzYyI6Ik1pbiBULiBNYW5kLiIsIm1heCI6IjEwMC4wIiwibWluIjoiMC4wIiwidW0iOiImZGVnO0MiLCJiZyI6IiNDMEMwQzAiLCJmb3IiOiIjMDAwMDAwIiwidmlzIjoiVEVTVE8yIiwiUk8iOiIwIiwibW9kIjoiRk9STV9GTE9BVF8wMSIsInBhZyI6IlBhcmFtZXRyaSIsIlgiOiIwcHgiLCJZIjoiMTU5cHgiLCJEWCI6IjIwMHB4IiwiRFkiOiI2NHB4In1dCn0="}}';
        }

        //togli loading
        //loading.dismiss();

        resolve(this.array_risposta_invioPacchetto);
      }
    });
	}

}

Any ideas ?
I’m looking for help! Give me a hand, please

p.s. this could also become a job for a freelance

Posts: 1

Participants: 1

Read full topic

[Ionic4] - ion radio group on Reactive Forms

$
0
0

@nico_nj wrote:

Hi!
I’m trying to set up a very simple reactive form using Angular7 and Ionic4, my problem is that I’m not being able to use the formControlName on myion-radio-group. I have 2 different radio buttons and I wanted them part of the form.

This is my HTML

<ion-radio-group formControlName="recipientType" required>
   <ion-label class="title">Send to:</ion-label>
   <ion-item lines="none" *ngFor="let recipient of recipientTypes">
      <ion-label>{{recipient.text}}</ion-label>
      <ion-radio
      slot="start"
      value="recipient.text"
      ></ion-radio>
   </ion-item>
</ion-radio-group>

This is my component

  recipientTypes = [
    { text: "Group", checked: true },
    { text: "Individual", checked: false },
  ]

  constructor(private restService: RestService, private formBuilder: FormBuilder) { }

  ngOnInit() {
    this.contactForm = this.formBuilder.group({
      recipientType: new FormControl('', Validators.required),
      topic: new FormControl('', Validators.required),
      activityType: new FormControl('')
    });
  }

Thanks in advance for any help provided!

Posts: 1

Participants: 1

Read full topic

Error when adding @angular/pwa: Invalid rule result: Instance of class Promise

$
0
0

@teerasej wrote:

After I create a project with Ionic 5 CLI, I tried to publish project as PWA and follow instruction in document

I run this command in project

ng add @angular/pwa

which shows result in terminal

Installing packages for tooling via npm.
+ @angular/pwa@0.801.2
added 11 packages from 10 contributors and audited 51528 packages in 15.415s
found 759 vulnerabilities (2 low, 4 moderate, 753 high)
  run `npm audit fix` to fix them, or `npm audit` for details
Installed packages for tooling via npm.
Invalid rule result: Instance of class Promise.

The last line: Invalid rule result: Instance of class Promise. , show in red.

Does it suppose to be like this?

Here is my Ionic Info:

Ionic:

   Ionic CLI                     : 5.2.3 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.0
   @angular-devkit/build-angular : 0.12.3
   @angular-devkit/schematics    : 7.2.3
   @angular/cli                  : 7.2.3
   @ionic/angular-toolkit        : 1.2.3

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : none
   Cordova Plugins   : no whitelisted plugins (0 plugins total)

Utility:

   cordova-res : 0.6.0 
   native-run  : 0.2.5 (update available: 0.2.8)

System:

   Android SDK Tools : 26.1.1 (/Users/teerasejjiraphatchandej/Library/Android/sdk)
   ios-deploy        : 1.9.4
   ios-sim           : 6.1.2
   NodeJS            : v10.16.0 (/usr/local/bin/node)
   npm               : 6.10.1
   OS                : macOS Mojave
   Xcode             : Xcode 10.2.1 Build version 10E1001

Posts: 1

Participants: 1

Read full topic

Firebase Facebook login error iOS only "auth/operation-not-supported-in-this-environment"

$
0
0

@gozinsa2 wrote:

Hi all,

I’m following this guide to add Firebase social login to my Ionic v 4 app:

https://firebase.google.com/docs/auth/web/cordova

On Android, everything works fine. On iOS I get:

ERROR: {“code”:“auth/operation-not-supported-in-this-environment”,“message”:“This operation is not supported in the environment this application is running on. “location.protocol” must be http, https or chrome-extension and web storage must be enabled.”}

Has anyone had success with this?

ionic info:

Ionic:

Ionic CLI : 5.2.1 (/Users/–/.nvm/versions/node/v12.6.0/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.6.0
@angular-devkit/build-angular : 0.13.9
@angular-devkit/schematics : 7.3.9
@angular/cli : 7.3.9
@ionic/angular-toolkit : 1.5.1

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 8.0.0, ios 5.0.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 15 other plugins)

Utility:

cordova-res : 0.6.0
native-run : 0.2.7 (update available: 0.2.8)

System:

ios-deploy : 1.9.4
ios-sim : 8.0.1
NodeJS : v12.6.0 (/Users/–/.nvm/versions/node/v12.6.0/bin/node)
npm : 6.9.0
OS : macOS High Sierra
Xcode : Xcode 10.1 Build version 10B61

Posts: 1

Participants: 1

Read full topic

Ionic3 admob not displaying

$
0
0

@ashutosh10g wrote:

I am trying from last 7 days to run Google AdMob in Ionic 3 application. Steps I followed as shown here

By using below code, the ads is not displaying! I have followed this tutorial.

Current issue: No ads displaying and Not getting any error!

In component code

    ....
    ....
    constructor(public storage: Storage, public navCtrl: NavController, private platform: Platform,public admob:AdmobFreeService) {  
        this.platform.ready().then(val => { 
          this.admob.BannerAd(); 
        });

In service

   import { Injectable } from "@angular/core";
    import {
      AdMobFree,
      AdMobFreeBannerConfig,
      AdMobFreeInterstitialConfig,
      AdMobFreeRewardVideoConfig
    } from '@ionic-native/admob-free/ngx';
    import { Platform } from 'ionic-angular';
    
    
    @Injectable()
    export class AdmobFreeService {
     
      constructor(
        private admobFree: AdMobFree,
        public platform: Platform
      ) {
    }
 
    
      BannerAd() {
        let bannerConfig: AdMobFreeBannerConfig = { 
          autoShow: true,
          id: "ca-app-pub-4622639730805786/6571035695"
        };
        this.admobFree.banner.config(bannerConfig);
        this.admobFree.banner.prepare().then(() => {
          // success
          this.admobFree.banner.show(); 
        }).catch(e => alert(e));
      } 
    }  

Posts: 1

Participants: 1

Read full topic

Viewing all 70440 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>