The source code of the WeChat ordering applet
Last Updated 2025 25Asia/DubaipmFri, 21 Feb 2025 15:42:07 +0400 02 02202522803 21 21pm25
Resource Number 49145

#Hot
The source code of the WeChat ordering applet

2022-12-02 Catering takeout 0 2,554
Warm Reminder丨Don't trade privately!Avoid trading issues!
Value-added services:
Installation Guide
Environment Configuration
Secondary Development
Template Modification
Source Code Installation
$ 5500HKD Note: Please test frontend/backend functions for bugs before buying!
Information attributes
  • 价格
  • 5500
Details Introduction

The source code of the WeChat ordering applet插图 The source code of the WeChat ordering applet插图1 The source code of the WeChat ordering applet插图2 The source code of the WeChat ordering applet插图3 The source code of the WeChat ordering applet插图4 The source code of the WeChat ordering applet插图5

Use the tutorial
Register and open a Mini Program account
Set a legitimate server domain name
Register and open a background account
CONFIGURE APPID/SECRET FOR THE APPLET
Configure WeChat Pay
Download and install the development tools
Run the applet to see the effect
Double-click the Mini Program development tool installed in the first step to open it to see the effect:
To import the project, select the directory where the Mini Program code you downloaded and pressed in “Step 2” is located
APPID MUST BE CHANGED TO THE APPID OF YOUR OWN MINI PROGRAM, THE APPID MUST BE CHANGED TO THE APPID OF YOUR OWN MINI PROGRAM, AND THE APPID MUST BE CHANGED TO THE APPID OF YOUR OWN MINI PROGRAM
Then click on the Import button
How Do I View the AppID and AppSecret of a Mini Program?
Configure docking with your own backend
In the dev tools, change the subDomain in config.js to your own domain name, ctrl + s to save
How to view your subdomain
How to scan the code for the order picked up by the user for verification
If the user chooses to pick up the order, the order information and the pickup code will be displayed on the bottom pickup menu interface, and the merchant can click on the “My” –> “Scan code for verification” menu, click to call up the mobile phone camera, and scan the pickup code presented by the user to complete the verification
However, by default, you can’t see the “My” –> “Scan Code Verification” menu, you need to add text type parameters in the background “System Settings” –> “System Parameters”:
Parameter name order_hx_uids
The parameter value, the user ID of the user with the verification permission, and multiple user IDs, separated by commas in English
After re-entering the Mini Program, you can see the menu of “Scan Code Verification”.
Configuration description
How to modify the title of the homepage of the Mini Program
Log in to the background, go to “System Settings” –> “System Parameters” on the left menu, add a text type parameter: mallName (pay attention to capitalization), and the applet will display the name you filled in the background
Separate products according to the selected store (only the products of the current store are displayed)
Log in to the background, go to “System Settings” on the left menu –> “System Parameters”, and add a switch type of parameter: shop_goods_split, enable to distinguish, turn off to not distinguish
How to set the service range (how many kilometers)
Background “Mall Management” –> “Store Management”, edit the store, service distance, fill in the distance you want to deliver
How sales are displayed
The product list interface and the product details interface will return the sales data of the product, which are numberOrders and numberSells fields, which can be displayed anywhere you want to display the sales volume on the interface
numberOrders
numberSells the number of units
Let’s say a user places an order to buy 10 copies of the product at once, then numberOrders = 1 and numberSells = 10
How to distinguish between products displayed in stores
In the left menu of the backend, “System Settings” -> “System Parameters”, add a switch type parameter: shop_goods_split
If you turn it on, you will only see the products in the current store, and if you turn it off, you will see the products in all stores
How to configure online reservations
On the left side of the menu, “Appointment” –> “Project Settings”, add a project, and you will get a number after adding
On the left side of the menu, “System Settings” –> “System Parameters”, modify the parameter numbered as zxdz, and fill in your number
frequently asked questions
Unable to log in / Unable to get OpenID
Please check that the subDomain in the config.js file has been changed to your own domain
How to view your subdomain
Make sure that the appID in the following 3 fields is the same
Log in to your Mini Program merchant admin (https://mp.weixin.qq.com) and > the appid in the left menu of “Development” — “Development Settings”.
Click “Details” in the upper right corner of your Mini Program Development Tool –> the appid in “Basic Information”.
Log in to your API Factory backend (https://admin.it120.cc), AppID in the WeChat settings on the left menu
Failed to obtain the mobile phone number, indicating that there is no permission
https://developers.weixin.q

Disclaimer: This article is published by a third party and represents the views of the author only and has nothing to do with this website. This site does not make any guarantee or commitment to the authenticity, completeness and timeliness of this article and all or part of its content, please readers for reference only, and please verify the relevant content. The publication or republication of articles by this website for the purpose of conveying more information does not mean that it endorses its views or confirms its description, nor does it mean that this website is responsible for its authenticity.

Ictcoder Catering takeout The source code of the WeChat ordering applet https://ictcoder.com/the-source-code-of-the-wechat-ordering-applet/

Q&A
  • 1. Automatic: After making an online payment, click the (Download) link to download the source code; 2. Manual: Contact the seller or the official to check if the template is consistent. Then, place an order and make payment online. The seller ships the goods, and both parties inspect and confirm that there are no issues. ICTcoder will then settle the payment for the seller. Note: Please ensure to place your order and make payment through ICTcoder. If you do not place your order and make payment through ICTcoder, and the seller sends fake source code or encounters any issues, ICTcoder will not assist in resolving them, nor can we guarantee your funds!
View details
  • 1. Default transaction cycle for source code: The seller manually ships the goods within 1-3 days. The amount paid by the user will be held in escrow by ICTcoder until 7 days after the transaction is completed and both parties confirm that there are no issues. ICTcoder will then settle with the seller. In case of any disputes, ICTcoder will have staff to assist in handling until the dispute is resolved or a refund is made! If the buyer places an order and makes payment not through ICTcoder, any issues and disputes have nothing to do with ICTcoder, and ICTcoder will not be responsible for any liabilities!
View details
  • 1. ICTcoder will permanently archive the transaction process between both parties and snapshots of the traded goods to ensure the authenticity, validity, and security of the transaction! 2. ICTcoder cannot guarantee services such as "permanent package updates" and "permanent technical support" after the merchant's commitment. Buyers are advised to identify these services on their own. If necessary, they can contact ICTcoder for assistance; 3. When both website demonstration and image demonstration exist in the source code, and the text descriptions of the website and images are inconsistent, the text description of the image shall prevail as the basis for dispute resolution (excluding special statements or agreements); 4. If there is no statement such as "no legal basis for refund" or similar content, any indication on the product that "once sold, no refunds will be supported" or other similar declarations shall be deemed invalid; 5. Before the buyer places an order and makes payment, the transaction details agreed upon by both parties via WhatsApp or email can also serve as the basis for dispute resolution (in case of any inconsistency between the agreement and the description of the conflict, the agreement shall prevail); 6. Since chat records and email records can serve as the basis for dispute resolution, both parties should only communicate with each other through the contact information left on the system when contacting each other, in order to prevent the other party from denying their own commitments. 7. Although the probability of disputes is low, it is essential to retain important information such as chat records, text messages, and email records, in case a dispute arises, so that ICTcoder can intervene quickly.
View details
  • 1. As a third-party intermediary platform, ICTcoder solely protects transaction security and the rights and interests of both buyers and sellers based on the transaction contract (product description, agreed content before the transaction); 2. For online trading projects not on the ICTcoder platform, any consequences are unrelated to this platform; regardless of the reason why the seller requests an offline transaction, please contact the administrator to report.
View details

Related Source code

Guess What You Like
ICTcoder Customer Service

24-hour online professional services