Amalan Program Mini: Melaksanakan Fungsi Pemantauan Program Mini Mudah

Artikel ini membawakan anda program kecil dalam amalan dan mengajar anda cara melaksanakan fungsi pemantauan program kecil yang mudah saya harap ia akan membantu semua orang!

Sebelum ini, sebaik sahaja program mini kami melaporkan ralat, semuanya bergantung pada maklum balas tangkapan skrin pengguna dan pembangun akan menghasilkan semula sedikit demi sedikit

Kami akan memikirkannya kemudian, adakah sesuatu yang boleh merekodkan tingkah laku pengguna Jika program mini melaporkan ralat, ia akan memuat naik rekod operasi pengguna secara automatik ke pelayan dan memberitahu pembangun untuk mengendalikannya?

Saya kemudiannya mengetahui bahawa ini dipanggil pemantauan bahagian hadapan.

Sudah tentu, artikel ini bercakap tentang yang agak mudah, kerana saya tidak tahu bagaimana untuk melakukannya dan saya belum mengambil bahagian dalam pembangunan projek sebenar lagi. .

Apakah fungsi pemantauan program kecil ini?

1) Rekod masa apabila pengguna masuk dan keluar dari halaman
2) Pantau semua peristiwa klik
3) Rekodkan trajektori operasi anggaran pengguna.
4) Kegagalan panggilan fungsi awan dilaporkan secara automatik kepada pangkalan data untuk mengingatkan pembangun untuk mengendalikannya.

Realisasikan rakaman pengguna masuk dan keluar dari halaman

Kita semua tahu bahawa program mini mempunyai beberapa fungsi kitaran hayat Antaranya, saya memilih tiga kitaran hayat onShow, onHide dan memunggah rekod secara berkala.

Cara yang lebih bodoh adalah dengan merekodkan terus masa halaman dipaparkan dan disembunyikan/dimunggah dalam fungsi kitaran hayat setiap halaman, tetapi ini terlalu berulang,

Jadi kami boleh memberikannya sedikit Tambahkan lapisan lain pada setiap fungsi kitaran hayat (ini dipanggil corak penghias dalam corak reka bentuk Javascript)

Persoalan baharu datang lagi, bagaimana untuk menambah lapisan lain pada semua acara?

Mari kita lihat dahulu fail index.js halaman

Dengan menghantar objek ke kaedah Halaman, Objek ini mengandungi semua peristiwa (klik, slaid, animasi CSS3, dll.) dan kitaran hayat.

Jadi kita boleh menyesuaikan kaedah untuk menggantikan kaedah Halaman. Dalam kaedah ini, dapatkan objek yang diluluskan dan ubah suainya. Akhir sekali, ingat untuk melaksanakan Halaman asal (Obj) sekali lagi. Lihat struktur kod

Kod ini sebenarnya sangat mudah Setelah fungsi dipanggil, cache dibaca Jika data wujud, maklumat halaman semasa adalah dilampirkan pada elemen tatasusunan. Jika panjang tatasusunan lebih besar daripada 10, keluarkan elemen pertama dan pastikan panjang tatasusunan pada 11.

Sebab pemasa digunakan adalah kerana kadangkala data terkini tidak boleh dibaca jika pemasa tidak ditambah semasa ujian. Dapatkan data lama, ubah suainya, tetapkan ia, dan akhirnya tetapkan semula cache (kerana apabila fungsi onshow dilaksanakan, fungsi onhide halaman sebelumnya mungkin tidak selesai, dan fungsi ini akan mengubah suai cache, jadi fungsi onshow akan get bukanlah cache terkini, mengakibatkan kehilangan maklumat)

Lihat hasil cache:

Laksanakan pemantauan semua acara klik

1) Cara paling mudah ialah menggunakan model terbitkan-langganan, tetapi ia terlalu menyusahkan.

2) Tambahkan lapisan lain pada semua acara dalam halaman Apabila acara dicetuskan, akan ada parameter e, hanya menilai e.type.

Lihat kod

Akhirnya kembalikan panggilan kepada asal fungsi, Seterusnya, lihat pada fungsi replaceOld. Perkara yang dilaksanakannya ialah membungkus acara asal (mod penghias)

Laksanakan ganti untuk setiap pasangan fungsi dalam halaman Kaedah ini.

Apa gunanya?

Kita dapat melihat bahawa fungsi ini membungkus kaedah asal Pembungkusan khusus bergantung pada fungsi penggantian yang diluluskan,

Ini Fungsi akhirnya mengembalikan pelaksanaan. daripada fungsi asal, jadi kandungan pakej adalah pertimbangan sama ada ia adalah peristiwa klik dalam badan fungsi. Jika ya, simpan sahaja data tersebut.

Lihat hasil cache:

Kegagalan panggilan fungsi awan dilaporkan secara automatik kepada pangkalan data untuk mengingatkan pembangun untuk mengendalikannya.

Gunakan Object.defineProperty() untuk merampas panggilan fungsi awan, balut satu lapisan lagi dan kemudian kembalikan panggilan fungsi awan

Tetapi ada sesuatu yang perlu diperhatikan di sini, panggilan fungsi awan Terdapat dua cara,

1) Terdapat fungsi panggil balik yang dihantar, dan hasilnya diperoleh dalam fungsi panggil balik.

2) Jika tiada fungsi panggil balik yang dihantar, await digunakan untuk menunggu hasil panggilan, dan kita perlu menangkap ralat panggilan fungsi awan,

supaya kita mendapat terhasil secara langsung semasa rampasan dan kemudian kembalikan satu Janji.

Pemberitahuan automatik kepada pembangun sebenarnya sangat mudah hanya hubungi mesej templat yang disediakan oleh WeChat dalam fungsi awan.

Lihat hasil cache

Struktur mungkin agak kucar-kacir, lagipun, ini adalah kali pertama saya menulisnya dan ia belum lagi diaplikasikan dalam amalan lagi.

[Cadangan pembelajaran berkaitan: Tutorial Pembangunan Program Mini]

Atas ialah kandungan terperinci Amalan Program Mini: Melaksanakan Fungsi Pemantauan Program Mini Mudah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!