1. First picture above

image.png

image.png
image.png

在这里插入图片描述

2. Preparation

1. Apply for a small program Application address: WeChat public platform,
The operation of applying for the applet is very simple. You can follow the steps to apply on Baidu. There is also a certification applet on a certain treasure to apply for certification on behalf of the old iron. You can choose by yourself.

2. Download WeChat developer tools Download address: https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

在这里插入图片描述

3. Download and unzip HBuilderX

Download address: https://www.dcloud.io/hbuilderx.html
在这里插入图片描述

3. Start the build

请确保 HBuilderX 更新到最新版

1. The source code address of the applet , click to buy the ordinary authorized version, only need 8.88

2. My cloud space here is called demo , if there is no new Alibaba Cloud space ( create uniCloud service space ), right-click the uniCloud directory and associate it with the same service space as the management background, check all, and click directly Deploy the service space and import HBuilderX
在这里插入图片描述
Open file uniCloud => cloudfunctions => common => wx-auth => index.js
Configure the appid and secret in wxConfigMp (obtained in the official background of the WeChat applet)

3. Project installation dependencies

Project root directory npm install installation dependencies

Fourth, configure the project
1. Open the WeChat WeChat developer tool and open the service port in the security settings
在这里插入图片描述
在这里插入图片描述

2. Open HBuilderX, click "Run - Run to Mini Program Simulator - Run Configuration" to set the path where you install the WeChat developer tools.
在这里插入图片描述

在这里插入图片描述

4. Publishing Mini Programs

1. Right-click the project folder and click "Issue - Mini Program - WeChat (only for uniapp)"
在这里插入图片描述

2. Fill in the applet name and applet appid to invoke the WeChat developer tool.
在这里插入图片描述

3. In the background of the applet, configure the legitimate domain name of the server request in the development management: https://api.bspapp.com; https://zy-api.wxthe.com

4. Click upload in the WeChat developer tool, submit it for review in the backend of the applet, and it can operate normally after the review is passed.

在这里插入图片描述

Author related articles

Decompile to get any WeChat applet source code - this is enough

The lottery applet, mother no longer has to worry about who washes the dishes (assigns tasks), so easy

5 minutes to realize WeChat cloud applet payment function (including source code)


敏哥
1.5k 声望305 粉丝