minapp
Mendefinisikan ulang pengembangan program mini WeChat
Ubah catatan
minapp 2.0.0 telah dirilis. Versi baru sebagian besar menggunakan webpack 4. Silakan periksa peningkatan dari v1.x ke v2.x.
memperkenalkan
minapp adalah seperangkat alat yang dibuat untuk mengembangkan program mini WeChat guna meningkatkan pengalaman pengembangan:
- Menyediakan alat baris perintah
@minapp/cli , yang dapat digunakan untuk membuat proyek dengan cepat dan menggunakan webpack untuk membangun proyek yang dihasilkan; - Menyediakan kerangka pengembangan
@minapp/core . Kerangka kerja ini sepenuhnya kompatibel dengan kode applet asli. Kerangka ini mendukung pengembangan menggunakan kelas, mendukung penyelesaian kode otomatis, dan juga menyediakan penyelesaian otomatis semua API WeChat. - Menyediakan kerangka kerja
@minapp/mobx yang mengintegrasikan mobx. Kerangka kerja ini terutama memasukkan mobx ke @minapp/core , memungkinkan Anda menggunakan mobx dengan mudah untuk mengelola data global. - Menyediakan plug-in vscode
minapp-vscode . Plug-in ini terutama merupakan bahasa template wxml untuk program kecil. Plugin ini dapat secara otomatis menyelesaikan semua komponen, atribut komponen, nilai atribut komponen, dll.
Catatan: Setelah menggunakan minapp, Anda masih perlu menggunakan "Alat Pengembang WeChat" yang secara resmi disediakan oleh WeChat untuk pengujian.
menggunakan
- Gunakan npm untuk menginstal alat baris perintah:
npm install -g @minapp/cli - Inisialisasi proyek:
minapp init <你要创建项目的文件夹> (mendukung pembuatan proyek js dan ts secara bersamaan) - Instal dua plugin vscode: minapp dan dot-template (opsional, tetapi disarankan)
Fitur
- Sepenuhnya kompatibel dengan program mini asli, semua kode program mini asli dapat langsung dimigrasikan ke lingkungan minapp
- Integrasikan webpack dan webpack-dev-server untuk memastikan kompilasi
- Anda dapat memilih untuk menggunakan mobx untuk memfasilitasi pengelolaan data global
- Semua bahasa dapat diselesaikan secara otomatis di lingkungan minapp, dan pengalaman pengembangannya sangat luar biasa (lihat
功能概览di bawah) - Mendukung pengikatan data dua arah
- optimasi kinerja setData
Ikhtisar fungsi (di bawah editor vscode)
Semua antarmuka wx memiliki pengingat cerdas, termasuk parameter antarmuka dan nilai kembalian.
Pengguna non-minapp juga dapat menginstal @minapp/wx untuk mendapatkan fitur ini, lihat di sini
Menyediakan versi janji antarmuka wx wxp, yang sama dengan wx, hanya saja ia akan menjanjikan semua fungsi di wx yang memerlukan tiga parameter sukses/gagal/selesai
- wxp juga mendukung penggunaan panggilan balik yang sukses
- wxp menambahkan metode akhirnya ke Promise; misalnya, Anda dapat menggunakan
wxp.getUserInfo().finally(() => { /* do something */ })
Mengintegrasikan mobx membuatnya sangat mudah untuk mengubah data global dan secara otomatis memperbarui status halaman saat ini.
- Untuk menginjeksi Store, Anda hanya perlu menambahkan objek Store di fungsi appify.
- Objek toko dimasukkan ke Halaman dan Komponen secara default. Anda dapat menggunakan
this.store untuk mendapatkannya.
Bahasa templat wxml mendukung penyorotan sintaksis, perintah cerdas komponen, dan perintah cerdas atribut komponen (minapp plug-in vscode perlu diinstal)
Untuk rincian lebih lanjut tentang fungsi plug-in ini, klik di sini untuk melihatnya
file json mendukung perintah otomatis
Saat membuat folder halaman baru, file terkait dibuat secara otomatis (templat titik plug-in vscode perlu diinstal)
- Secara otomatis membuat file yang relevan dengan nama yang sama untuk Anda, termasuk js/json/wxml/scss, dan Anda dapat mengubah file template ini kapan saja di folder .dtpl.
- Secara otomatis memasukkan jalur halaman yang baru dibuat ke dalam folder app.json
Halaman program mini mendukung perintah fungsi otomatis
Dengan cara yang sama, ketika membuat folder komponen baru, file terkait juga akan dibuat, pada saat yang sama, fungsi siklus hidup dalam komponen juga akan diminta secara otomatis
Tentang deskripsi gudang ini
Ini bukan satu proyek, ini merupakan kombinasi dari beberapa proyek, menggunakan alat pengembangan lerna. Proyek lainnya ada di direktori paket. Berikut adalah gambaran singkat dari beberapa proyek utama.
- minapp-generator: Modul ini bertanggung jawab untuk menguraikan dokumen resmi WeChat dan menghasilkan data terstruktur untuk digunakan oleh modul lain.
- minapp-wx: Definisi TypeScript dari semua API asli WeChat, dan juga menyediakan versi antarmuka wx yang dijanjikan
- minapp-core: kerangka pengembangan, harus bergantung pada minapp-wx
- minapp-mobx: Kerangka pengembangan yang mengintegrasikan mobx dan harus bergantung pada minapp-core
- minapp-cli: Alat baris perintah yang disediakan untuk pengguna dan dapat dengan cepat membuat proyek baru
- minapp-vscode: plugin vscode, menyediakan penyorotan sintaksis, penyelesaian tag dan atribut secara otomatis untuk wxml
TODO
