First introduction to the basics of WeChat mini program development (1)

This tutorial is the first of the WeChat mini program development tutorials. I will briefly introduce some basic knowledge related to WeChat mini program development

Get AppID

If you If you are a developer who has received the invitation, we will provide you with an account. Use the provided account to log in to mp.weixin.qq.com, and you can view the WeChat applet in the "Settings" - "Developer Settings" of the website. AppID, please note that you cannot directly use the AppID of the service account or subscription account.

The above content comes from WeChat’s official tutorial. According to WeChat official statement, only 200 AppIDs are currently open (bloggers naturally don’t have any). But don’t worry, AppID will only have an impact when we need to upload the program to a real machine. In most cases, it will not affect our learning and development of WeChat applets.

Get development tools

WeChat has released a development tool specifically for developing WeChat mini programs. You can download it from WeChat Development Tools. WeChat has released three versions: windows64, windows32, and mac. You can download the corresponding version and install it. The window64 version installed by the blogger, subsequent tutorials will be based on this version.

The interface you open for the first time after the installation is complete is as follows:

WeChat Development Tool

Scan QR code to log in
When starting the tool, developers need to use the WeChat ID that has been successfully bound in the background to scan the QR code to log in. All subsequent operations will be based on this WeChat account

. When opening the WeChat account for the first time, you need to scan the QR code to log in. Once logged in, you can create a project.

Create Project

APPID Select "No AppID" here, fill in the project name, select the project directory, and click Add Project.
Note that the project name here is not the name of the mini program.

After that is the development interface. You can see that the development tool is very simple in design, but very powerful, including code editing, debugging, publishing (AppID required) and other functions. If everything goes well, click the debug button and you will see a Hello World welcome interface in the upper left area of ​​the tool:

The first interface

If This page cannot be displayed normally, select Settings->Do not use any proxy, check the box to connect directly to the network, and click the Restart button on the left after confirmation, it should be displayed normally.

The above is the detailed content of First introduction to the basics of WeChat mini program development (1). For more information, please follow other related articles on the PHP Chinese website!