@N2NOM wrote:

Hello. I am an ionic 3 beginner. I try to fetch values ​​from the database via php.
Other columns are called, but text containing special characters is not imported. What should I do? Should I remove special characters with regular expressions? I also tried UTF-8 meta tags. Help.

Posts: 1

Participants: 1

Read full topic

@geochr wrote:

Setting the proxies list config in ionic.config.json doesn’t seem to work (at least not like v3).

• Tried following the guide at https://beta.ionicframework.com/docs/cli/overview/#using-a-proxy. Set ionic config set -g proxy http://proxy.example.com:8888 and export IONIC_HTTP_PROXY="http://proxy.example.com:8888" without luck

• Also tried creating an Angular proxy.conf.json and setting it in angular.json’s ionic-cordova-server config : "proxyConfig": "proxy.conf.json" without luck as well.

Posts: 1

Participants: 1

Read full topic

@ioclaudio wrote:

Hi,
I’ve created and built a new brand app with these commands:

ionic start mytest
npm i -D -E @ionic/lab
ionic cordova build android --prod --release

These commands produce the file “app-release-unsigned.apk”.
If i try to install this apk on my mobile phone with Android6 I have this error: “App not installed”.
Now I’ve found this article it says that I have to open the apk with and Apk Editor and I have to change the Installation path.
I’ve tried this procedure and it works, that is, after this modification I’m able to install and use the Ionic app.

So it seems that something is wrong with the Installation path of my App.
How can I solve this problem?
Is it a known issue?
I’ve used standard commands to create and build it, without any customization of the app.

This is the output of ionic info:

