Small knowledge, big challenge! This article is participating in the creation activity of “Essential Tips for Programmers”.
Zero base practice applets
Start from scratch to develop micro channel small program projects, or there are some troublesome things. But now that you’re ready to go, you need to keep a good record of your introductory practices.
1. Register a wechat developer account
For the first time, we had access to the learning test account of individual developers. First, we entered the wechat public platform to register our account.
Wechat public platform also has multiple types of accounts, such as subscription number, service number and mini program, and each account is not universal. Therefore, it is necessary to choose mini program registration when registering
After successful registration, you can create your own small program. Note the AppID account in the account after the creation is successful. It will be bound to the small program development tool during subsequent development.
2. Install the development tool
The official wechat document provides the download links of various versions of developer tools. Developers can download the corresponding versions according to their own needs. I downloaded the stable version.
When the installation is complete, open the tool and create the project
| directory | parsing |
|---|---|
| The project name | As the name implies, the name of the project |
| directory | The path where the project is stored |
| AppID | Enter the applets ID created on the official website |
| Development mode | Applets development |
| The back-end service | Not available for the time being, the selection is not applicable to cloud services |
3. Develop the tool interface
The following page is displayed for opening the development tool
Three buttons in the upper left corner
The simulator.The editor.The debuggerThey correspond to the preview area on the left, the code editing area on the top right, and the debugger on the bottom right (the debugger is similar to normal browser debugging).
Three buttons in the upper left corner
Click preview real machine debugging will generate a TWO-DIMENSIONAL code, with the official website application bound by the small program developer micro signal scan code can be real machine preview debugging, very convenient. Refer to official documentation for code development
Add interface file
You only need to add a path string in the Pages object of the app.json file and save it. The page file will automatically generate the initial template.
You only need to add a path string in the Pages object of the app.json file and save it. The page file will automatically generate the initial template.This covers basic applets from registration to a brief introduction to development tools, followed by continuous updates.