Rumah hujung hadapan web tutorial js Acara bukan nestjs

Acara bukan nestjs

Sep 04, 2024 pm 10:42 PM

Eventos no nestjs

Apakah itu Acara?

Acara ialah isyarat atau pemberitahuan yang menunjukkan bahawa tindakan atau perubahan keadaan telah berlaku. Dalam konteks aplikasi, peristiwa membenarkan bahagian sistem yang berlainan untuk berkomunikasi dalam cara tak segerak dan dipisahkan. Ini amat berguna dalam seni bina perkhidmatan mikro, di mana anda memerlukan komponen untuk berfungsi secara bebas tetapi masih boleh "mendengar" dan bertindak balas terhadap perubahan yang berlaku di tempat lain dalam sistem.

Acara dalam NestJS

Dalam NestJS, pelaksanaan acara dilakukan dengan cara yang mudah dan intuitif menggunakan pustaka EventEmitter2, yang merupakan lanjutan daripada Node.js EventEmitter asli, dengan lebih banyak ciri. Seterusnya, mari lihat cara mengkonfigurasi dan menggunakan acara dalam NestJS.

Mengkonfigurasi Acara dalam NestJS

Pertama sekali, anda perlu memasang pakej @nestjs/event-emitter, yang menawarkan penyepaduan lengkap EventEmitter2 dengan NestJS:

npm install @nestjs/event-emitter

Selepas memasang pakej, import modul EventEmitterModule ke dalam modul utama aplikasi anda:

import { Module } from '@nestjs/common';
import { EventEmitterModule } from '@nestjs/event-emitter';

@Module({
  imports: [
    EventEmitterModule.forRoot(), // Importando o EventEmitterModule
    // outros módulos
  ],
})
export class AppModule {}

Dengan modul yang dikonfigurasikan, anda boleh mula mencipta dan mengendalikan acara dalam aplikasi anda.

Mencipta dan Mengeluarkan Acara

Mari kita buat contoh asas di mana acara dipancarkan apabila pengguna baharu dibuat.

1. Buat Acara:

Pertama, kami mentakrifkan kelas untuk mewakili acara kami:

export class UserCreatedEvent {
  constructor(
    public readonly userId: string,
    public readonly email: string,
  ) {}
}

2. Mengeluarkan Acara:

Dalam perkhidmatan di mana logik penciptaan pengguna dilaksanakan, anda boleh memancarkan acara selepas pengguna dibuat:

import { Injectable } from '@nestjs/common';
import { EventEmitter2 } from '@nestjs/event-emitter';
import { UserCreatedEvent } from './events/user-created.event';

@Injectable()
export class UserService {
  constructor(private readonly eventEmitter: EventEmitter2) {}

  async createUser(email: string) {
    // Lógica para criar o usuário
    const userId = '12345'; // Exemplo de ID gerado

    // Emitir o evento
    const event = new UserCreatedEvent(userId, email);
    this.eventEmitter.emit('user.created', event);
  }
}

Di sini acara user.created dipancarkan apabila pengguna baharu dibuat.

Mendengar dan Menjawab Peristiwa

Untuk bertindak balas terhadap peristiwa yang dipancarkan, anda boleh mencipta pendengar, iaitu fungsi atau kaedah yang akan dipanggil apabila peristiwa yang sepadan dicetuskan.

1. Mencipta Pendengar:

Pendengar ialah kelas yang bertindak balas terhadap peristiwa tertentu:

import { OnEvent } from '@nestjs/event-emitter';
import { Injectable } from '@nestjs/common';
import { UserCreatedEvent } from './events/user-created.event';

@Injectable()
export class UserCreatedListener {
  @OnEvent('user.created')
  handleUserCreatedEvent(event: UserCreatedEvent) {
    console.log('Usuário criado com sucesso:', event.userId, event.email);
    // Lógica adicional, como enviar um e-mail de boas-vindas
  }
}

2. Mendaftarkan Pendengar:

Untuk NestJS mengenali pendengar, ia mesti didaftarkan dalam modul yang sepadan:

import { Module } from '@nestjs/common';
import { UserService } from './user.service';
import { UserCreatedListener } from './listeners/user-created.listener';

