Small program environment construction

Preparation before development:
1. Apply for AppID
2. Download development tools

Register WeChat Open Platform
First go to the WeChat public platform: https://mp.weixin.qq.com and
click on the upper right corner to register now.
Insert picture description here
Select the type of
Insert picture description here
registration applet account. After entering the registration interface, follow the prompts to complete the account information, email activation information
Insert picture description here
, and you will come after the registration is completed.
Insert picture description here
Go to the homepage of the applet, here we click on the common applet developer tool and then jump to the WeChat official document toolbar, at this time we click on the WeChat developer tool to
Insert picture description here
download the stable version, and choose 32-bit or 64-bit installation according to your computer.
Insert picture description here
After the download is complete, you will enter the following page. After the WeChat scan code login is
Insert picture description here
completed, click the plus sign to create the project and come to the following page. At this time, fill in the following in order. The back-end service does not use cloud services for the time being, and the AppID can be logged in to the mini program.
Insert picture description here
You can see it in the development settings of the development bar on the homepage of the homepage. Successfully created, you can see the development tool interface as follows: the
left side is the page preview area, and the right side is the file navigation
Insert picture description here
applet code structure.
app.json is the global configuration information and is the entrance of a applet. , Including all page paths, interface performance, network timeout, bottom tabs, etc. of the applet.
Insert picture description here
app.wxss stores style information
Insert picture description here
app.js stores interface logic code

The composition of each page
Insert picture description here
Insert picture description here
Click ctrl+s or click to compile with the mouse to run the program, and click Preview to scan the QR code to log in to the mobile phone interface to view the information displayed on the simulator.
Insert picture description here

Guess you like

Origin blog.csdn.net/weixin_48683410/article/details/106952081