C:\ProveElectron\mytest>ionic info
√ Gathering environment info - done!
Ionic:
   ionic (Ionic CLI)  : 4.1.1 (C:\Users\claudio\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.1.11

Cordova:
   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : android 7.0.0
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.2, cordova-plugin-ionic-webview 2.0.3, (and 3 other plugins)

System:
   Android SDK Tools : 26.1.1 (C:\Users\claudio\AppData\Local\Android\Sdk)
   NodeJS            : v8.11.3 (C:\Program Files\nodejs\node.exe)
   npm               : 6.2.0
   OS                : Windows 10

Thank you very much

cld

Posts: 1

Participants: 1

Read full topic

@nir-z wrote:

Hi,

I have chosen to use Firebase Cloud Messeging as the 3rd party provider for my application push notification.

I see that there are multiple cordova plugins to implement push notification on the application, but I can’t seem to find which one is better or what are the main diffrences between them
One of them is @ionic-native/firebase
and the other is @ionic-native/push

Which one is better? Can I achive the same with both?

Thanks

Posts: 1

Participants: 1

Read full topic

@NiranjanGowdaCM wrote:

Hello developers,
This is my curiosity question about the ionic CLI.

I know that custom icons and splash screens can be generated using the ionic cli by using the commad $ionic cordova resources.

Is there same way possible to generate the icons for onesignal push notifications.
By default when the onersignal push notification arrives the default icon is bell icon and i tried to change the default icon to custom icon by following this documentation

i generated the specific size pics manually and i tried to place in respective folders

i have even tried this http://romannurik.github.io/AndroidAssetStudio/icons-notification.html to generate the custom icons but i couldn’t resolve the issue.

(I have less knowledge on android coding!!!)

Any help and suggestions are greatly appreciated…

Posts: 1

Participants: 1

Read full topic

@iot-dev01 wrote:

Hi,
What I’ve done:

1. Created a new ionic app with

$ ionic start AppName blank

2. Added Android Platform

ionic cordova platform add android@latest

3. Run build

ionic cordova build android --prod --release

4. SIgn the APK like explained in the docs

After opening the app at the device I get following error in the android app:

Application Error
net:ERR_CONNECTION_REFUSED(http://localhost:8080/)

Device Logcat say:

08-23 09:17:18.230 4124-4124/io.ionic.starter I/CordovaLog: Changing log level to DEBUG(3)
08-23 09:17:18.230 4124-4124/io.ionic.starter I/CordovaActivity: Apache Cordova native platform version 7.1.1 is starting
08-23 09:17:18.230 4124-4124/io.ionic.starter D/CordovaActivity: CordovaActivity.onCreate()
08-23 09:17:18.240 4124-4124/io.ionic.starter D/IonicWebViewEngine: Ionic Web View Engine Starting Right Up 1...
08-23 09:17:18.260 4124-4124/io.ionic.starter D/SystemWebViewEngine: CordovaWebView is running on device made by: TPV
08-23 09:17:18.260 4124-4124/io.ionic.starter D/PluginManager: init()
08-23 09:17:18.320 4124-4124/io.ionic.starter D/CordovaWebViewImpl: >>> loadUrl(file:///android_asset/www/index.html)
08-23 09:17:18.340 4124-4124/io.ionic.starter D/CordovaActivity: Started the activity.
    Resumed the activity.
08-23 09:17:18.550 100-190/? W/AudioFlinger: write blocked for 443 msecs, 70 delayed writes, thread 0x40f87008
08-23 09:17:18.560 407-420/? I/ActivityManager: Displayed io.ionic.starter/.MainActivity: +338ms
08-23 09:17:18.570 4124-4124/io.ionic.starter D/CordovaWebViewImpl: onPageDidNavigate(file:///android_asset/www/index.html)
08-23 09:17:18.580 4124-4124/io.ionic.starter D/CordovaWebViewImpl: onPageFinished(file:///android_asset/www/index.html)
    onPageDidNavigate(http://localhost:8080/)
08-23 09:17:18.600 4124-4124/io.ionic.starter D/SystemWebViewClient: CordovaWebViewClient.onReceivedError: Error code=-6 Description=net::ERR_CONNECTION_REFUSED URL=http://localhost:8080/
08-23 09:17:18.660 4124-4124/io.ionic.starter D/CordovaWebViewImpl: onPageFinished(http://localhost:8080/)
08-23 09:17:18.660 4124-4124/io.ionic.starter D/SystemWebChromeClient: data:text/html,chromewebdata: Line 12 : Not allowed to load local resource: file:///android_asset/webkit/android-weberror.png
08-23 09:17:18.660 4124-4124/io.ionic.starter I/chromium: [INFO:CONSOLE(12)] "Not allowed to load local resource: file:///android_asset/webkit/android-weberror.png", source: data:text/html,chromewebdata (12)
08-23 09:17:18.710 553-553/? I/[S]IMEService: onBindInput()
    onFinishInput()

Device running Android 4.4.4

My config.xml

<?xml version='1.0' encoding='utf-8'?>
<widget id="io.ionic.starter" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>LedStripControl</name>
    <description>An awesome Ionic/Cordova app.</description>
    <author email="hi@ionicframework" href="http://ionicframework.com/">Ionic Framework Team</author>
    <content src="index.html" />
    <access origin="*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <preference name="ScrollEnabled" value="false" />
    <preference name="android-minSdkVersion" value="19" />
    <preference name="BackupWebStorage" value="none" />
    <preference name="SplashMaintainAspectRatio" value="true" />
    <preference name="FadeSplashScreenDuration" value="300" />
    <preference name="SplashShowOnlyFirstTime" value="false" />
    <preference name="SplashScreen" value="screen" />
    <preference name="SplashScreenDelay" value="3000" />
    <platform name="android">
        <allow-intent href="market:*" />
        <icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" />
        <icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" />
        <icon density="hdpi" src="resources/android/icon/drawable-hdpi-icon.png" />
        <icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png" />
        <icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png" />
        <icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png" />
        <splash density="land-ldpi" src="resources/android/splash/drawable-land-ldpi-screen.png" />
        <splash density="land-mdpi" src="resources/android/splash/drawable-land-mdpi-screen.png" />
        <splash density="land-hdpi" src="resources/android/splash/drawable-land-hdpi-screen.png" />
        <splash density="land-xhdpi" src="resources/android/splash/drawable-land-xhdpi-screen.png" />
        <splash density="land-xxhdpi" src="resources/android/splash/drawable-land-xxhdpi-screen.png" />
        <splash density="land-xxxhdpi" src="resources/android/splash/drawable-land-xxxhdpi-screen.png" />
        <splash density="port-ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png" />
        <splash density="port-mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png" />
        <splash density="port-hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png" />
        <splash density="port-xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png" />
        <splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" />
        <splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" />
    </platform>
    <platform name="ios">
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
        <icon height="57" src="resources/ios/icon/icon.png" width="57" />
        <icon height="114" src="resources/ios/icon/icon@2x.png" width="114" />
        <icon height="40" src="resources/ios/icon/icon-40.png" width="40" />
        <icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" />
        <icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" />
        <icon height="50" src="resources/ios/icon/icon-50.png" width="50" />
        <icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" />
        <icon height="60" src="resources/ios/icon/icon-60.png" width="60" />
        <icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" />
        <icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" />
        <icon height="72" src="resources/ios/icon/icon-72.png" width="72" />
        <icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" />
        <icon height="76" src="resources/ios/icon/icon-76.png" width="76" />
        <icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" />
        <icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" />
        <icon height="29" src="resources/ios/icon/icon-small.png" width="29" />
        <icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58" />
        <icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87" />
        <icon height="1024" src="resources/ios/icon/icon-1024.png" width="1024" />
        <splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />
        <splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" />
        <splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" />
        <splash height="1242" src="resources/ios/splash/Default-Landscape-736h.png" width="2208" />
        <splash height="1536" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048" />
        <splash height="2048" src="resources/ios/splash/Default-Landscape@~ipadpro.png" width="2732" />
        <splash height="768" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024" />
        <splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" />
        <splash height="2732" src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" />
        <splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" />
        <splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" />
        <splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" />
        <splash height="2732" src="resources/ios/splash/Default@2x~universal~anyany.png" width="2732" />
    </platform>
    <plugin name="cordova-plugin-whitelist" spec="1.3.3" />
    <plugin name="cordova-plugin-device" spec="2.0.2" />
    <plugin name="cordova-plugin-splashscreen" spec="5.0.2" />
    <plugin name="cordova-plugin-ionic-webview" spec="^2.0.0" />
    <plugin name="cordova-plugin-ionic-keyboard" spec="^2.0.5" />
    <engine name="android" spec="7.1.1" />
</widget>

Ionic Environment:

Ionic:

   ionic (Ionic CLI)  : 4.1.1 (C:\Users\nlandgraf\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.1.11

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : android 7.1.1
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.2, cordova-plugin-ionic-webview 2.0.3, (and 3 other plugins)

System:

   Android SDK Tools : 26.1.1 (C:\Users\nlandgraf\AppData\Local\Android\Sdk)
   NodeJS            : v8.11.2 (C:\Program Files\nodejs\node.exe)
   npm               : 6.4.0
   OS                : Windows 10

Can anyone help?

Posts: 2

Participants: 2

Read full topic

@vaibhaw wrote:

IMG_0175.png640x1136 45.2 KB

IMG_0177.png640x1136 40.3 KB

IMG_0174.png640x1136 59.4 KB

IMG_0176.png640x1136 50 KB

Posts: 1

Participants: 1

Read full topic

@Krishna1997 wrote:

hy guys! Presently I am working on Ionic3 with firebase. The data is inserting and I can access it from my firebase. But I am stuck at a point. I want to retrieve the data when the network is not available. I tried < AngularFirestoreModule.enablePersistence(), > but It didn't worked.

Posts: 1

Participants: 1

Read full topic

@issei4369 wrote:

Hello Guys!!! I need to know the code,so I can send an email link to verify the registered email using firebase and ionic 3.Thank You

Posts: 1

Participants: 1

Read full topic

@vigupe wrote:

I am doing the migration of an ionic v3 app to ionic v4. I have encountered the problem that when doing the auto-focus on an ion-input the way to do it in ionic v3 does not work, I tried to create a directive to perform the auto-focus, but it has not helped me.

Have you encountered the same problem?

Thanks.

Ionic v3 auto-focus code:
.ts file:

import { ViewChild } from '@angular/core';

@Component({
  selector: 'page-inventario',
  templateUrl: 'inventario.html'
})

export class InventarioPage{
  @ViewChild('inputInventarioCB') CBProductoInventario;
ionViewDidEnter() {
    this.focusInput(this.CBProductoInventario);
  }

  focusInput(input) {
    if(this.timer){
      clearTimeout(this.timer)
    }
    this.timer = setTimeout(() => {
      input.setFocus();
    },1000);
  }

}

.html file:

<ion-input #inputInventarioCB type="text" placeholder="Código de barras" required [(ngModel)]="producto.codigoBarras" name="codigoBarras" (keypress)="controlTeclaIntro($event, codigoBarras)"</ion-input>

Posts: 2

Participants: 2

Read full topic

@Driesel wrote:

Hi there,

is there any good npm-package to edit an image like with twitter or whatsapp?
Here an example:

image_edit_twitter_pixeled.png1025x598 42.6 KB

.

It shouldn’t be complexe, just zoom-in/zoom-out and rotate with fingers.
Do you know any good package working with Ionic4/Angular6?

Posts: 4

Participants: 2

Read full topic

@yogaccx wrote:

Hi guys,

Do any one know how to include Jar file into ionic project im using angular 5,
i need to use some of the functions from jar file to build IOS App. please suggest how to move further.

Posts: 1

Participants: 1

Read full topic

@HinderiksR wrote:

Hi,

We’re building a app with ionic but would also like to run the same app as an normal webpage for desktops. This seems all possible and well but we do run into some issues with ionic components. For example date time input. Currently we’re looking at the ionic date time picker and it shows us a native looking iOS picker. A little bit of a less native looking android (or so im told). But for desktops this results in a android looking date picker.

i’ll expect to run into this more often so may question is: Is there a certain workflow to go about developing for desktop and mobile at the same time ?

With best regards,
Robin

Posts: 1

Participants: 1

Read full topic

@Leon2111 wrote:

Hi guys,

I’m new at Ionic framework and I have a very weird problem. I have a web site based on Angular and the backend is NodeJS. The website works fine.

In ionic 3 I’m trying to get data from the same API. Sometimes I get the data and sometimes I get the following error:

ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'length' of undefined
TypeError: Cannot read property 'length' of undefined

The following code is

Provider.ts

getRemoteData():Observable<ProductInterface[]> {
let header = new HttpHeaders({ 'Content-Type': 'application/json', 'x-access-token': this.token });
header.append('Content-Type', 'application/json');
header.append('x-access-token', this.token);
return this.http.get<ProductInterface[]>(this.host+'api/getallproducts',{ headers: header });
}

Home.ts

constructor(public navCtrl: NavController, public getData: DataProvider) {
this.getData.getRemoteData().subscribe(data => {this.products = data;});
}

Guys I need your help. Any suggestions……

Thanks in advance

Posts: 1

Participants: 1

Read full topic

@rajbasilio wrote:

What is the redirect URL for the ionic apps(when I run them in emulators)? I got to know that Google, LinkedIn & etc won’t accept the request from the local host. What do I mention under the redirect URL section for google & LinkedIn.

Posts: 1

Participants: 1

Read full topic

@leeline99 wrote:

I am trying to setup up push notifications in my Ionic 3 app.

I am using the AWS pinpoint service to build campaigns and push messages to devices. Specifically iOS devices.

I have the backend setup and I can track devices using Pinpoint analytics console.

I have added the push plugin to my Iconic app, and I am able to request permission to receive push notifications. I have signed my app with a cert and also setup AWS with a cert, so as far as I know all the pieces are in place on the backend.

I can debug the Ionic app and grab the device token, e.g.

pushObject.on(‘registration’).subscribe((registration: any) => {
console.debug(“Device Token:”, registration.registrationId);
});

I can use this token in the AWS Pinpoint console, Direct messaging to send and successfully receive a APNS message on the test device.

My question is, how do I register the token with AWS for use in campaigns?

Furthermore my Pinpoint console shows no targetable endpoints , which is what I believe I need to setup from my Ionic app, but I can’t find any examples anywhere.

All help greatly received…

Lee

Posts: 1

Participants: 1

Read full topic

@shashwattripath wrote:

As per Ionic API docs there is a method slideTo().

I have a action sheet and I want to slide to different slide depend on action selected from ActionSheet.

How to call slideTo() method in JS?

For the action sheet, there is the controller which can be used to access its method. How to use methods on ion-slides?

const actionSheetController = document.querySelector("ion-action-sheet-controller");

Posts: 1

Participants: 1

Read full topic

@Kyrax80 wrote:

Hello guys, I have a page with 2 rows which have 1 ion-slide each. As I have set the slidesPerView property, there is like an effect where the image is big and then suddenly becomes the needed size to have the number of slides that I set in that property.

Is there some way to avoid this and visualize the slides when they’re already resized? For now I have a workarround in which I hide all the page’s content for 1s (when the images will be already resized) with a conditional css. But I don’t really like this and was wondering if there’s some other way.

Thanks.

Posts: 1

Participants: 1

Read full topic

@Mrob wrote:

Hello,

i have this provider to load data from a url

export class FortniteProvider {

  url: string ="https:/example/v1/profile/";
  key: string = "Key: b4776120-e427-4e22-b16d-77090958e957";

  

  constructor(private http: HttpClient) {
    console.log('Hello FortniteProvider Provider');
  }

 getUserData(username: string, platform: string){
    console.log("getUserData loaded //com by me");

    return this.http.get(`${this.url}${platform}/${username}`, {headers: {API_KEY}});
  }

this is the error:

fuck.png1222x268 35.4 KB

there are my “app.module.ts”

import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { SplashScreen } from '@ionic-native/splash-screen';
import { StatusBar } from '@ionic-native/status-bar';

import { MyApp } from './app.component';
import { FortniteProvider } from '../providers/fortnite/fortnite';
import { HttpClientModule } from '@angular/common/http';


@NgModule({
  declarations: [
    MyApp,
  
  ],
  imports: [
    BrowserModule,
    HttpClientModule,
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    
  ],
  providers: [
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler},
    FortniteProvider
  ]
})
export class AppModule {}

and my ionic.config.json

{
  "name": "FortniteStats",
  "type": "ionic-angular",
  "integrations": {
    "cordova": {}
  }
  
  
}

why isn’t it working?

Posts: 1

Participants: 1

Read full topic

@ioclaudio wrote:

Hi,
I think that embedding Ionic into an Electron app is a great solution to develop an app that you can use on all platforms: desktop devices, mobile devices and web browsers.
Now I see that there are new questions about this solution every day.
What about adding a new category “ionic-electron” in the forum?

I think that developers all around the world are looking for a framework that does these things and I hope that at the end the winning one will be one that uses Ionic.

Would it not be better for these discussions to be made here and not elsewhere?
What do you think about this?

cld

Posts: 1

Participants: 1

Read full topic