@Module({
  providers: [UserService, UserCreatedListener],
})
export class UserModule {}

Kini, setiap kali acara user.created dipancarkan, kaedah handleUserCreatedEvent akan dipanggil.

Aplikasi Acara Lanjutan

Acara boleh digunakan dalam pelbagai senario untuk meningkatkan seni bina aplikasi:

  1. Integrasi dengan Perkhidmatan Mikro: Acara ialah cara yang cekap untuk berkomunikasi antara perkhidmatan mikro, membolehkan mereka kekal dipisahkan.
  2. Pemprosesan Asynchronous: Anda boleh memancarkan peristiwa untuk melaksanakan operasi latar belakang, seperti menghantar e-mel atau memproses sejumlah besar data.
  3. Pengelogan dan Pengauditan: Acara sesuai untuk menangkap tindakan pengguna dan peristiwa sistem untuk tujuan pengauditan.

Kesimpulan

Menggunakan acara dalam NestJS ialah cara yang berkesan untuk mencipta sistem modular, berskala dan mudah diselenggara. Melalui penyepaduan dengan EventEmitter2, NestJS memudahkan untuk mencipta, memancarkan dan mendengar acara, membolehkan anda melaksanakan seni bina dipacu peristiwa dengan mudah dan berkesan. Sama ada untuk komunikasi antara perkhidmatan mikro atau pemprosesan tak segerak, acara ialah alat penting dalam mana-mana senjata pembangun NestJS.

Atas ialah kandungan terperinci Acara bukan nestjs. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Stock Market GPT

Stock Market GPT

Penyelidikan pelaburan dikuasakan AI untuk keputusan yang lebih bijak

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Penapisan Multi-Condition JavaScript: Melaksanakan penapisan produk dinamik berdasarkan dan/atau logik Penapisan Multi-Condition JavaScript: Melaksanakan penapisan produk dinamik berdasarkan dan/atau logik Aug 22, 2025 am 10:00 AM

Tutorial ini memperkenalkan secara terperinci bagaimana menggunakan JavaScript untuk melaksanakan fungsi penapisan dinamik pelbagai syarat, yang membolehkan pengguna menapis produk berdasarkan pelbagai atribut seperti warna dan saiz. Melalui struktur HTML yang jelas dan contoh kod JavaScript, artikel menunjukkan cara mengendalikan dan atau logik secara fleksibel untuk memenuhi keperluan penapisan pengguna yang kompleks dan memberikan cadangan pengoptimuman.

Mengoptimumkan pengendalian acara lompat luaran dinamik di tetingkap pop timbul jQuery Mengoptimumkan pengendalian acara lompat luaran dinamik di tetingkap pop timbul jQuery Sep 01, 2025 am 11:48 AM

Artikel ini bertujuan untuk menyelesaikan masalah mengalihkan butang redirect pautan luaran dalam tetingkap pop-up jQuery menyebabkan kesilapan lompat. Apabila pengguna mengklik pelbagai pautan luaran dalam penggantian, butang lompat di pop timbul mungkin selalu menunjuk pada pautan pertama yang diklik. Penyelesaian teras adalah dengan menggunakan kaedah off ('klik') untuk membatalkan pengendali acara lama sebelum setiap mengikat peristiwa baru, memastikan bahawa tingkah laku lompat sentiasa menunjuk kepada URL sasaran terkini, dengan itu mencapai pengalihan pautan yang tepat dan terkawal.

Bagaimana anda memilih elemen dengan atribut data dalam JavaScript? Bagaimana anda memilih elemen dengan atribut data dalam JavaScript? Aug 30, 2025 am 01:57 AM

