fire shop lite Download - fire shop lite Source code download

fire shop lite

AI Source Code

1.0.0

Download

Maintenance has been stopped. Maintenance has been stopped. Maintenance has been stopped! ! ! ! !

quick preview

Scan code experience

About this project

fire-shop-lite is an e-commerce applet front-end open source project, developed based on wechat-app-mall.

Key features include:

1. Group fight

2. Bargain

3. Distribution

4. Product poster generation

5. Coupons

…

Domestic warehouse: Code Cloud Warehouse

Things to note

Friends who do not have live broadcast permission can remove the live broadcast plug-in by themselves

1. Remove the live broadcast plug-in from app.json

 "live-player-plugin": {
	"version": "1.0.8", 
	"provider": "wx2b03c6e691cd7370"
}

2. Delete or comment out the live broadcast plug-in reference in pages/index/index.wxml

 <navigator wx:if="{{aliveRooms.length> 0}}" url="plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id={{aliveRooms[0].roomid}}" class="live-ad padding-tb">
	<image src="../../images/live_ad.png"></image>
</navigator>

Documentation Tutorial

Open source projects used

WeChat e-commerce mini program EastWorld /wechat-app-mall

api factory applet interface SDK

Bright, highly saturated colors, ColorUI, a small program component library focusing on vision

Mini Program Poster Component - Generate posters for sharing in Moments and generate pictures

Interface & backend declaration

This project is a pure front-end project for a mini program mall. Due to limited manpower and energy, this project did not develop a supporting back-end system. Instead, it directly used the free interface and back-end provided by the api factory, which can fully meet all the functions of this project. need.

Initialize test data

Register api factory

Log in to the backend, left menu "Factory Settings" --> "Data Clone" --> "Clone other people's data to me"

Fill in the other party’s merchant ID as 9436

Click "Clone Now", then log out of the background and log in again

You will immediately have initialized test data to facilitate your testing

Compilation instructions

This project uses the npm module. Please check "Use npm module" in the project settings.

This project uses syntax based on ES7, so please enable "enhanced compilation" in the development tools, otherwise the following error will be prompted:

 thirdScriptError 
 sdk uncaught third Error 
 regeneratorRuntime is not defined 
 ReferenceError: regeneratorRuntime is not defined

If you do not see the "Enhanced Compilation" option in your development tools, please upgrade the development tools to the latest version.

Instructions for use

1. Apply for a backend account/obtain an exclusive domain name

2. Open the mall module

3. Modify the config.js file in the root directory

 module . exports = {
  version : "2.0.0" ,
  note : '增加拼团砍价和分销,优化UI' , // 这个为版本描述，无需修改
  subDomain : "fireshop" , // 根据教程 https://www.yuque.com/apifm/doc/qr6l4m 查看你自己的 subDomain
  shareProfile : '百款精品商品，总有一款适合您' , // 首页转发的时候话术
  goodsDetailSkuShowType : 0 , // 0 为点击立即购买按钮后出现规格尺寸、数量的选择； 1为直接在商品详情页面显示规格尺寸、数量的选择，而不弹框
}

4. Set the legal server domain name of the mini program

5. Restart your mini program development tool and complete

6. How to manage the mini program startup image and the carousel banner image at the head of the homepage in the background

这两个功能都是使用后台 “系统设置” --> “banner” 管理功能来实现的；
后台发布banner的时候，自定义类型请分别填写  app  和  home
小程序会自动读取类型为 app 的banner图片作为启动展示图片；
小程序会自动读取类型为 home 的banner图片作为首页的轮播图；

7. If you need to use the poster sharing function (the poster needs to call the mini program user avatar), you need to add the domain name wx.qlogo.cn to the legal domain name of downloadFile.

8. How to use subscription messages (former template messages)? Please check out the tutorial for "api factory":

https://www.yuque.com/apifm/doc/sw1dg9

System parameter settings

Log in to the backend, go to the left menu "System Settings" --> "System Parameters" menu; if you can't find this menu, it's because you haven't enabled the "System Parameter Settings" module yet, the left menu "System Settings" - -> "Module Management", enable the "System Parameter Settings" module, then F5 to refresh the web page

