WeChat applet development tutorial series

---

Project Introduction

From today, you will spend about half a month to update the series of introductory tutorials for WeChat applet project development, covering the application of applet, the use of basic functions, and the development and launch of a complete project. I hope that through the learning of this tutorial, new hands can quickly start the development of WeChat applet.

We will use the applet Native framework Speaking of development, for native applet development, you need to have basic knowledge of HTML, CSS and JavaScript. If you don't know much about this, you can start from MDN Start your learning journey.

Then through the official applet componentization framework WePY Reconstruct the front end. The WePY framework can be seen as a derivative version of the Vue.js framework. If you are familiar with the Vue.js framework, you will soon get started. Vue.js is a progressive JavaScript MVVM framework. If you are not familiar with this framework before, you can browse Official Documents Quick Start.

There are also many options for front-end UI, such as the official WeUI WXSS , iView iView WeApp , with likes ZanUI WeApp , produced by Mushroom Street MinUI , and Wux WeApp 。 We will later demonstrate the introduction and use of UI framework based on iView WeApp.

Finally, in terms of backend API interface, we developed the Blog Item Based on this, a complete blog project of small program version is constructed.

Catalog Index

The following is the tutorial directory:

• Upgrade blog applications from HTTP to HTTPS for free
• Apply for and configure a new WeChat applet from scratch
• Getting started with the native development framework: project initialization and directory structure
• Home page of blog application development based on native framework (I)
• Home page of blog application development based on native framework (Part 2)
• Develop blog post details page based on native framework (I)
• Develop blog post details page based on native framework (bottom)
  
• Introduction to WePY: project initialization and directory structure
• WePY Introduction Based on Component Framework: Reconstruct the Home Page of Blog Application
• WePY Beginner: Reconstruct the blog post details page based on the component-based framework
• Blog applet project code upload, release, online and access statistics
• Develop article like function based on component framework WePY
• Implementation of WeChat applet user login authorization function
• The introduction and use of iView WeApp, the front-end UI framework of WeChat applet
• Implement user comment function in applet based on WePY+iView WeApp

Update frequency: update every Tuesday, Thursday and Saturday.

If you have any problems in the development and learning process, please discuss with me in the comment box below the tutorial. You can also upgrade to one-on-one real-time communication between subscribers and me:

Subscription Service

If you think this series of tutorials is helpful for your study, you can choose to upgrade to Xueyuan subscriber to support Xueyuan:

Upgrade to Xuejun subscriber now