Tencent Cloud WeDa (WeDa) kod rendah pengenalan: bahagian tangan asas sifar mengajar anda untuk mengembangkan applet WeChat

Saya ingin mengembangkan program kecil sendiri, tetapi jika anda melihat kod yang padat, konfigurasi antara muka yang kompleks, dan penyahpepijatan bersama depan dan belakang, adakah kepala anda besar?

Pada masa lalu, saya hanya dapat menatap tanpa mengetahui pengaturcaraan. Tetapi sekarang, Tencent Cloud telah menghasilkan alat peringkat anak lelaki sendiri --

Platform pembangunan kod rendah WeDa

。 Kelebihan terbesarnya ialah:

Secara semula jadi membuka ekologi WeChat Tencent sendiri

。 Anda tidak perlu mempelajari alat pembangun WeChat, anda tidak perlu melengkapkan pelayan dan pangkalan data anda sendiri, dan anda juga tidak perlu risau tentang nama domain dan sijil SSL.

Hari ini kita tidak membincangkan konsep yang abstrak. Sediakan WeChat, komputer dan secawan teh anda, dan saya akan membawa anda dari awal, seret dan lepaskan dan konfigurasikan applet WeChat anda sendiri.

Tahap pertama: memasuki medan perang dan memahami antara muka Weishe

Buka laman web rasmi Tencent Cloud di penyemak imbas komputer, cari dan masukkan konsol "WeDa kod rendah".

Sekiranya anda menggunakannya untuk pertama kalinya, sistem akan membolehkan anda memilih versi percubaan (biasanya ada kuota percuma, yang cukup untuk latihan dan pengembangan).

Klik "Pengurusan Aplikasi"-> "Aplikasi Baru", pilih "Aplikasi Kosong Baru", beri nama, seperti applet kod rendah pertama saya, pilih "applet" untuk jenis aplikasi.

Klik untuk memasuki aplikasi dan anda akan melihat editor visual yang sangat selesa.

Jangan takut dengan butang di dalamnya, kami membongkarnya menjadi tiga kawasan utama:

Di sebelah kiri: Perpustakaan komponen (kotak bahagian anda). Terdapat teks, gambar, butang, kotak input, senarai, dan lain-lain. Seret terus ke tengah dengan tetikus.

Tengah: Kanvas (skrin telefon anda). Ini adalah kawasan pratonton masa nyata. Bahagian apa yang anda seret di sebelah kiri akan dipaparkan di telefon dalam masa nyata.

Di sebelah kanan: Panel Harta (pemutar skru anda). Setelah memilih bahagian di tengah, anda dapat menyesuaikan ukuran, warna, margin, atau mengikat data di sebelah kanan.

Tahap kedua: lapisan bawah teras-menggunakan "model data" untuk membina pangkalan data awan

Kembangkan program kecil, hanya dengan antara muka yang cantik, ia mesti dapat menyimpan data. Sebagai contoh, hari ini kami akan membawa anda untuk membuat "applet maklum balas/pengumpulan pekerja". Di manakah pendapat yang dikemukakan oleh pengguna disimpan? Ini memerlukan penggunaan langkah utama Wechat:

Model data

。

Di Weipai, anda tidak perlu memahami pernyataan SQL, membina pangkalan data semudah bermain jadual Excel.

Klik di sebelah kiri editor untuk beralih ke tab "Model Data" (biasanya ikon yang serupa dengan jadual kecil).

Klik "Model Data Baru" dan namakan borang maklum balas.

Klik "Tambah Medan", mari kita tambahkan tiga lajur seperti Excel: Medan 1: Nama dipanggil nama orang yang memberi maklum balas, dan jenisnya adalah "teks baris tunggal". Bidang 2: Nama itu disebut nombor hubungan, dan jenisnya adalah "nombor telefon" (sistem akan secara automatik mengesahkan format untuk anda). Bidang 3: Nama itu disebut kandungan maklum balas, dan jenisnya adalah "teks berbilang baris".

Klik simpan dan terbitkan. OK, pangkalan data awan dan antara muka belakang anda telah dibuat dan dikimpal secara automatik oleh Wechat di latar belakang.

Pesanan ketiga

Segmen: Seret dan lepaskan dan ikat, masukkan antara muka interaktif dalam 5 minit

Setelah pangkalan data dibina, kami kembali ke kanvas dan mengeja antara muka front-end.

1. Bina antara muka borang

Di perpustakaan komponen di sebelah kiri, cari kategori "Borang".

Jangan seret kotak input satu persatu, ada artifak yang disebut "borang wadah". Seret "bekas borang" terus ke kanvas telefon bimbit di tengah.

Pilih bekas borang ini dan lihat panel atribut di sebelah kanan. Di lajur "Sumber Data", pilih model data yang baru saja kami bina-borang maklum balas.

