How to send push notification from one user to another in Ionic?
I want to send push notification from one user to another in my Ionic application. Suppose, User1 likes a pic of User2 then User2 will receive "User1 liked your pic" notification. How can I achieve this using FCM, OneSignal or other?
See also questions close to this topic
-
Go to specific activity when notification received in closed application?
Below is my code, it works perfectly while app is in background but it gets to splash screen when app is not in background;
Intent resultIntent = null; if (flag.equalsIgnoreCase("refer_friend")) { resultIntent = new Intent(getApplicationContext(), MyLoyaltyHistoryActivity.class); resultIntent.putExtra("key", "2"); resultIntent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK); } TaskStackBuilder taskStackBuilder = TaskStackBuilder.create(getApplicationContext()); taskStackBuilder.addNextIntentWithParentStack(resultIntent); PendingIntent resultPendingIntent = PendingIntent.getActivity(getApplicationContext(), 0 /* Request code */, resultIntent, PendingIntent.FLAG_UPDATE_CURRENT); mBuilder = new NotificationCompat.Builder(getApplicationContext()); mBuilder.setSmallIcon(R.drawable.yu_android); mBuilder.setContentTitle(title) .setContentText(message) .setAutoCancel(false) .setSound(Settings.System.DEFAULT_NOTIFICATION_URI) .setContentIntent(resultPendingIntent); mNotificationManager = (NotificationManager) getApplicationContext().getSystemService(Context.NOTIFICATION_SERVICE); if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { mBuilder.setSmallIcon(R.drawable.yu_android); } else { mBuilder.setSmallIcon(R.drawable.yu_android); } if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.O) { int importance = NotificationManager.IMPORTANCE_MAX; NotificationChannel notificationChannel = new NotificationChannel(NOTIFICATION_CHANNEL_ID, "NOTIFICATION_CHANNEL_NAME", importance); notificationChannel.enableLights(true); notificationChannel.setLightColor(Color.RED); notificationChannel.enableVibration(true); notificationChannel.setVibrationPattern(new long[]{100, 200, 300, 400, 500, 400, 300, 200, 400}); assert mNotificationManager != null; mBuilder.setChannelId(NOTIFICATION_CHANNEL_ID); mNotificationManager.createNotificationChannel(notificationChannel); } assert mNotificationManager != null; mNotificationManager.notify(0 /* Request Code */, mBuilder.build()); -
Listener only adds last image in list to the RecyclerView
I get a Data snapshot of the user's ids. These ids are also the same as the image ids of the matching profile pictures of the users. I want to populate the RecyclerView with each image that matches the RecyclerView, but what happens is, that it populate the correct user id, but it only populates the last image in the list of the data snapshot instead of all. So I end up with a list of user ids and a single image at the bottom:
ValueEventListener eventListener = new ValueEventListener() { @Override public void onDataChange(DataSnapshot dataSnapshot) { for(DataSnapshot ds : dataSnapshot.getChildren()) { imageName = ds.getKey(); user = new User(imageName); myDataset.add(user); storageReference.child("profileImages").child(imageName).getDownloadUrl().addOnSuccessListener(new OnSuccessListener<Uri>() { @Override public void onSuccess(Uri uri) { user.setImageUri(uri); // Got the download URL mAdapter.notifyDataSetChanged(); } }).addOnFailureListener(new OnFailureListener() { @Override public void onFailure(@NonNull Exception exception) { // Handle any errors } }); } } @Override public void onCancelled(DatabaseError databaseError) {} }; imagesRef.addListenerForSingleValueEvent(eventListener);This is how it looks:
This is the adapter:
public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> { private ArrayList<User> mDataset; private MyViewHolder myHolder; private User user; // Provide a reference to the views for each data item // Complex data items may need more than one view per item, and // you provide access to all the views for a data item in a view holder public static class MyViewHolder extends RecyclerView.ViewHolder { public TextView userIdTextView; public ImageView userProfileImageView; public View layout; public MyViewHolder(View v) { super(v); layout = v; userProfileImageView = (ImageView) v.findViewById(R.id.profile_image); public TextView userIdTextView = (TextView) v.findViewById(R.id.user_id_text_view); } } // Provide a suitable constructor (depends on the kind of dataset) public MyAdapter(ArrayList<User> myDataset) { mDataset = myDataset; } // Create new views (invoked by the layout manager) @Override public MyAdapter.MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { View v = LayoutInflater.from(parent.getContext()) .inflate(R.layout.recycler_view, parent, false); MyViewHolder vh = new MyViewHolder(v); return vh; } @Override public void onBindViewHolder(MyViewHolder holder, int position) { myHolder = holder; user = mDataset.get(position); Uri userImage = user.getImageUri(); myHolder.userIdTextView.setText(user.getUsername()); Glide.with(myHolder.itemView.getContext() /* context */) .load(userImage) .apply(new RequestOptions().override(300, 300)) .into(myHolder.userProfileImageView); // Return the size of your dataset (invoked by the layout manager) @Override public int getItemCount() { return mDataset.size(); } }database structure:
database |_____users |___uid1 |___uid2 |___uid3 -
Angular material slidetoggle change
I have a list of slide toogle (loop made on my data firebase)
I get the desired function to know write 1 or 0 in firebase according to the position of matte slidde toggle however when I click on sliddetoggle all slidestoogle flashes. How can i fix that?
Component.html
<mat-slide-toggle color="primary" #toggle [ngModel]="InteruptorToDisplay.state" (ngModelChange)="changed(InteruptorToDisplay.key, InteruptorToDisplay.display, InteruptorToDisplay.icon,InteruptorToDisplay.name, $event)> </mat-slide-toggle>component.ts
import {MatSlideToggleModule} from '@angular/material/slide-toggle'; import { Interuptor } from '../models/interuptor.model'; @Component({ selector: 'app-live', templateUrl: './live.component.html', styleUrls: ['./live.component.scss'] }) export class LiveComponent implements OnInit { changed(key, display, icon, name, e){ var value if (e===true) {value=1;} else {value=0;} const newInteruptor = new Interuptor(key, display, icon, name, e, value); this.interuptorsService.UpdateState(key,newInteruptor); } -
how to post checklist form in ionic
can someone please help me with some code on how to post to the server the values of a multiple checkbox, so i have a checklist of yes and no questions and i want to capture the user answers and post it to the server using a post request. here the table with the checkbox
<table> <tr> <th>Completed Order Checklist</th> <th>Yes</th> <th>No</th> </tr> <tr> <td>Were all items collected? </td> <td> <input type="checkbox" value="yes" /> </td> <td> <input type="checkbox" value="no" /> </td> </tr> <tr> <td>Were all substitutes approved</td> <td> <input type="checkbox" value="yes" /> </td> <td> <input type="checkbox" value="no" /> </td> </tr> <tr> <td>Did you check customers notes?</td> <td> <input type="checkbox" value="yes" /> </td> <td> <input type="checkbox" value="no" /> </td> </tr> -
How to change CORS policy for hybride app which uses angular 6 ,ionic 4 as frontend and scala as backend?
I am trying to use post method for login purpose, following code:
log(data){ let vals = JSON.stringify(data.value); let headerOptions = new HttpHeaders(); headerOptions.append('Content-Type', 'application/x-www-form-urlencoded;charset=UTF-8'); return this.http.post("http://IP_server:88/mLog" , vals, { headers: headerOptions}).pipe(tap( res=>{ console.log('data: '+res) }, err=> console.log(err) )); }I am getting an error as follows:
Access to XMLHttpRequest at 'http://IP_server:88/mLog' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
-
how to set current date using input type date in ionic?
I want to set current date in input type date.I don't want to use ion-datetime. I tried the following code.But it does not work.
<input type="date" value={{this.todt}} [(ngModel)]="todt">ts code
todt = '2018-12-17';Please advise.
-
IONIC: Upload base64 images to spring Boot not working on iOS
I a trying to upload JSON object which has 5 images [to be stored as @Lob String], but on iOS it's not working and take long to respond. Front End: IONIC 3, below is the take picture code
takePicture(sourceType, i: number){ var options = { quality: 85, targetHeight: 256, destinationType: this.camera.DestinationType.FILE_URI, sourceType: sourceType, encodingType: this.camera.EncodingType.JPEG, mediaType: this.camera.MediaType.PICTURE, saveToPhotoAlbum: true, correctOrientation: true }; this.camera.getPicture(options).then( (imageData) => { let thumbnail = normalizeURL(imageData); if(i === 1){ this.img1 = thumbnail; this.getImgBase64(thumbnail, 1); } else if (i === 2){ this.img2 = thumbnail; this.getImgBase64(thumbnail, 2); } else if (i === 3){ this.img3 = thumbnail; this.getImgBase64(thumbnail, 3); } else if (i === 4){ this.img4 = thumbnail; this.getImgBase64(thumbnail, 4); } else{ this.img5 = thumbnail; this.getImgBase64(thumbnail, 5); } }, (err) => { console.log(err); } ) }And for uploading I am using native HTTP plugin
native_ad_creation(a: Annonce){ this.nativeHttp.setDataSerializer('json'); let headers = { 'Content-Type': 'application/json', 'Authorization': 'Basic '+this.loginBTOA, 'Accept': 'application/json'}; return this.nativeHttp.post(this.links.annonce_link, a, headers); }The error I keep receiving is:
[BoringSSL] nw_protocol_boringssl_get_output_frames(1301) [C4.1:2][0x1399051c0] get output frames failed, state 8196
-
IONIC inappbrowser loadstop event not working in IOS
I am launching an https://... URL in iPhone within inAppBrowser. I am trying to call 'loadstop' event for inappbrowser. It is not getting called in Iphone but it works for Android. Please let me know if there is any API update is required.
Thanks,
-
Trouble with OneSignal
I am currently following a tutorial on Udemy and have gotten stuck with OneSignal at the point where one registers your app. The tutor has OneSignal on his screen and when he clicks to set up the app the following screen comes up:
Up to this point everything is fine. I see the same image on my screen with the same four categories:
- "Select Platform"
- "Configure Platform"
- "Select SDK"
- "Install SDK"
However, when the"Select Platform" section is completed, the following screen comes up:
This screen also comes up for me, but once this section is complete the problem begins. When this is complete the tutor simply has this pop-up screen go away and returns to the OneSignal website, show by the following:
Tutor Screen after "Configure Platform" section
When I complete this section, however, I am required to complete the final two sections where he was not:
My Screen after "Configure Platform" section
Last time I tried doing this final step I followed someones advice on the internet, using Terminal to try and install it. This ended up ruining my project, causing problems with pod installation in Terminal that took me 3 months to solve. Please can someone let me know how to properly install this SDK, and also why I have different requirements to the Udemy tutor.
Thank you very much.
-
How to remove push notifications that have already been sent?
THE SITUATION:
I need to send push notifications to a certain group of user.
When the first user of this group perform a certain action (click on the button inside the notification), I need to remove the notification from all the other users' devices.NOTES:
I am using Quasar as hybrid framework and Laravel for server API. I use oneSignal to send push notifications with php cURL requests.
As device OS I am focusing now on Android, but ideally I am looking for a way to achieve this in both Android and IOS.
ATTEMPTS:
At the moment I send the notification with the notification_id as a payload. When the user click on the button, it trigger a callback that send the notification_id back to server. Until here no problem.
I have the id of the notification that need to be removed from the other devices.
But now I don't know how to remove it, from the server.
OneSignal has a cancel method, but it applies only for scheduled notifications (not sent). If I try to apply that method to a sent notification it gives the error:
Notification has already been sent to all recipients.THE QUESTION:
Is it possible to remove a push notification, from the server, after it has been sent?
If not, what do you suggest as an alternative to implement that behavior?Thanks!
-
How to use custom sound in notifitcation ionic 3 one signal?
I'm using Onesignal to push notification in my app ionic, but the custom sound does not ring.
Here my app.component:
setupNotification() { this.oneSignal.startInit('xxxxxxxxxx-xxxx-xxxxxxxxxxx-xxxxxxxx', 'xxxxxxxxxxxx'); this.oneSignal.inFocusDisplaying(this.oneSignal.OSInFocusDisplayOption.InAppAlert); this.oneSignal.handleNotificationReceived().subscribe(data => { data.payload.sound = 'coins.mp3' }); this.oneSignal.handleNotificationOpened().subscribe(() => { // do something when a notification is opened }); this.oneSignal.endInit();}
here my config.xml:
<platform name="android"> <resource-file src="res/raw/coins.mp3" target="res/raw/coins.mp3" /> </platform>Where am I going wrong?
