Ringkaskan dan kongsi langkah pembangunan program mini WeChat

Artikel ini membawa anda pengetahuan yang berkaitan tentang Pembangunan program mini WeChat Ia terutamanya memperkenalkan langkah-langkah pembangunan program mini WeChat, termasuk kerja penyediaan, pengenalan rangka kerja, pembangunan program dan spesifikasi reka bentuk, saya harap ia akan membantu semua orang.

[Cadangan pembelajaran berkaitan: Tutorial pembangunan program mini]

Artikel ini menerangkan secara ringkas langkah-langkah untuk membangunkan program mini WeChat, sila rujuk butiran Dokumen Pembangunan WeChat

1 Kerja penyediaan

1: Daftar https://mp.weixin.qq.com/wxopen/waregister?action=step1
Sudahkah anda. pernah mendaftar untuk WeChat awam? Daftar akaun rasmi WeChat menggunakan alamat e-mel platform, mohon akaun, isi maklumat dan serahkan bahan yang sepadan mengikut garis panduan, dan anda boleh memiliki akaun program mini anda sendiri. Selepas pendaftaran selesai, log masuk.

2: Log masuk ke https://mp.weixin.qq.com

Kita boleh melihat AppID program mini dalam menu "Tetapan" - "Tetapan Pembangunan". AppID program mini adalah bersamaan dengan kad ID pada platform program mini Anda akan menggunakan AppID di banyak tempat kemudian (perhatikan bahawa ini mesti berbeza daripada AppID akaun perkhidmatan atau akaun langganan). Selepas kami mempunyai akaun program mini, kami memerlukan alat untuk membangunkan program mini.
Bangun mengikut tutorial rasmi https://developers.weixin.qq.com/miniprogram/dev/framework/

3: Pasang alat pembangunan

Pergi ke muat turun alat pembangun halaman, Muat turun pakej pemasangan yang sepadan mengikut sistem pengendalian anda sendiri dan pasangkannya Untuk pengenalan yang lebih terperinci kepada alat pembangun, sila lihat "Pengenalan kepada Alat Pembangun". Buka alat pembangun program mini, gunakan WeChat untuk mengimbas kod QR untuk log masuk ke alat pembangun, dan bersedia untuk membangunkan program mini pertama anda!
Untuk maklumat yang berkaitan tentang alat pembangunan, anda boleh mengetahui lebih lanjut melalui [WeChat Developer Tools]

4: Buka program mini pertama

Buat projek baharu, pilih projek program mini, dan pilih storan kod Laluan cakera keras, isikan AppID applet yang baru anda mohon, berikan projek anda nama yang bagus, dan akhirnya, tandakan "Buat Projek QuickStart" (Nota: Anda mesti memilih direktori kosong untuk mempunyai pilihan ini ), klik OK, dan anda akan mendapat applet pertama anda Klik Compile pada menu atas untuk pratonton applet pertama anda dalam IDE.

5: Kompil pratonton

Klik butang kompil pada alat, anda boleh melihat prestasi program kecil ini dalam antara muka simulator di sebelah kiri alat, atau anda boleh klik butang pratonton untuk mengimbas melalui WeChat Scan untuk mengalami program mini pertama anda pada telefon anda.

Kandungan bahagian di atas boleh dilihat dalam [Mula]-[Mula] dalam Dokumen Terbuka WeChat.

2. Pengenalan Rangka Kerja

Matlamat rangka kerja pembangunan program mini adalah untuk membolehkan pembangun membangunkan perkhidmatan dengan pengalaman APP asli dalam WeChat dengan cara yang paling mudah dan paling berkesan.

Keseluruhan sistem rangka kerja program mini dibahagikan kepada dua bahagian: Lapisan logik (Perkhidmatan Aplikasi) dan Lapisan Lihat (Lihat). Applet menyediakan bahasa penerangan lapisan paparan sendiri WXML dan WXSS, serta rangka kerja lapisan logik berasaskan JavaScript, dan menyediakan penghantaran data dan sistem peristiwa antara lapisan paparan dan lapisan logik, membolehkan pembangun menumpukan pada data dan logik.

Pengikatan data responsif
Teras rangka kerja ialah sistem pengikatan data responsif yang membolehkan data disegerakkan dengan paparan dengan sangat mudah. Apabila mengubah suai data, anda hanya perlu mengubah suai data dalam lapisan logik dan lapisan paparan akan dikemas kini dengan sewajarnya.

Pengurusan Halaman
Rangka kerja menguruskan penghalaan halaman bagi keseluruhan program mini, membolehkan penukaran lancar antara halaman dan memberikan halaman kitaran hayat yang lengkap. Apa yang perlu dilakukan oleh pembangun ialah mendaftarkan data halaman, kaedah dan fungsi kitaran hayat ke dalam rangka kerja dan semua operasi kompleks lain dikendalikan oleh rangka kerja.

Komponen asas
Rangka kerja ini menyediakan satu set komponen asas .

API Kaya
Rangka kerja ini menyediakan API asli WeChat yang kaya, yang boleh mengaktifkan keupayaan yang disediakan oleh WeChat dengan mudah, seperti mendapatkan maklumat pengguna, storan setempat, fungsi pembayaran, dsb.

3. Pembangunan Program

Apabila anda mempelajari HTML CSS js dan membaca dokumentasi pembangunan WeChat, anda boleh mula membangunkan program mini WeChat dengan mudah~~

• Masuk
  Setiap applet perlu memanggil kaedah Apl dalam app.js untuk mendaftarkan tika applet, mengikat fungsi panggil balik kitaran hayat, pemantauan ralat dan fungsi pemantauan ketiadaan halaman, dsb.

// app.jsApp({
  onLaunch (options) {
    // Do something initial when launch.
  },
  onShow (options) {
    // Do something when show.
  },
  onHide () {
    // Do something when hide.
  },
  onError (msg) {
    console.log(msg)
  },
  globalData: 'I am global data'})

Keseluruhan program mini hanya mempunyai satu contoh Apl, yang dikongsi oleh semua halaman. Pembangun boleh mendapatkan contoh Apl yang unik secara global melalui kaedah getApp, mendapatkan data pada Apl atau fungsi panggilan yang didaftarkan oleh pembangun pada Apl.

// xxx.jsconst appInstance = getApp()console.log(appInstance.globalData) // I am global data

• 全局配置
  小程序根目录下的 app.json 文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。
  详见【全局配置】

• 页面配置
  每一个小程序页面也可以使用同名 .json 文件来对本页面的窗口表现进行配置，页面中配置项会覆盖 app.json 的 window 中相同的配置项。
  详见【页面配置】

• 小程序生命周期
  注册小程序。接受一个 Object 参数，其指定小程序的生命周期回调等。
  详细api详见https://developers.weixin.qq.com/miniprogram/dev/reference/api/App.html

• 页面生命周期
  注册小程序中的一个页面。接受一个 Object 类型参数，其指定页面的初始数据、生命周期回调、事件处理函数等。
  生命周期对象详见https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html

• 组件
  自带组件库weUI

• API
  丰富的api
  https://developers.weixin.qq.com/miniprogram/dev/api/

详细信息可具体参考《小程序开发指南》

【相关学习推荐：小程序开发教程】

Atas ialah kandungan terperinci Ringkaskan dan kongsi langkah pembangunan program mini WeChat. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!