Как использовать (Cordova) плагин с Ionic 2/TypeScript?

Question

Я хотел бы использовать cordova-plugin-fcm с Ionic2/TypeScript. Оболочка FCMPlugin.js выглядит очень просто, но я привык к Angular2/TypeScript, работающему с операторами импорта, и не знаю, как получить такой плагин для работы с Ionic2.

Если я использую код, чтобы получить маркер (FCMPlugin.getToken()) я получаю:

Cannot find name 'FCMPlugin'

Когда я пытаюсь это suggested answer

я получаю:

Require is not defined

Answer 1

Оказывается suggested answer является работа в конце концов. Я только что сделал ошибку, чтобы проверить в браузере, чтобы увидеть, если я мог бы избавиться от ошибки:

Cannot find name 'FCMPlugin' 

Это потом дал мне:

Require is not defined 

И я думал, что я застрял. Кордова работает только на симуляторе или на реальном устройстве, но я подумал, что сначала смогу пройти тестирование в браузере, пока не избавлюсь от ошибок (чего я не смог). Однако при запуске кода на симуляторе или устройстве все в порядке.

Важно, однако, что вам нужно избавиться от ошибки TypeScript «Невозможно найти имя», иначе он не будет работать. Чтобы сделать это без файла определения типа (а d.ts файл), можно просто объявить переменную как:

declare var FCMPlugin:any; 

чуть ниже импорта.

Тогда не будет ошибки TypeScript, и все будет отлично работать на симуляторе/устройстве.

Answer 2

Если вы хотите работать с машинопись, вы можете объявить в файле, как @majodi сказал:

declare var FCMPlugin: any; 

, но у вас не будет автозаполнения.

Вы также можете создать fcm-plugin.d.ts файл положить в yourAppName/src/app/fcm-plugin.d.ts, и это должно выглядеть примерно так:

declare var fcmPlugin: FCMPlugin.IFCMPlugin; 

// Support AMD require 
declare module 'fcmPlugin' { 
    export = fcmPlugin; 
} 

declare namespace FCMPlugin { 
    interface IFCMPlugin { 
     onNotification(onNotificationCallback, successCallback, errorCallback); 
     getToken(successCallback, errorCallback); 
     onTokenRefresh(onTokenRefreshCallback); 
     subscribeToTopic(topic: string, successCallback, errorCallback); 
     unsubscribeFromTopic(topic: string, successCallback, errorCallback); 
    } 
} 

Не забудьте позвонить fcmPlugin после проверки, что вы находитесь на Cordova устройства:

if (platform.is('cordova')) { 
    fcmPlugin.getToken(token => { 
     console.log('getToken() succeed: ', token); 
    }, err => { 
     console.error('getToken() failed: ', err); 
    }); 
} 

в противном случае будет иметь fcmPlugin does not exists, когда вы делаете ionic serve

Тогда вы просто для вызова fcmPlugin и создания магии автозавершения TypeScript!