Took some time, but I was able to create a test apk and install it on my phone.
First of all, set up your folders the way I did in https://forums.smartmobilestudio.com/topic/4524-creating-a-mobile-app-for-android-and-ios/?do=findComment&comment=22461
That will let you have one folder for all the Phonegap-related stuff and another folder for your SMS app.
Here's my config.xml, which should be in the phonegap-project's folder:
<?xml version='1.0' encoding='utf-8'?>
<widget id="com.smartmobilestudio.phonegaptest" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0">
<name>PhonegapTest</name>
<description>
Push sample application that receives push notifications.
</description>
<author email="youremail@example.com" href="https://www.smartmobilestudio.com">
Smart Mobile Studio
</author>
<preference name="phonegap-version" value="cli-9.0.0" />
<preference name="android-minSdkVersion" value="19" />
<preference name="android-targetSdkVersion" value="28" />
<content src="index.html" />
<preference name="DisallowOverscroll" value="true" />
<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="StatusBarBackgroundColor" value="#ee6e73" />
<preference name="StatusBarStyle" value="blacktranslucent" />
<plugin name="com.ourcodeworld.plugins.Filebrowser" spec="https://github.com/ourcodeworld/cordova-ourcodeworld-filebrowser.git" />
<plugin name="cordova-plugin-geolocation" />
<plugin name="cordova-plugin-device" />
<plugin name="cordova-plugin-vibration" />
<plugin name="cordova-plugin-file" />
<plugin name="cordova-plugin-statusbar" source="npm" />
<plugin name="phonegap-plugin-push" source="npm" spec="~2.2.3" />
<plugin name="cordova-plugin-console" source="npm" />
<plugin name="cordova-plugin-dialogs" source="npm" />
<plugin name="cordova-plugin-whitelist" source="npm" />
<platform name="android">
<resource-file src="google-services.json" target="app/google-services.json" />
</platform>
<platform name="android">
<icon density="ldpi" src="www/res/icon/android/drawable-ldpi-icon.png" />
<icon density="mdpi" src="www/res/icon/android/drawable-mdpi-icon.png" />
<icon density="hdpi" src="www/res/icon/android/drawable-hdpi-icon.png" />
<icon density="xhdpi" src="www/res/icon/android/drawable-xhdpi-icon.png" />
<icon density="xxhdpi" src="www/res/icon/android/drawable-xxhdpi-icon.png" />
<icon density="xxxhdpi" src="www/res/icon/android/drawable-xxxhdpi-icon.png" />
<splash density="land-ldpi" src="www/res/screen/android/drawable-land-ldpi-screen.png" />
<splash density="land-mdpi" src="www/res/screen/android/drawable-land-mdpi-screen.png" />
<splash density="land-hdpi" src="www/res/screen/android/drawable-land-hdpi-screen.png" />
<splash density="land-xhdpi" src="www/res/screen/android/drawable-land-xhdpi-screen.png" />
<splash density="land-xxhdpi" src="www/res/screen/android/drawable-land-xxhdpi-screen.png" />
<splash density="land-xxxhdpi" src="www/res/screen/android/drawable-land-xxxhdpi-screen.png" />
<splash density="port-ldpi" src="www/res/screen/android/drawable-port-ldpi-screen.png" />
<splash density="port-mdpi" src="www/res/screen/android/drawable-port-mdpi-screen.png" />
<splash density="port-hdpi" src="www/res/screen/android/drawable-port-hdpi-screen.png" />
<splash density="port-xhdpi" src="www/res/screen/android/drawable-port-xhdpi-screen.png" />
<splash density="port-xxhdpi" src="www/res/screen/android/drawable-port-xxhdpi-screen.png" />
<splash density="port-xxxhdpi" src="www/res/screen/android/drawable-port-xxxhdpi-screen.png" />
</platform>
<platform name="ios">
<icon height="57" platform="ios" src="www/res/icon/ios/icon.png" width="57" />
<icon height="114" platform="ios" src="www/res/icon/ios/icon@2x.png" width="114" />
<icon height="40" platform="ios" src="www/res/icon/ios/icon-40.png" width="40" />
<icon height="80" platform="ios" src="www/res/icon/ios/icon-40@2x.png" width="80" />
<icon height="50" platform="ios" src="www/res/icon/ios/icon-50.png" width="50" />
<icon height="100" platform="ios" src="www/res/icon/ios/icon-50@2x.png" width="100" />
<icon height="60" platform="ios" src="www/res/icon/ios/icon-60.png" width="60" />
<icon height="120" platform="ios" src="www/res/icon/ios/icon-60@2x.png" width="120" />
<icon height="180" platform="ios" src="www/res/icon/ios/icon-60@3x.png" width="180" />
<icon height="72" platform="ios" src="www/res/icon/ios/icon-72.png" width="72" />
<icon height="144" platform="ios" src="www/res/icon/ios/icon-72@2x.png" width="144" />
<icon height="76" platform="ios" src="www/res/icon/ios/icon-76.png" width="76" />
<icon height="152" platform="ios" src="www/res/icon/ios/icon-76@2x.png" width="152" />
<icon height="29" platform="ios" src="www/res/icon/ios/icon-small.png" width="29" />
<icon height="58" platform="ios" src="www/res/icon/ios/icon-small@2x.png" width="58" />
<icon height="87" platform="ios" src="www/res/icon/ios/icon-small@3x.png" width="87" />
<splash height="1136" platform="ios" src="www/res/screen/ios/Default-568h@2x~iphone.png" width="640" />
<splash height="1334" platform="ios" src="www/res/screen/ios/Default-667h.png" width="750" />
<splash height="2208" platform="ios" src="www/res/screen/ios/Default-736h.png" width="1242" />
<splash height="1242" platform="ios" src="www/res/screen/ios/Default-Landscape-736h.png" width="2208" />
<splash height="1536" platform="ios" src="www/res/screen/ios/Default-Landscape@2x~ipad.png" width="2048" />
<splash height="768" platform="ios" src="www/res/screen/ios/Default-Landscape~ipad.png" width="1024" />
<splash height="2048" platform="ios" src="www/res/screen/ios/Default-Portrait@2x~ipad.png" width="1536" />
<splash height="1024" platform="ios" src="www/res/screen/ios/Default-Portrait~ipad.png" width="768" />
<splash height="960" platform="ios" src="www/res/screen/ios/Default@2x~iphone.png" width="640" />
<splash height="480" platform="ios" src="www/res/screen/ios/Default~iphone.png" width="320" />
</platform>
<platform name="wp8">
<icon height="99" platform="wp8" src="www/res/icon/wp8/ApplicationIcon.png" width="99" />
<icon height="159" platform="wp8" src="www/res/icon/wp8/Background.png" width="159" />
<splash height="1280" platform="wp8" src="www/res/screen/wp8/screen-portrait.jpg" width="768" />
</platform>
<platform name="windows">
<icon height="150" platform="windows" src="www/res/icon/windows/Square150x150Logo.scale-100.png" width="150" />
<icon height="30" platform="windows" src="www/res/icon/windows/Square30x30Logo.scale-100.png" width="30" />
<icon height="50" platform="windows" src="www/res/icon/windows/StoreLogo.scale-100.png" width="50" />
<splash height="300" platform="windows" src="www/res/screen/windows/SplashScreen.scale-100.png" width="620" />
<icon height="120" platform="windows" src="www/res/icon/windows/StoreLogo.scale-240.png" width="120" />
<icon height="44" platform="windows" src="www/res/icon/windows/Square44x44Logo.scale-100.png" width="44" />
<icon height="106" platform="windows" src="www/res/icon/windows/Square44x44Logo.scale-240.png" width="106" />
<icon height="70" platform="windows" src="www/res/icon/windows/Square70x70Logo.scale-100.png" width="70" />
<icon height="71" platform="windows" src="www/res/icon/windows/Square71x71Logo.scale-100.png" width="71" />
<icon height="170" platform="windows" src="www/res/icon/windows/Square71x71Logo.scale-240.png" width="170" />
<icon height="360" platform="windows" src="www/res/icon/windows/Square150x150Logo.scale-240.png" width="360" />
<icon height="310" platform="windows" src="www/res/icon/windows/Square310x310Logo.scale-100.png" width="310" />
<icon height="150" platform="windows" src="www/res/icon/windows/Wide310x150Logo.scale-100.png" width="310" />
<icon height="360" platform="windows" src="www/res/icon/windows/Wide310x150Logo.scale-240.png" width="744" />
<splash height="1920" platform="windows" src="www/res/screen/windows/SplashScreenPhone.scale-240.png" width="1152" />
</platform>
<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:*" />
<platform name="android">
<allow-intent href="market:*" />
</platform>
<platform name="ios">
<allow-intent href="itms:*" />
<allow-intent href="itms-apps:*" />
</platform>
</widget>
You also have to register your app with FCM using the advice in the link that @lynkfsjust provided. Then download the google-services.json file and save it in the folder where your config.xml is.
Lastly, when you are installing the apk on your phone, you may need to disable Play Protect in the Play Store.
Here's the source code I'm currently using for testing. Note, that the parts that use the file dialogs is not pretty at all. You can simply ignore those parts and the FileBrowser-plugin when you make your own implementation.
unit Form1;
interface
uses
System.Types, System.Types.Convert, System.Objects, System.Time, System.json,
SmartCL.System, SmartCL.Time, SmartCL.Graphics, SmartCL.Components,
SmartCL.FileUtils, SmartCL.Forms, SmartCL.Fonts, SmartCL.Theme,
SmartCL.Borders, SmartCL.Application, SmartCL.Controls.Button, SmartCL.Controls.Label,
SmartCL.Controls.EditBox, PhoneGapApi, SmartCL.Controls.Memo, SmartCL.Controls.Image,
System.Device.Storage, SmartCL.Device.Storage, System.IOUtils,
System.Streams, System.Writer, SmartCL.Dialogs, SmartCL.Geolocation;
type
TForm1 = class(TW3Form)
private
{$I 'Form1:intf'}
procedure AddToLog(const Value: String);
procedure FileDialogError(data: Variant);
procedure InitPushNotifications(Sender: TObject);
procedure PhoneGapReady;
procedure PushInitialized(data: Variant);
procedure PushReceived(data: Variant);
procedure PushError(data: Variant);
procedure OpenSaveDialog(Sender: TObject);
procedure SavePushToken(NewFileName: String);
protected
procedure InitializeForm; override;
procedure InitializeObject; override;
procedure Resize; override;
end;
implementation
uses
PGStripe;
{ TForm1 }
procedure TForm1.AddToLog(const Value: String);
begin
LogMemo.Add(Value+#13#10);
end;
procedure TForm1.InitPushNotifications(Sender: TObject);
begin
var Id := SenderId.Text;
PhoneGap.InitPushNotifications(Id, @PushInitialized, @PushReceived, @PushError);
end;
procedure TForm1.InitializeForm;
begin
inherited;
AddToLog('Waiting for deviceready in PhoneGap');
SenderId.Enabled := False;
InitPush.Enabled := False;
SaveToken.Enabled := False;
PhoneGap.OnReady(PhoneGapReady);
end;
procedure TForm1.InitializeObject;
begin
inherited;
{$I 'Form1:impl'}
end;
procedure TForm1.PhoneGapReady;
begin
LogMemo.Clear;
AddToLog('uuid: '+PhoneGap.Device.uuid);
AddToLog('version: '+PhoneGap.Device.version);
AddToLog('model: '+PhoneGap.Device.model);
AddToLog('manufacturer: '+PhoneGap.Device.manufacturer);
AddToLog('platform: '+PhoneGap.Device.platform);
AddToLog('cordova: '+PhoneGap.Device.cordova);
AddToLog('serial: '+PhoneGap.Device.serial);
//Where are we?
var GL:=TW3GeoLocation.Create;
GL.OnPosition:=procedure (Sender: TObject; Position: TW3Position)
begin
AddToLog('');
AddToLog('Got position!');
AddToLog(' Time: '+FormatDateTime('dd.mm.yyyy hh:nn:ss.zzz',Position.Timestamp));
AddToLog(' Lat: '+Variant(Position.Coords.Latitude));
AddToLog(' Lng: '+Variant(Position.Coords.Longitude));
AddToLog(' Alt: '+Variant(Position.Coords.Altitude));
AddToLog(' Acc: '+Variant(Position.Coords.Accuracy));
AddToLog(' AltAcc: '+Variant(Position.Coords.AltitudeAccuracy));
AddToLog(' Head: '+Variant(Position.Coords.Heading));
AddToLog(' Speed: '+Variant(Position.Coords.Speed));
AddToLog('');
end;
GL.OnPositionError:=procedure (Sender: TObject; Msg: TW3PositionError)
begin
AddToLog('Got an error');
AddToLog('Message: '+Msg.ErrorMessage);
end;
GL.QueryCurrentPosition;
SenderId.Enabled := True;
InitPush.Enabled := True;
InitPush.OnClick := @InitPushNotifications;
PhoneGap.Notification.vibrate(1000);
end;
procedure TForm1.PushInitialized(data: Variant);
begin
AddToLog('Push init ok');
AddToLog('Token: '+PhoneGap.RegistrationId);
SenderId.Enabled := False;
InitPush.Enabled := False;
SaveToken.Enabled := True;
SaveToken.OnClick := @OpenSaveDialog;
end;
procedure TForm1.PushReceived(data: Variant);
begin
AddToLog('Push: '+data.message);
end;
procedure TForm1.PushError(data: Variant);
begin
AddToLog('Push error: '+data.message);
end;
procedure TForm1.OpenSaveDialog(Sender: TObject);
// Uses https://github.com/ourcodeworld/cordova-ourcodeworld-filebrowser
procedure DoSave(data: Variant);
begin
SavePushToken(data);
end;
begin
asm
window.OurCodeWorld.Filebrowser.createFileDialog({
success: function(data) {
@DoSave(data);
},
error: function(data) {
@FileDialogError(data);
}
});
end;
end;
procedure TForm1.FileDialogError(data: Variant);
begin
AddToLog("Error calling createFileDialog: "+data.message);
end;
procedure TForm1.SavePushToken(NewFileName: String);
var NewFilePath: String;
procedure fail(err: Variant);
begin
AddToLog('Error saving push notification token');
end;
procedure FileWriterCreated(FileWriter: Variant);
begin
var TokenToWrite := PhoneGap.RegistrationId;
asm
FileWriter.onerror = @fail;
FileWriter.write(@TokenToWrite);
end;
end;
procedure FileCreated(fileEntry: Variant);
begin
AddToLog('File created');
asm
fileEntry.createWriter(@FileWriterCreated);
end;
end;
procedure onDirectorySuccess(dirEntry: Variant);
begin
AddToLog('Got directory access');
asm
dirEntry.getFile(NewFileName, {create: true, exclusive: false}, @FileCreated, @fail);
end;
end;
begin
AddToLog('Saving push notification token');
//Split NewFileName to path and file
for var a:=Length(NewFileName) downto 1 do
if NewFileName[a]='/' then begin
NewFilePath := copy(NewFileName,1,a);
NewFileName := copy(NewFileName,a+1,Length(NewFileName));
break;
end;
asm
window.resolveLocalFileSystemURL(@NewFilePath, @onDirectorySuccess);
end;
end;
procedure TForm1.Resize;
begin
var h:=ClientHeight;
if h=0 then exit;
var w:=ClientWidth;
SaveToken.SetBounds(0,h-40,w,40); dec(h,40);
InitPush.SetBounds(0,h-40,w,40); dec(h,40);
SenderId.SetBounds(0,h-32,w,32); dec(h,32);
LogMemo.SetBounds(0,0,w,h);
inherited;
end;
initialization
Forms.RegisterForm({$I %FILE%}, TForm1);
end.
