Loading…

"Sweet Fruit Shop" tutorial

# Register and open a mini program account [https://mp.weixin.qq.com/](https://mp.weixin.qq.com/) Choose the identity of "Enterprise" or "Individual Industrial and Commercial Household" according to your actual situation, and register a mini program account **Mall mini programs do not support individual users, so you must choose enterprise or self-employed** Get access to your own mini program**appid and secret information**, save it, it will be used below ["How to check the APPID of my mini program? Where can I check the APPID of my mini program? 》](https://jingyan.baidu.com/article/642c9d340305e3644a46f795.html) You need to set the legal domain name of the mini program, otherwise the development tool will run normally and the data will not be visible when accessed on a mobile phone: "[Set the legal server domain name of the mini program](https://www.yuque.com/apifm/doc/tvpou9)" # Register and open a backend account [https://admin.it120.cc/](https://admin.it120.cc/) Register for free and open a new backend, then log in. The home page after logging in, **Please note your exclusive domain name**, will be used later Left menu "Factory settings" --> "Data Clone" --> "Clone other people's data to me" Fill in the other party’s merchant ID **34** Click "Clone Now". After the cloning is successful, F5 refreshes the background. ## Configure mini program APPID/SECRET Left menu, WeChat settings, fill in the appid and secret obtained in the previous step. **This step is very important! ! !** If it is not configured correctly, opening the mini program in the following steps will not allow you to connect to your backend. ## Configure WeChat payment Left menu, system settings --> Online payment configuration, fill in your own WeChat payment information # Download and install development tools [https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html) According to your own operating system, download the latest stable version and complete the installation after the download is complete. # Download the mini program source code [https://github.com/gooking/TianguoguoXiaopu](https://github.com/gooking/TianguoguoXiaopu) ![](https://dcdn.it120.cc/yuque/0/2020/png/572726/1597323309099-c2acdc94-36e6-4196-9f14-539749370bb0.png) Download the latest mini program source code. The download is a zip compressed package. Please unzip it. # Run the mini program to see the effect Double-click to run the small program development tool installed in the first step and open it to see the effect. ![](https://dcdn.it120.cc/yuque/0/2019/png/572726/1575349127431-00ff2059-dd5e-4e4b-99a7-e1d605db02c7.png) Import the project here, and select the directory where the applet code you downloaded and compressed in the "second step" is located. **APPID must be changed to the APPID of your own mini program**** ****APPID must be changed to the APPID of your own mini program**** ****APPID must be changed to the APPID of your own mini program** Then click the import button ["How to check the APPID of my mini program? Where can I check the APPID of my mini program? 》](https://jingyan.baidu.com/article/642c9d340305e3644a46f795.html) # Configure docking with your own backendIn the development tool, pull down the subDomain at the bottom of app.js and change it to your own exclusive domain name. Press ctrl + s to save. ![](https://dcdn.it120.cc/yuque/0/2020/png/572726/1597323404490-17eae337-90ec-4b98-86fd-802a829c22c6.png) ["How to view your own subDomain"](https://www.yuque.com/apifm/doc/qr6l4m) #Backend configuration tutorial ## Modify the mini program LOGO In the left menu "System Settings" --> "System Parameters", add a file type parameter and upload your own LOGO: ![](https://dcdn.it120.cc/yuque/0/2020/png/572726/1598074120175-24b78f39-b553-42cf-b69b-cd74087fcdc1.png) ## Modify the applet name ![](https://dcdn.it120.cc/yuque/0/2020/png/572726/1582124151275-562af1de-73c0-4288-8ba3-37e14035e64b.png) left menu "System Settings" --> "System Parameters", add/modify the parameter numbered mallName; ## "My" --> "To the store" coordinate configuration Left menu "System Settings" --> "System Parameters", add/modify "gps" parameters: ![](https://dcdn.it120.cc/yuque/0/2020/png/572726/1598074305374-07d62f97-61c8-44a8-8497-f48fd0f03067.png) ## How to publish products [https://www.yuque.com/apifm/doc/xers4q](https://www.yuque.com/apifm/doc/xers4q) ## How to add links to the homepage carousel image ### Click to open a product 1. First find the product number you need to open: Left menu, "Mall Management" --> "Product Management", the number in the first column after opening is the product number; 2. Add jump links in banner management: Left menu, "System Settings" --> "Banner Management", edit, fill in the link address:/pages/goods-details/index?id=1234 **Change 1234 to the product number you want to open.****** ## Configure subscription message template number Left menu "System Settings" --> "System Parameters", the modification number issubscribe_idsThat parameter is enough (modify it if it exists); | Subscription account template ID, multiple separated by commas in English | | | :--- | --- | # Launch mini program 1. Upload the code to the WeChat server ![](https://dcdn.it120.cc/yuque/0/2019/png/572726/1576452414708-5fcd4ce3-7b64-4cc9-8ad2-9c3bd0f8865a.png) 2. Submit for review Log in to the mini program merchant backend in the "first step", go to "Version Management" on the left menu, find the mini program version you just uploaded, and click Submit for WeChat review. Once approved, your mini program can be officially released. 3. Officially release your mini program When logging in to the mini program merchant backend in the "first step", go to "Version Management" on the left menu, find the version that has passed the review, and click Publish Now # FAQ [""regeneratorRuntime is not defined""](https://www.yuque.com/apifm/doc/da0p0c) ["Unable to log in"](https://www.yuque.com/apifm/doc/qgzm02) ["WeChat Payment 50000 Error/Signature Error"](https://www.yuque.com/apifm/doc/nrw662) ["Failed to bind mobile phone number interface"](https://www.yuque.com/apifm/doc/taoc9d) ["Generate product posters/distribution center and go around"](https://www.yuque.com/apifm/doc/gsw6be) ["How to configure subscription messages"](https://www.yuque.com/apifm/doc/sw1dg9) If you have other questions, please check the "Frequently Asked Questions" on the project homepage. [https://github.com/EastWorld/wechat-app-mall](https://github.com/EastWorld/wechat-app-mall) [https://gitee.com/javazj/wechat-app-mall](https://gitee.com/javazj/wechat-app-mall)