Essential WeChat Mini Program Development Guide for Beginners

Foreword: This article mainly explains the WeChat applet development process, environment configuration and precautions to reduce detours for novices

1. Server environment preparation instructions

1.1 Public network and domain name availability

Make sure that the server’s public network is normal, and the domain name pointing to the public IP has been registered and is in normal condition

Because the WeChat applet API is necessary A registered domain name can only be accessed, so the domain name needs to be registered through ICP (specifically how to register is not explained here)

1.2 Available ports

Make sure that ports 80 and 443 are open. And it is not occupied

If you don’t understand the port number, please check this

https://blog.csdn.net/qcx321/article/details/52234259

①. Use the telnet command to test whether ports 80 and 443 are open.

As shown below:

②. Use the netstat command to test whether ports 80 and 443 are open. Occupied;

netstat -ano | findstr "80"

netstat -ano | findstr "443"

As shown below

1.3 HTTPS is available

Ensure that HTTPS is available

The WeChat applet business domain name requires https to set up. You can first set it up during development Set not to verify domain name validity

2. Mini program development process

##2.1 WeChat mini program development background address

Webpage address: https://mp.weixin.qq.com

WeChat applet development account can be registered from this address

2.2 Obtaining and configuring instructions for mini program AppID and AppSecret

2.2.1 AppID description

AppID is also called developer ID. It is the public account, the unique development identification code of the mini program, and is developed with the developer password (in simple terms, it is the mini program application ID)

2.2.2 Steps to obtain AppID

① After entering the account and password at the backend address developed by the WeChat applet, scan the QR code to enter (you need to scan the WeChat QR code with the administrator bound to the official account)

② In the menu on the left, click on the development directory

③ In the development directory, click on development settings. You can see the AppID

##2.2.3 AppSecret Description

AppSecret is also called the developer password, and The appid and the two are used together to call the interface capabilities of the official account. (Mainly used in the background to get the openID of WeChat users)

2.2.3 AppSecret Important Tips

AppSeret can only be generated in a generated way Obtain. After generation, the WeChat applet management page does not save the AppSeret for the development account, so the AppSeret must be properly kept. If lost or forgotten, it can be reset and generated.

2.2.4 AppSecret Obtaining Steps

①、AppSecret Obtaining is basically the same as "2.2.2 AppID Obtaining Steps"

2.3 Configure "Business Domain Name"

2.3.1 Steps

Business domain name is added/modified in the left list --Development directory--Development settings--Business domain name

as shown below

2.3. 2 Instructions for use of business domain name configuration

①、Business domain name configuration must use port 80;

②、Business domain name must be registered;

③. After the domain name configuration is completed, the web page will prompt you to download the verification file (it is a .txt file), place it in the root directory of tomcat, and restart tomcat.

In addition, some people may not understand what a business domain name is. To put it simply, a business domain name can be embedded in a web page into a mini program.

2.4 Download and install mini program developer tools

Address https://developers.weixin.qq.com/miniprogram/dev/devtools /download.html

There are no big requirements for the environment configuration. It is recommended to install it on the D drive

##2.5 Mini program development tool configuration process

①. Open the Mini Program Web Developer Tool and click on the number

## ②. Fill in the project name, directory, appid (how to obtain it was mentioned earlier), select applet for development mode, and choose JS

## for the language. ③. The editing tool model of the WeChat mini program is similar to that of the web. For front-end development students, it is basically easy to get started. Click Upload on the developed interface to upload it to the mini program management account you applied for (as a reminder, in the management account , you need to authorize the developer's WeChat)

#Okay, I originally wanted to write about the online release process and precautions, but I thought that part is relatively simple. , novices will understand after reading more documents, so let’s just write it here.

This article is reproduced from: https://blog.csdn.net/qq_35787700/article/details/90481119

Recommended tutorial: "

WeChat Mini Program

"

The above is the detailed content of A must-have guide for developing WeChat mini programs for beginners. For more information, please follow other related articles on the PHP Chinese website!