RECHARGE_OPEN (switch type)
During WeChat review, if your mini program has a recharge function, it will fail the review. Therefore, by default, the mini program will hide the recharge and withdrawal function. This parameter can be used to turn on the display of recharge and withdrawal.
ROLE_FOR_SHOP (switch type)
If you have multiple store functions, changing the function will enable the store administrator function. At that time, each store administrator will only be able to manage the products and orders placed in his own store, but will not be able to view and manage orders from other stores.
ALLOW_SELF_COLLECTION (switch type)
Whether to enable in-store pickup function (express delivery and in-store pickup customers can choose)
WITHDRAW_FEE_PERCENT (text parameter)
Withdrawal fee ratio, fill in 1 for 1%
free_shipping_for_purchases (text parameter)
Free shipping will be provided after the order amount is reached
mallName (text parameter)
Mini program name (mall name)
REGISTER_OPEN_SELLER (switch type)
Whether newly registered users will automatically become distributors. If this parameter is not turned on, distributors need to apply for it themselves and you will review it.
categoryLevel (text parameter)
The classification page displays the classification level. Optional parameters 1 and 2. When the value is 1, the product list is displayed directly on the right side. When the value is other, the second-level classification is displayed.
CATEGORY_BY_TAGS (switch type)
Whether to enable classification by tags. This parameter is valid when categoryLevel=1 and can be used in scenarios where a product belongs to multiple categories.
"Api Factory Three-Level Distribution Plug-in Usage Tutorial"

FAQ

How to modify the title of the mini program mall?
Please check the mallName in the system settings above
"Unable to log in"/Token invalid?
1. Change the subDomain in config.js to your own and save;
2. Log in to your mini program backend (MP address), add api.it120.cc to the Request domain name
3. Make sure that the appid of the mini program backend (MP address), the appid filled in the factory backend, and the appid displayed after opening the "Project Details" in the upper right corner of the development tool are exactly the same;
4. Click "Clear Cache" on the development tools -> "Compile"
Log in to the backend to publish your own products
How to add a link to Banner and click to open a product?
How to fill in the token when setting the appid, secret, WeChat payment merchant number and secret key in the factory backend?
Don’t fill in the token!
Don’t fill in the token!
Don’t fill in the token!
Say important things three times. This small program is not used. It is for service accounts, so please don’t fill in the blanks.
When paying on WeChat, a 50000 error message appears and the prepayment ID cannot be obtained.
This error is that the prepayment information of WeChat Pay cannot be obtained.
- It may be that you have not configured your WeChat payment merchant number and secret key in the background, or the configuration is incorrect.
- It may be that the WeChat Pay you configured is not applied for by the current mini program (WeChat Pay currently cannot be called across mini programs)
- Make sure the APPID logged in on the WeChat development tool is the same as the APPID you configured in the background
How to participate in the project?
1. Click Star at the top of the page and follow it. Github will remind you of the latest updates on the project so you don’t miss important updates;
2. Click Fork at the top of the page, adjust the mini program interface with the functions you need to add, and then request to merge your code into fire-shop-lite on github;
3. After your code merge request is approved, we will merge the code into the project;
4. Open source projects are inseparable from your support and code sharing. Together, we will maintain the fire-shop-lite project in the long term;
5. Designer friends are also welcome to provide UI design support
Is there no place to fill in the shipping address when placing an order?
1. Add a "logistics template", and only products that require express delivery will prompt users to fill in the delivery address.
2. When publishing products, select the "Logistics Template" you just added
3. To place an order again, the user will be required to enter the delivery address.
When setting the appid and secret in the background, the prompt is incorrect?
1. Please confirm whether the appid and secret you filled in are correct
2. Make sure there are no spaces when typing (you may copy more spaces when copying)
3. Set the server IP address whitelist (106.14.43.122) in the WeChat background
How to use the refund function?
1. The backend supports specifying the refund amount for an order;
2. You can choose to refund to the user's available balance or refund to a third party or bank card according to the original payment method of the user;
3. If you choose to return via the original route, you need to upload your WeChat payment certificate file (PK12 format file) where the merchant number and secret key are set.
How to set the amount of free shipping?
1. Background system settings--system parameters, add system parameters;
2. Parameter name free_shipping_for_purchases (note no spaces)
3. Just fill in the parameter value with the amount you want to buy.
How to modify or close an order that will be automatically closed if it is not paid for more than 30 minutes?
1. Add expireMinutes parameter to create order interface;
2. Represents how many minutes the order will be automatically closed if payment is not made. Passing 0 will not automatically close the order;
Android can see the picture, but iOS phone cannot see the picture
This is a problem with the wxparse parser. Many people have been hit~
Just search globally and comment out console.dir
More questions?

How to upgrade to the latest version

The modification of the mini program is independent of the data in your background, so there is no need to worry about losing data.
First, back up the existing version of the program under your development tools
Download the latest version of the program and directly overwrite your local program
Use development tools to modify the domain name mall to your own domain name
Upload the code in the development tool and submit it to WeChat for review
After passing the review, the mini program can release a new version in the background.
Users do not need to re-scan the code, just close the mini program and reopen it to see the new version.