Modern mobil uygulama geli\u015ftirmede, farkl\u0131 sayfalar veya bile\u015fenler aras\u0131nda veri ve mesaj al\u0131\u015fveri\u015fi kritik bir ihtiya\u00e7t\u0131r. Ionic gibi bir framework ile uygulama geli\u015ftirirken, bile\u015fenler aras\u0131 ileti\u015fimi sa\u011flamak i\u00e7in \u00e7e\u015fitli y\u00f6ntemler bulunur. Bunlardan biri de Ionic’in kendi b\u00fcnyesinde sundu\u011fu Ionic Events, bir yay\u0131nla-abone ol (publish-subscribe) mekanizmas\u0131 \u00fczerine kurulu basit bir mesajla\u015fma servisidir. Temel amac\u0131, uygulaman\u0131zdaki farkl\u0131 ve genellikle birbiriyle do\u011frudan ili\u015fkisi olmayan bile\u015fenler aras\u0131nda veri ve mesajlar\u0131 gev\u015fek bir \u015fekilde ba\u011flayarak iletmektir. Bu, \u00f6zellikle bir bile\u015fenin ba\u015fka bir bile\u015fenin varl\u0131\u011f\u0131ndan haberdar olmadan ona mesaj g\u00f6ndermesi gerekti\u011fi durumlarda \u00e7ok kullan\u0131\u015fl\u0131d\u0131r.<\/p>\n Events, \u00f6zellikle tek y\u00f6nl\u00fc, “ate\u015fle ve unut” (fire-and-forget) tarz\u0131 ileti\u015fim i\u00e7in uygundur. Bir olay yay\u0131nland\u0131\u011f\u0131nda, bu olay\u0131 dinleyen t\u00fcm aboneler ayn\u0131 anda bilgilendirilir. Geri d\u00f6n\u00fc\u015f de\u011feri beklemeyen veya karma\u015f\u0131k durum y\u00f6netimi gerektirmeyen senaryolarda Events, geli\u015ftiriciye b\u00fcy\u00fck kolayl\u0131k sa\u011flar.<\/p>\n Ionic Events’i kullanmaya ba\u015flamak olduk\u00e7a basittir. \u0130lk ad\u0131m, Not:<\/strong> Ionic 4+ kullan\u0131yorsan\u0131z, \u00d6ncelikle, uygulaman\u0131zda Event Service ad\u0131nda bir servis olu\u015ftural\u0131m. Bu servis, olaylar\u0131 yay\u0131nlamak ve dinlemek i\u00e7in RxJS Bir olay yay\u0131nlamak i\u00e7in, Bir olay\u0131 dinlemek i\u00e7in yine Bellek s\u0131z\u0131nt\u0131lar\u0131n\u0131 \u00f6nlemek i\u00e7in, bir bile\u015fen yok edildi\u011finde (\u00f6rne\u011fin, sayfadan ayr\u0131ld\u0131\u011f\u0131n\u0131zda) olay aboneliklerinden \u00e7\u0131kmak \u00e7ok \u00f6nemlidir<\/strong>. RxJS Yukar\u0131daki Ionic Events (veya kendi Event Service’iniz) ile neler yapabilece\u011finizi ve bu arac\u0131 en iyi nas\u0131l kullanabilece\u011finizi anlamak, uygulaman\u0131z\u0131n mimarisini g\u00fc\u00e7lendirecektir.<\/p>\n En yayg\u0131n kullan\u0131m senaryolar\u0131ndan biri, uygulama i\u00e7inde farkl\u0131 yerlerdeki sayfalar veya bile\u015fenler aras\u0131nda veri senkronizasyonudur. \u00d6rne\u011fin, bir kullan\u0131c\u0131n\u0131n profil sayfas\u0131nda yapt\u0131\u011f\u0131 bir de\u011fi\u015fikli\u011fi, uygulaman\u0131n ana sayfas\u0131ndaki avatar\u0131nda veya men\u00fcs\u00fcnde an\u0131nda g\u00f6stermek isteyebilirsiniz.<\/p>\n Uygulaman\u0131z\u0131n herhangi bir yerinden tetikleyebilece\u011finiz ve uygulaman\u0131n farkl\u0131 b\u00f6l\u00fcmlerinde yakalayabilece\u011finiz genel mesajlar i\u00e7in Events \u00e7ok kullan\u0131\u015fl\u0131d\u0131r. \u00d6rne\u011fin, bir HTTP iste\u011fi ba\u015far\u0131s\u0131z oldu\u011funda bir hata mesaj\u0131 g\u00f6stermek veya bir i\u015flem tamamland\u0131\u011f\u0131nda bir bildirim yay\u0131nlamak.<\/p>\n Ionic\/Angular ekosisteminde veri aktar\u0131m\u0131 i\u00e7in farkl\u0131 y\u00f6ntemler mevcuttur:<\/p>\n Events (veya Event Service) Ne Zaman Kullan\u0131lmal\u0131?<\/strong><\/p>\n Events Ne Zaman Kullan\u0131lmamal\u0131?<\/strong><\/p>\n Ionic Events (veya RxJS tabanl\u0131 kendi Event Service’iniz), uygulaman\u0131zdaki farkl\u0131 bile\u015fenler aras\u0131nda gev\u015fek ba\u011fl\u0131 ve etkili bir \u015fekilde veri ve mesaj aktar\u0131m\u0131 sa\u011flamak i\u00e7in g\u00fc\u00e7l\u00fc bir ara\u00e7t\u0131r. Do\u011fru kullan\u0131ld\u0131\u011f\u0131nda, kodunuzun daha temiz, daha mod\u00fcler ve bak\u0131m\u0131 daha kolay olmas\u0131na yard\u0131mc\u0131 olabilir. Ancak, her ara\u00e7 gibi, Events’in de ne zaman ve nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 bilmek \u00f6nemlidir. Bellek s\u0131z\u0131nt\u0131lar\u0131n\u0131 \u00f6nlemek i\u00e7in abonelikten \u00e7\u0131kma ve a\u015f\u0131r\u0131 kullan\u0131mdan ka\u00e7\u0131nma, bu arac\u0131n etkinli\u011fini maksimize etmek i\u00e7in temel prensiplerdir.<\/p>\n Ionic’in eski Genellikle evet. RxJS Subject’ler, Ionic Events’in sundu\u011fu t\u00fcm i\u015flevselli\u011fi ve \u00e7ok daha fazlas\u0131n\u0131 sunar. Daha zengin operat\u00f6rler ( Abonelikten \u00e7\u0131kmay\u0131 unutursan\u0131z, bellek s\u0131z\u0131nt\u0131lar\u0131na yol a\u00e7ars\u0131n\u0131z. Bile\u015feniniz yok edilmi\u015f olsa bile, olay dinleyicisi bellekte kalmaya devam eder ve olaylar tetiklendi\u011finde gereksiz yere \u00e7al\u0131\u015f\u0131r. Bu durum, uygulaman\u0131z\u0131n performans\u0131n\u0131 d\u00fc\u015f\u00fcrebilir ve beklenmedik davran\u0131\u015flara neden olabilir. Her zaman Teknik olarak s\u0131n\u0131rs\u0131z say\u0131da parametre g\u00f6nderebilirsiniz ( Event isimleri a\u00e7\u0131klay\u0131c\u0131, benzersiz ve genellikle bir “konu:eylem” veya “kaynak:durum” format\u0131nda olmal\u0131d\u0131r. \u00d6rne\u011fin, <\/body><\/p>\n","protected":false},"excerpt":{"rendered":"Modern mobil uygulama geli\u015ftirmede, farkl\u0131 sayfalar veya bile\u015fenler aras\u0131nda veri ve mesaj al\u0131\u015fveri\u015fi kritik bir ihtiya\u00e7t\u0131r. Ionic gibi bir","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-36438","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nEvents<\/code> mod\u00fcl\u00fcd\u00fcr. Bu rehberde, Ionic Events’in ne oldu\u011funu, nas\u0131l kullan\u0131ld\u0131\u011f\u0131n\u0131 ve uygulama i\u00e7inde veri ve mesaj ge\u00e7i\u015fi i\u00e7in nas\u0131l etkili bir ara\u00e7 olabilece\u011fini detayl\u0131 bir \u015fekilde inceleyece\u011fiz.<\/p>\nIonic Events Nedir ve Neden Kullan\u0131l\u0131r?<\/h2>\n
Neden Events Kullanmal\u0131y\u0131z?<\/h3>\n
\n
Ionic Events Kurulumu ve Temel Kullan\u0131m<\/h2>\n
Events<\/code> mod\u00fcl\u00fcn\u00fc uygulaman\u0131z\u0131n ana mod\u00fcl\u00fcne veya ilgili hizmetlere dahil etmektir. Ancak Ionic 4 ve sonras\u0131 ile birlikte @ionic\/angular<\/code> paketinden gelen Events<\/code> mod\u00fcl\u00fc do\u011frudan kullan\u0131mdan kald\u0131r\u0131lm\u0131\u015f ve yerine RxJS’in Subject<\/code> veya BehaviorSubject<\/code> gibi ara\u00e7lar\u0131 \u00f6nerilmi\u015ftir. Yine de, Ionic’in eski s\u00fcr\u00fcmlerinden veya belirli uyumluluk katmanlar\u0131ndan gelen projelerde veya bu basit publish-subscribe modelini uygulamak istedi\u011finizde, kendiniz benzer bir servisi kolayca olu\u015fturabilir veya baz\u0131 k\u00fct\u00fcphaneleri kullanabilirsiniz. Bu rehber, genellikle Ionic’in eski Events<\/code> mod\u00fcl\u00fcn\u00fcn \u00e7al\u0131\u015fma mant\u0131\u011f\u0131n\u0131 baz alarak ilerleyecek ve modern RxJS yakla\u015f\u0131mlar\u0131na da de\u011finecektir.<\/p>\nEvents<\/code> mod\u00fcl\u00fc do\u011frudan @ionic\/angular<\/code> i\u00e7inde bulunmaz. Bu durumda, RxJS’in Subject<\/code> veya BehaviorSubject<\/code>‘ini kullanan kendi Event Service’inizi olu\u015fturman\u0131z \u00f6nerilir. A\u015fa\u011f\u0131daki \u00f6rnekler, bu konsepte uygun olarak bir Event Service \u00fczerinden g\u00f6sterilecektir.<\/p>\nEvent Servisi Olu\u015fturma (Modern Yakla\u015f\u0131m)<\/h3>\n
Subject<\/code> kullanacakt\u0131r.<\/p>\n\n\/\/ src\/app\/services\/event.service.ts\nimport { Injectable } from '@angular\/core';\nimport { Subject, Subscription } from 'rxjs';\nimport { filter, map } from 'rxjs\/operators';\n\ninterface EventData {\n name: string;\n data: any[];\n}\n\n@Injectable({\n providedIn: 'root'\n})\nexport class EventService {\n private handler = new SubjectOlay Yay\u0131mlama (Publishing Events)<\/h3>\n
EventService<\/code>‘i sayfan\u0131za veya bile\u015feninize enjekte etmeniz ve publish()<\/code> metodunu kullanman\u0131z gerekir. \u0130lk parametre olay\u0131n ad\u0131d\u0131r (genellikle kategori:eylem<\/code> format\u0131nda), sonraki parametreler ise olayla birlikte g\u00f6ndermek istedi\u011finiz verilerdir.<\/p>\n\n\/\/ src\/app\/pages\/login\/login.page.ts\nimport { Component } from '@angular\/core';\nimport { NavController } from '@ionic\/angular';\nimport { EventService } from '..\/..\/services\/event.service'; \/\/ EventService'i import edin\n\n@Component({\n selector: 'app-login',\n templateUrl: '.\/login.page.html',\n styleUrls: ['.\/login.page.scss'],\n})\nexport class LoginPage {\n username: string = '';\n password: string = '';\n\n constructor(\n private navCtrl: NavController,\n private eventService: EventService \/\/ EventService'i enjekte edin\n ) {}\n\n async login() {\n \/\/ Kullan\u0131c\u0131 do\u011frulama i\u015flemleri burada yap\u0131l\u0131r\n if (this.username === 'test' && this.password === '123') {\n console.log('Kullan\u0131c\u0131 ba\u015far\u0131yla giri\u015f yapt\u0131.');\n \/\/ Giri\u015f ba\u015far\u0131l\u0131 oldu\u011funda bir olay yay\u0131nla\n this.eventService.publish('user:loggedIn', { username: this.username, timestamp: Date.now() });\n this.navCtrl.navigateRoot('\/dashboard'); \/\/ Dashboard sayfas\u0131na y\u00f6nlendir\n } else {\n console.log('Ge\u00e7ersiz kullan\u0131c\u0131 ad\u0131 veya \u015fifre.');\n \/\/ Hata durumunda da bir olay yay\u0131nlanabilir\n this.eventService.publish('auth:failed', 'Kullan\u0131c\u0131 ad\u0131 veya \u015fifre yanl\u0131\u015f.');\n }\n }\n}\n<\/code><\/pre>\nOlay Dinleme (Subscribing to Events)<\/h3>\n
EventService<\/code>‘i enjekte etmeniz ve subscribe()<\/code> metodunu kullanman\u0131z gerekir. \u0130lk parametre dinlemek istedi\u011finiz olay\u0131n ad\u0131d\u0131r, ikinci parametre ise olay tetiklendi\u011finde \u00e7al\u0131\u015facak bir geri \u00e7a\u011f\u0131rma (callback) fonksiyonudur. Bu fonksiyon, olayla birlikte g\u00f6nderilen verileri parametre olarak al\u0131r.<\/p>\n\n\/\/ src\/app\/pages\/dashboard\/dashboard.page.ts\nimport { Component, OnInit, OnDestroy } from '@angular\/core';\nimport { EventService } from '..\/..\/services\/event.service';\nimport { Subscription } from 'rxjs';\n\n@Component({\n selector: 'app-dashboard',\n templateUrl: '.\/dashboard.page.html',\n styleUrls: ['.\/dashboard.page.scss'],\n})\nexport class DashboardPage implements OnInit, OnDestroy {\n welcomeMessage: string = 'Ho\u015f geldiniz!';\n private userLoggedInSubscription: Subscription;\n private authFailedSubscription: Subscription;\n\n constructor(private eventService: EventService) {}\n\n ngOnInit() {\n \/\/ 'user:loggedIn' olay\u0131na abone ol\n this.userLoggedInSubscription = this.eventService.subscribe('user:loggedIn', (userData) => {\n console.log('Dashboard: user:loggedIn olay\u0131 al\u0131nd\u0131', userData);\n this.welcomeMessage = Ho\u015f geldiniz, ${userData.username}! Son giri\u015f: ${new Date(userData.timestamp).toLocaleTimeString()}<\/code>;\n });\n\n \/\/ 'auth:failed' olay\u0131na da abone ol (e\u011fer bir hata mesaj\u0131 g\u00f6stermek istersek)\n this.authFailedSubscription = this.eventService.subscribe('auth:failed', (errorMessage) => {\n console.error('Dashboard: auth:failed olay\u0131 al\u0131nd\u0131', errorMessage);\n \/\/ Hata mesaj\u0131n\u0131 kullan\u0131c\u0131ya g\u00f6stermek i\u00e7in bir toast veya alert kullan\u0131labilir.\n });\n }\n\n ngOnDestroy() {\n \/\/ Bellek s\u0131z\u0131nt\u0131lar\u0131n\u0131 \u00f6nlemek i\u00e7in abonelikten \u00e7\u0131k\u0131n\n if (this.userLoggedInSubscription) {\n this.userLoggedInSubscription.unsubscribe();\n }\n if (this.authFailedSubscription) {\n this.authFailedSubscription.unsubscribe();\n }\n }\n}\n<\/code><\/pre>\nAbonelikten \u00c7\u0131kma (Unsubscribing from Events)<\/h3>\n
subscribe()<\/code> metodu bir Subscription<\/code> nesnesi d\u00f6nd\u00fcr\u00fcr. Bu nesnenin unsubscribe()<\/code> metodunu \u00e7a\u011f\u0131rarak aboneli\u011fi iptal edebilirsiniz. Bu i\u015flem genellikle bile\u015fenin ngOnDestroy<\/code> ya\u015fam d\u00f6ng\u00fcs\u00fc metodunda yap\u0131l\u0131r.<\/p>\nDashboardPage<\/code> \u00f6rne\u011finde ngOnDestroy<\/code> metodunda abonelikten \u00e7\u0131kma i\u015flemi g\u00f6sterilmi\u015ftir. Bu, bir bile\u015fen art\u0131k olaylar\u0131 dinlemedi\u011finde, bellekte gereksiz referanslar\u0131n kalmas\u0131n\u0131 ve performans sorunlar\u0131na yol a\u00e7mas\u0131n\u0131 engeller.<\/p>\nPratik Kullan\u0131m Senaryolar\u0131 ve En \u0130yi Uygulamalar<\/h2>\n
Farkl\u0131 Sayfalar Aras\u0131nda Veri Aktar\u0131m\u0131<\/h3>\n
\n\/\/ src\/app\/pages\/profile\/profile.page.ts\nimport { Component } from '@angular\/core';\nimport { EventService } from '..\/..\/services\/event.service';\n\n@Component({\n selector: 'app-profile',\n templateUrl: '.\/profile.page.html',\n styleUrls: ['.\/profile.page.scss'],\n})\nexport class ProfilePage {\n userName: string = 'John Doe';\n userEmail: string = 'john.doe@example.com';\n\n constructor(private eventService: EventService) {}\n\n saveProfile() {\n \/\/ Profil g\u00fcncelleme API \u00e7a\u011fr\u0131s\u0131 burada yap\u0131l\u0131r\n console.log('Profil g\u00fcncellendi:', this.userName, this.userEmail);\n \/\/ Profil g\u00fcncellendi\u011finde bir olay yay\u0131nla\n this.eventService.publish('profile:updated', {\n name: this.userName,\n email: this.userEmail,\n timestamp: Date.now()\n });\n }\n}\n\n\/\/ src\/app\/components\/user-menu\/user-menu.component.ts (veya ba\u015fka bir sayfa)\nimport { Component, OnInit, OnDestroy } from '@angular\/core';\nimport { EventService } from '..\/..\/services\/event.service';\nimport { Subscription } from 'rxjs';\n\n@Component({\n selector: 'app-user-menu',\n templateUrl: '.\/user-menu.component.html',\n styleUrls: ['.\/user-menu.component.scss'],\n})\nexport class UserMenuComponent implements OnInit, OnDestroy {\n displayName: string = 'Misafir';\n private profileUpdateSubscription: Subscription;\n\n constructor(private eventService: EventService) {}\n\n ngOnInit() {\n this.profileUpdateSubscription = this.eventService.subscribe('profile:updated', (profileData) => {\n console.log('UserMenu: profile:updated olay\u0131 al\u0131nd\u0131', profileData);\n this.displayName = profileData.name;\n });\n }\n\n ngOnDestroy() {\n if (this.profileUpdateSubscription) {\n this.profileUpdateSubscription.unsubscribe();\n }\n }\n}\n<\/code><\/pre>\nUygulama Genelinde Mesajla\u015fma<\/h3>\n
\n\/\/ src\/app\/services\/api.service.ts\nimport { Injectable } from '@angular\/core';\nimport { HttpClient } from '@angular\/common\/http';\nimport { EventService } from '.\/event.service';\nimport { catchError } from 'rxjs\/operators';\nimport { throwError } from 'rxjs';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class ApiService {\n constructor(private http: HttpClient, private eventService: EventService) {}\n\n fetchData() {\n return this.http.get('https:\/\/api.example.com\/data').pipe(\n catchError(error => {\n this.eventService.publish('app:error', 'Veri \u00e7ekme hatas\u0131: ' + error.message);\n return throwError(error);\n })\n );\n }\n}\n\n\/\/ src\/app\/app.component.ts (Uygulaman\u0131n ana bile\u015feni)\nimport { Component, OnInit, OnDestroy } from '@angular\/core';\nimport { ToastController } from '@ionic\/angular';\nimport { EventService } from '.\/services\/event.service';\nimport { Subscription } from 'rxjs';\n\n@Component({\n selector: 'app-root',\n templateUrl: 'app.component.html',\n styleUrls: ['app.component.scss'],\n})\nexport class AppComponent implements OnInit, OnDestroy {\n private appErrorSubscription: Subscription;\n\n constructor(\n private toastController: ToastController,\n private eventService: EventService\n ) {}\n\n ngOnInit() {\n this.appErrorSubscription = this.eventService.subscribe('app:error', async (message) => {\n const toast = await this.toastController.create({\n message: message,\n duration: 3000,\n color: 'danger'\n });\n toast.present();\n });\n }\n\n ngOnDestroy() {\n if (this.appErrorSubscription) {\n this.appErrorSubscription.unsubscribe();\n }\n }\n}\n<\/code><\/pre>\nPerformans ve Bellek Y\u00f6netimi<\/h3>\n
\n
ngOnDestroy<\/code> i\u00e7inde) bu kritik \u00f6neme sahiptir.<\/li>\n@Input()<\/code> ve @Output()<\/code>, daha karma\u015f\u0131k veya s\u00fcrekli veri ak\u0131\u015flar\u0131 i\u00e7in RxJS Subject<\/code>\/BehaviorSubject<\/code> i\u00e7eren hizmetler veya merkezi durum y\u00f6netimi \u00e7\u00f6z\u00fcmleri (NGRX, Akita) daha uygun olabilir. Events, \u00f6zellikle gev\u015fek ba\u011flant\u0131n\u0131n ve tek y\u00f6nl\u00fc mesajla\u015fman\u0131n \u00f6nemli oldu\u011fu durumlarda parlar.<\/li>\nmod\u00fcl:eylem<\/code> veya kaynak:durum<\/code>). Bu, uygulaman\u0131z b\u00fcy\u00fcd\u00fck\u00e7e olaylar\u0131 takip etmenize ve \u00e7ak\u0131\u015fmalar\u0131 \u00f6nlemenize yard\u0131mc\u0131 olur.<\/li>\n<\/ul>\nAlternatif Yakla\u015f\u0131mlar ve Ne Zaman Events Kullanmal\u0131?<\/h3>\n
\n
\n
@Input()<\/code>\/@Output()<\/code> kullan\u0131m\u0131 karma\u015f\u0131k hale geldi\u011finde.<\/li>\n\n
@Input<\/code> \/ @Output<\/code> kullan\u0131n).<\/li>\nSonu\u00e7 ve S\u0131k\u00e7a Sorulan Sorular (SSS)<\/h2>\n
SSS (S\u0131k\u00e7a Sorulan Sorular)<\/h3>\n
Events ile Services (RxJS Subject\/BehaviorSubject ile) aras\u0131ndaki fark nedir?<\/h3>\n
Events<\/code> mod\u00fcl\u00fc, basit bir “ate\u015fle ve unut” publish-subscribe mekanizmas\u0131 sunuyordu. RxJS Subject<\/code> veya BehaviorSubject<\/code> kullanan servisler ise daha g\u00fc\u00e7l\u00fc ve esnektir. Subject<\/code>‘ler olay ak\u0131\u015flar\u0131n\u0131 y\u00f6netebilir, BehaviorSubject<\/code>‘ler ise son yay\u0131nlanan de\u011feri tutarak yeni abonelerin an\u0131nda bu de\u011fere eri\u015fmesini sa\u011flar. Servisler genellikle uygulama genelinde durumu y\u00f6netmek ve s\u00fcrekli veri ak\u0131\u015flar\u0131n\u0131 i\u015flemek i\u00e7in kullan\u0131l\u0131rken, Events daha \u00e7ok tek seferlik, anl\u0131k mesajla\u015fma i\u00e7in tercih edilir. Modern Ionic projelerinde, Events<\/code> yerine RxJS tabanl\u0131 servisler kullanmak daha yayg\u0131n ve \u00f6nerilen bir yakla\u015f\u0131md\u0131r.<\/p>\nEvents yerine RxJS Subject kullanmak daha m\u0131 iyi?<\/h3>\n
map<\/code>, filter<\/code>, debounceTime<\/code> vb.) ile olay ak\u0131\u015flar\u0131n\u0131 manip\u00fcle edebilir, bir ak\u0131\u015f\u0131n mevcut durumunu tutabilir (BehaviorSubject<\/code>) ve daha karma\u015f\u0131k senaryolar\u0131 y\u00f6netebilirsiniz. Bu rehberde g\u00f6sterilen EventService<\/code>, asl\u0131nda RxJS Subject<\/code>‘i kullanarak Ionic Events’e benzer bir aray\u00fcz sa\u011flamaktad\u0131r. Bu, her iki d\u00fcnyan\u0131n da en iyi y\u00f6nlerini birle\u015ftiren iyi bir yakla\u015f\u0131md\u0131r.<\/p>\nAbonelikten \u00e7\u0131kmay\u0131 unutursam ne olur?<\/h3>\n
ngOnDestroy<\/code> ya\u015fam d\u00f6ng\u00fcs\u00fc metodunda aboneliklerinizi iptal etti\u011finizden emin olun.<\/p>\nEvents ile ka\u00e7 parametre g\u00f6nderebilirim?<\/h3>\n
publish('event:name', param1, param2, param3, ...)<\/code>). Ancak pratik olarak, genellikle tek bir JavaScript nesnesi i\u00e7inde t\u00fcm ilgili verileri gruplamak daha d\u00fczenli ve okunabilir bir yakla\u015f\u0131md\u0131r (\u00f6rn: publish('user:loggedIn', { username: 'test', id: 123, timestamp: Date.now() })<\/code>).<\/p>\nEvent isimleri nas\u0131l olmal\u0131?<\/h3>\n
user:loggedIn<\/code>, profile:updated<\/code>, data:refresh<\/code>, app:error<\/code> gibi isimler olay\u0131n ne hakk\u0131nda oldu\u011funu ve ne zaman tetiklendi\u011fini a\u00e7\u0131k\u00e7a belirtir. Bu, uygulaman\u0131z b\u00fcy\u00fcd\u00fck\u00e7e olaylar\u0131 y\u00f6netmeyi ve hata ay\u0131klamay\u0131 kolayla\u015ft\u0131r\u0131r.<\/p>\n