Keajaiban berlaku: Wechat secara automatik akan mengenal pasti bidang dalam pangkalan data anda, dan secara automatik menghasilkan tiga kotak input "nama maklum balas", "nombor hubungan", dan "kandungan maklum balas" di skrin telefon, dan bahkan butang "hantar" di bahagian bawah. Semuanya sesuai untuk anda!

2. Antara muka yang digilap (menolak estetika lelaki lurus)

Fikirkan antara muka lalai terlalu cepat?

Pilih halaman terluar dan ubah warna latar menjadi kelabu samar di bar sifat kanan (seperti # F7F8FA).

Di atas bekas borang, seret komponen "gambar" dari perpustakaan komponen kiri. Muat naik gambar sepanduk sepanduk yang anda reka dan cantik di sebelah kanan.

Seret komponen "teks" yang lain, sesuaikan ukuran fon dan tebal, dan tulis "Selamat datang untuk menghantar komen berharga anda". Perbaiki margin sedikit (Margin/Padding), dan antara muka borang yang indah di peringkat kilang besar akan keluar.

Tahap keempat: penyahpepijatan bersama satu klik, biarkan data benar-benar bergerak

Dengan antara muka, bagaimana pengguna dapat benar-benar memasukkan data ke dalam jadual Excel sekarang ketika mereka mengklik "Kirim"?

Sebenarnya, ketika anda mengikat sumber data dengan "borang wadah" sebentar tadi, Wechat telah membantu anda menulis logiknya secara lalai. Sekiranya anda tidak mempercayai saya, mari kita uji:

Klik butang "Pratonton" di sudut kanan atas editor.

Dalam emulator pop timbul, seperti pengguna sebenar, masukkan nama dan nombor telefon anda, dan tuliskan keluhan.

Klik butang "Kirim" di bahagian bawah, dan halaman akan meminta "Kirim Berjaya".

Pada masa ini, matikan pratonton, kembali ke "Model Data" di sebelah kiri, klik pada borang maklum balas pendapat anda, dan beralih ke tab "Pengurusan Data".

Awak nampak? Data yang baru anda isi di simulator sudah terbaring dengan kemas di borang! Anda belum menulis baris kod penalaan bersama depan dan belakang yang serupa dengan getInstance() atau wx.request().

Tahap kelima: pelepasan kastam utama-pelepasan dalam talian ke WeChat

Pada masa lalu, untuk menerbitkan program kecil yang dikembangkan, anda perlu: memuat turun alat pembangun WeChat, mengeksport pakej kod, memuat naik ulasan, dan mengkonfigurasi nama domain yang sah. Tetapi di Weidai, Tencent telah membuka salurannya sendiri sepenuhnya, dan hanya memerlukan dua langkah untuk dilepaskan.

Langkah 1: Ikat akaun applet WeChat anda

Dalam tetapan konsol mikro, klik "Lesen Program Mini" dan gunakan WeChat anda sebagai pentadbir untuk mengimbas kod. Ikat akaun program kecil yang anda lamar di platform awam WeChat terlebih dahulu.

Langkah 2: Pelepasan satu klik

Kembali ke editor Wechat dan klik "Terbitkan" di sudut kanan atas.

Pilihan

Saluran pelepasan adalah "Program Mini WeChat", isikan nombor versi 1.0.0, dan tulis log kemas kini "Versi awal dalam talian".

Klik OK. Wechat secara langsung akan menyusun antara muka visual anda ke dalam kod asli di bahagian bawah WeChat di awan, dan menyerahkannya secara automatik ke WeChat rasmi untuk disemak.

Dalam keadaan biasa, semakan rasmi laman utama peribadi atau program pengumpulan mudah hanya memerlukan beberapa jam hingga satu hari. Setelah mendapat kelulusan, lebih daripada satu bilion pengguna WeChat di China dapat secara langsung membuka program kecil ini yang anda buat sendiri dengan mencari atau mengimbas kod.

Ringkasan

Inti dari Tencent Cloud Wechat adalah mengubah kejuruteraan perisian yang kompleks menjadi "blok Lego". Anda hanya perlu menjelaskan logik perniagaan (data apa yang ingin saya simpan), dan selebihnya kerja kotor dilakukan oleh platform di bahagian bawah.

Setelah membiasakan diri dengan logik "wadah bentuk model data" ini, anda boleh membuat kesimpulan antara satu sama lain dan cuba menambahkan "komponen senarai" untuk paparan item dan "kawalan kebenaran" untuk pengurusan dalaman perusahaan. Asas sifar bukan lagi batu sandungan. Selagi anda mempunyai idea, anda boleh menjadi pembangun tumpukan penuh petang ini.