您的位置: 程序下载 > 小程序→ 微信商城小程序

微信商城小程序

资源来源网络,如果需要授权,请大家更换源码,模块仅供学习,如需商用请购买正版授权


8.x 版本新功能介绍

简化配置

8.x 版本,移除了 config.js 中 subDomain 的配置,小程序会自动根据您导入开发工具时候填写的 appID 自动加载该 appID 在 「api工厂」 上的专属域名;

所以你要先在 「api工厂」 上配置好 小程序的appID 和 secret 以后,再导入开发工具

小程序入口链接地址跳转

8.x 版本,增加了中间加载页面,所以必须要从入口地址进入,继而跳转到业务地址:

分享转发链接

/pages/start/loading?inviter_id={邀请人id}&route={分享页面url}

route 参数到值,如果带参数,参数部分必须使用 urlencoding 编码,比如:

进入小程序首页:

/pages/start/loading?route=/pages/index/index

进入id为 123 的商品详情页:

/pages/start/loading?route=/pages/goods-details/index%3fid%3d123

自定义二维码

page 参数请传 pages/start/loading

scene 参数:

商品详情海报:

qrcode-goods,?id=123,邀请人id

三级分销码二维码:

qrcode-index,,邀请人id

直播带货商品链接

商品id为6761的商品:

pages/start/loading?route=/pages/goods-details/index%3fid%3d6761


扫码体验



其他开源模板


本项目为小程序商城纯前端项目,由于人力和精力所限,本项目并未有开发配套的后台系统,而是直接使用了 
api 工厂 提供的免费接口和后台,可以完全满足本项目的所有功能需求。 后台声明

底部ICON图标使用: https://www.iconfont.cn/collections/detail?spm=a313x.7781069.0.da5a778a4&cid=13163

初始化测试数据

登录后台,左侧菜单 “工厂设置” --> “数据克隆” --> “将别人的数据克隆给我”

对方商户ID填写 951

点击 “立即克隆” ,然后退出后台重新登录

你将立即享有初始化测试数据,方便你进行测试

编译说明

本项目使用基于 ES7 的语法,所以请在开发工具中开启 “增强编译”, 否则会提示以下错误:

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

如果你的开发工具没用看到“增强编译”的选项,请升级开发工具到最新版

系统参数设置

登录后台,左侧菜单“系统设置” --> “系统参数” 菜单;如果你找不到该菜单,那是因为你还没启用 “系统参数设置” 的模块,左侧菜单“系统设置” --> “模块管理”,启用 “系统参数设置” 模块,然后F5刷新网页即可

  • ROLE_FOR_SHOP (开关类型)

    如果你有多店铺功能,改功能将开启店铺管理员功能,届时,每个店铺管理员将只能管理自己店铺下的商品和订单,而无法查看并管理其他店铺的订单

  • ALLOW_SELF_COLLECTION (开关类型)

    是否开启到店自提功能(快递和到店自提客户自己可以选择)

  • WITHDRAW_FEE_PERCENT (文本参数)

    提现手续费比例,填1为 1%

  • free_shipping_for_purchases (文本参数)

    下单金额满多少后实现包邮

  • mallName (文本参数)

    小程序名称(商城名称)

  • REGISTER_OPEN_SELLER (开关类型)

    新注册用户是否自动成为分销商,如果不开启该参数,分销商需要自己申请,你进行审核


常见问题

  • 如何修改小程序商城的标题?

    请查看上面的系统设置中的 mallName

  • 如何在后台管理小程序启动图和首页头部的轮播 banner 图片?

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

    1. config.js 里面的 subDomain 改成你自己的,保存;

    2. 登录你的小程序后台(MP 那个地址),Request 域名处增加 api.it120.cc

    3. 确保小程序后台(MP 那个地址) 的 appid,工厂后台填写的 appid ,开发工具右上角 “项目详情” 打开后显示的 appid ,这 3 个 appid 是一模一样的;

    4. 开发工具上点击 “清除缓存” —> “编译”

  • 微信支付时候,提示 50000 错误,不能获取到预支付 id

    这个错误是无法获取到微信支付的预支付信息

    • 可能是你没有在后台配置您的微信支付商户号和秘钥,或者配置错误

    • 可能是你配置的微信支付不是当前小程序申请的(微信支付目前无法跨小程序调用)

    • 确保微信开发工具上面登录的 APPID 和你在后台配置的 APPID 是同一个

  • 能否帮我免费添加功能?

    可以!

    1. 点击页面顶部的 Star ,关注后,项目有最新动态 github 会提醒您,不错过重要更新;

    2. 点击页面顶部的 Fork, 将您需要增加的功能完成 小程序 端界面的调整,然后在 github 上请求将您的代码合并到 EastWorld;

    3. 您的代码合并请求审核通过后,我们将会为您完善配套的后台功能;

    4. 开源项目离不开您的支持和代码共享,我们一起把 EastWorld 项目长期维护下去;

  • 下单的时候没有地方填写收货地址?

    1. 添加一个“物流模板”,只有需要快递的商品才会提示用户填写收货地址

    2. 发布商品的时候,选择刚才添加的“物流模板”

    3. 重新下单,将会需要用户输入收货地址

  • 后台设置 appid 和 secret 的时候提示不正确?

    1. 请确认您填写的 appid 和 secret 是否正确

    2. 输入的时候确保没有空格(复制的时候可能会多复制了空格)

    3. 在微信后台设置服务器 IP 地址白名单(106.14.43.122)

  • 如何使用退款功能?

    1. 后台支持针对订单指定退款多少金额;

    2. 可选择退款至用户可用余额或者按照用户支付原路退还第三方或者银行卡;

    3. 如果选用原路退还,需要在商户号和秘钥设置的地方上传您的微信支付证书文件(PK12 格式文件)

  • 如何设置满多少包邮?

    1. 后台系统设置 -- 系统参数,增加系统参数;

    2. 参数名 free_shipping_for_purchases (注意不要有空格)

    3. 参数值填写您希望的买满金额即可

  • 如何修改或者关闭订单超过 30 分钟未付款自动关闭?

    1. 创建订单接口增加 expireMinutes 参数;

    2. 代表多少分钟未支付自动关闭本订单,传 0 不自动关闭订单;

  • android看得到图片,ios手机看不到图片

    这是wxparse解析器的问题 很多人都中枪~

    全局搜索并注释掉 console.dir 就好了


如何升级到最新版

  • 小程序程序的修改和您后台的数据是独立的,所以不用担心您会丢失数据

  • 先把你开发工具下的现有版本程序备份

  • 下载最新版的程序,直接覆盖您本地的程序

  • 用开发工具修改域名 mall 为你自己的域名

  • 开发工具里面上传代码提交微信审核

  • 审核通过后,小程序后台去发布新版本即可

  • 用户无需重新扫码,关闭小程序重新打开就是新版本了