Anda boleh memilih elemen dengan atribut data dalam JavaScript melalui pemilih atribut CSS, dan gunakan document.QuerySelector () atau document.QuerySelectorAll () kaedah untuk mencapai matlamat ini. 1. Gunakan [data-attribute] untuk memilih elemen dengan atribut data yang ditentukan (sebarang nilai); 2. Gunakan [data-attribute = "nilai"] untuk memilih elemen yang nilai atributnya sesuai; 3. Akses atribut data melalui elemen.dataset, di mana data-us-id sepadan dengan dataset.userid (ganti

Bina kaunter JavaScript berjalan dengan hari bekerja dan waktu bekerja Bina kaunter JavaScript berjalan dengan hari bekerja dan waktu bekerja Aug 31, 2025 am 06:30 AM

Artikel ini memperincikan bagaimana untuk membina kaunter masa yang tepat menggunakan JavaScript. Kaunter itu bertambah sekali seminit, tetapi hanya berjalan dalam hari kerja pratetap (Isnin hingga Jumaat) dan jam kerja (seperti 6 pagi hingga 8 malam). Ia boleh menjeda kenaikan semasa waktu tidak bekerja tetapi memaparkan nilai semasa dan menetapkan semula secara automatik pada hari pertama setiap bulan, memastikan ketepatan dan fleksibiliti logik pengiraan.

Pytest dan Selenium: Strategi pelaksanaan untuk ujian yang didorong oleh data dinamik Pytest dan Selenium: Strategi pelaksanaan untuk ujian yang didorong oleh data dinamik Aug 30, 2025 am 06:00 AM

Artikel ini bertujuan untuk menyelesaikan masalah yang @pytest.mark.parametrize decorator tidak dapat secara langsung mengendalikan data yang dijana pada runtime apabila menggunakan pytest dan selenium untuk ujian yang didorong data dinamik. Kami akan meneroka batasan pytest.mark.parametrize secara mendalam, dan memperkenalkan secara terperinci bagaimana untuk melaksanakan ujian parameter secara anggun berdasarkan pemerolehan data dinamik selenium melalui Pytest's PYTest_Generate_Tests Hook berfungsi untuk memastikan fleksibiliti dan kecekapan kes ujian.

Mengoptimumkan Rendering Komponen React: Selesaikan masalah yang disebabkan oleh tetikus yang melayang Mengoptimumkan Rendering Komponen React: Selesaikan masalah yang disebabkan oleh tetikus yang melayang Aug 22, 2025 pm 01:36 PM

Artikel ini bertujuan untuk menyelesaikan isu-isu yang lebih baik yang dicetuskan oleh Onmouseover dalam aplikasi React. Dengan menggantikan OnMouseOver dengan OnMouseEnter dan digabungkan dengan OnMouseout dengan OnMouseleave, anda boleh mengurangkan komponen yang tidak perlu membuat semula dan meningkatkan prestasi aplikasi, terutamanya apabila berurusan dengan banyak komponen. Artikel ini akan menyediakan kod sampel dan penjelasan terperinci untuk membantu pemaju memahami dan menggunakan teknik pengoptimuman ini.

js mendapat ketinggian dan lebar elemen js mendapat ketinggian dan lebar elemen Aug 22, 2025 pm 04:16 PM

Useclientwidth/clientheightforvisiblecontentareaincludingpadding; 2.useOffsetWidth/offsetheightfortotalrenderedSizeIncludingContent, danborder;

Bagaimana unsur -unsur DOM yang dibuat secara dinamik diakses dan dikendalikan oleh skrip yang dimuatkan Bagaimana unsur -unsur DOM yang dibuat secara dinamik diakses dan dikendalikan oleh skrip yang dimuatkan Aug 30, 2025 am 11:57 AM

Artikel ini menerangkan bagaimana skrip JavaScript dapat diakses dengan berkesan dan dimanipulasi apabila ia dimuatkan dan dilaksanakan sebelum penciptaan elemen DOM dalam pembangunan web. Kami akan memperkenalkan tiga strategi teras: secara langsung lulus rujukan elemen melalui nilai pulangan fungsi, menggunakan peristiwa tersuai untuk mencapai komunikasi antara modul, dan menggunakan MutationObserver untuk mendengar perubahan struktur DOM. Kaedah ini dapat membantu pemaju menyelesaikan cabaran antara masa pelaksanaan JavaScript dan pemuatan kandungan dinamik, memastikan skrip dapat mengendalikan unsur-unsur dengan betul, seperti menjadikannya drag-mampu.

See all articles