Home > WeChat Applet > Mini Program Development > What is the mini program development process?

What is the mini program development process?

不言
Release: 2020-09-09 11:00:20
Original
99035 people have browsed it

What is the mini program development process?

Relevant learning recommendations: Mini program development tutorial

The development process of the mini program is as follows:

1. Register a WeChat mini program account

According to the document guidelines, we must first register an account for the program under WeChat, access address (https://mp. weixin.qq.com/cgi-bin/registermidpage?action=index&lang=zh_CN), select "Mini Program" and fill in the relevant information as required to complete the registration of the WeChat mini program. (ps: WeChat strictly distinguishes between personal official accounts and mini programs, so the registered email address for WeChat mini programs cannot be the same as the email address for WeChat personal official accounts)

#2. Obtain the AppID of WeChat mini programs

After completing the registration and logging in, you can view the AppID of the WeChat applet in the "Settings" - "Developer Settings" of the website. Note that the AppID of the service account or subscription account cannot be used directly.

3. Download WeChat Mini Program Developer Tools

Since the code and specifications of WeChat Mini Program are relatively closed, according to WeChat official statement, in order to help developers simply and efficiently develop WeChat applets, launching a new developer tool (https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html), which integrates development and debugging, code editing and programming Publishing and other functions.

4. Start creating a mini program project

We need to use developer tools to complete mini program creation and code editing.

After the developer tools are installed, open and use WeChat to scan the QR code to log in. Select Create "Project", fill in the AppID obtained above, set a local project name (not a mini program name), such as "My First Project", and select a local folder as the directory where the code is stored , just click "New Project".

In order to facilitate beginners to understand the basic code structure of the WeChat applet, during the creation process, if the selected local folder is an empty folder, the developer tool will prompt whether it is necessary to create a quick start project. Select "Yes" and the developer tools will help us generate a simple demo in the development directory.

After the project is successfully created, we can click on the project to enter and see the complete developer tool interface. Click on the left navigation to view and edit our code in "Edit" and in "Debug" "You can test the code and simulate the effect of the mini program on the WeChat client, and you can send it to your mobile phone to preview the actual effect in "Project".

5. Code upload

Select "Project" in the left menu bar of the developer tools and click "Upload" to upload the code to the WeChat applet server.

6. Mini program release

Log in to the WeChat public platform and visit the mini program homepage (https://mp.weixin.qq.com/wxopen/initprofile?action =home&lang=zh_CN), complete step 1 as required, fill in the mini program related information and user identity information (temporarily 5 developers and 10 experiencers can be bound), then click the "Go to Publish" button in step 2, and press It is required to fill in the relevant information and version information of the mini program to submit for review.

The above is the detailed content of What is the mini program development process?. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template