加载中…

“甜果果小铺”使用教程

# 注册开通小程序账号 [https://mp.weixin.qq.com/](https://mp.weixin.qq.com/) 根据自己的实际情况选择 “企业”、“个体工商户”身份,注册小程序账号 **商城类小程序不支持个人用户上线,所以一定要选择 企业或者个体户** 获得你自己小程序的** appid 和 secret 信息**,保存好,下面会用到 [《如何查看我的小程序的 APPID,在哪里看我的小程序的 APPID?》](https://jingyan.baidu.com/article/642c9d340305e3644a46f795.html) 你需要设置小程序的合法域名,否则开发工具上运行正常,手机访问的时候将看不到数据: 《[设置小程序合法服务器域名](https://www.yuque.com/apifm/doc/tvpou9)》 # 注册开通后台账号 [https://admin.it120.cc/](https://admin.it120.cc/) 免费注册开通新后台后登录,登录后的首页,**请记下你的专属域名**,后面会用到 左侧菜单 “工厂设置” --> “数据克隆” --> “将别人的数据克隆给我” 对方商户ID填写 **34** 点击 “立即克隆”,克隆成功后,F5 刷新一下后台 ## 配置小程序APPID/SECRET 左侧菜单,微信设置,填写配置上一步获得的 appid 和 secret **这一步很重要!!!** 如果没有正确配置,下面步骤中打开小程序将无法连接你的后台 ## 配置微信支付 左侧菜单,系统设置 -->  在线支付配置,填写您自己的微信支付的信息 # 下载安装开发工具 [https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html) 根据你自己的操作系统,下载最新稳定版,下载完毕后完成安装 # 下载小程序源码 [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) 将最新的小程序源码下载下来,下载下来的是一个zip压缩包,请将其解压缩 # 运行小程序看效果 双击运行第一步安装的小程序开发工具,打开看效果 ![](https://dcdn.it120.cc/yuque/0/2019/png/572726/1575349127431-00ff2059-dd5e-4e4b-99a7-e1d605db02c7.png) 导入项目这里,目录选择你 “第二步” 中下载并加压的小程序代码所在目录 **APPID 务必要改成你自己的小程序的 APPID**** ****APPID 务必要改成你自己的小程序的 APPID**** ****APPID 务必要改成你自己的小程序的 APPID** 然后点击导入按钮 [《如何查看我的小程序的 APPID,在哪里看我的小程序的 APPID?》](https://jingyan.baidu.com/article/642c9d340305e3644a46f795.html) # 配置对接你自己的后台 在开发工具中 app.js 中拉到最下面的subDomain 改成你自己专属域名, ctrl + s 保存 ![](https://dcdn.it120.cc/yuque/0/2020/png/572726/1597323404490-17eae337-90ec-4b98-86fd-802a829c22c6.png) [《如何查看你自己的subDomain》](https://www.yuque.com/apifm/doc/qr6l4m) # 后台配置教程 ## 修改小程序LOGO 左侧菜单 “系统设置” --> “系统参数” 中,添加 一个文件类型的参数,上传你自己的 LOGO 就可以了: ![](https://dcdn.it120.cc/yuque/0/2020/png/572726/1598074120175-24b78f39-b553-42cf-b69b-cd74087fcdc1.png) ## 修改小程序名称 ![](https://dcdn.it120.cc/yuque/0/2020/png/572726/1582124151275-562af1de-73c0-4288-8ba3-37e14035e64b.png) 左侧菜单 “系统设置” --> “系统参数”,添加 / 修改 编号为 mallName 的那个参数即可; ## “我的”-->“到店里”坐标配置 左侧菜单 “系统设置” --> “系统参数”,添加 / 修改 “gps” 参数: ![](https://dcdn.it120.cc/yuque/0/2020/png/572726/1598074305374-07d62f97-61c8-44a8-8497-f48fd0f03067.png) ## 如何发布商品 [https://www.yuque.com/apifm/doc/xers4q](https://www.yuque.com/apifm/doc/xers4q) ## 首页轮播图如何加链接 ### 点击后打开某个商品 1. 首先找到你需要打开的商品编号: 左侧菜单,“商城管理” --> “商品管理”,打开后的第一列的数字就是商品编号; 2. banner管理中添加跳转链接: 左侧菜单,“系统设置” --> “Banner管理”,编辑,链接地址处填写: /pages/goods-details/index?id=1234 **其中 1234 改成你要打开的商品编号****** ## 配置订阅消息模板编号 左侧菜单 “系统设置” --> “系统参数”,修改编号为 subscribe_ids 的那个参数即可(如果存在就修改); | 订阅号模板ID,多个用英文的逗号分隔 | | | :--- | --- | # 上线小程序 1. 上传代码到微信服务器 ![](https://dcdn.it120.cc/yuque/0/2019/png/572726/1576452414708-5fcd4ce3-7b64-4cc9-8ad2-9c3bd0f8865a.png) 2. 提交审核 登录“第一步”时候的小程序商户后台,左侧菜单 “版本管理” ,找到你刚才上传的小程序版本,点击提交微信审核,审核通过以后即可正式发布你的小程序 3. 正式发布你的小程序 登录“第一步”时候的小程序商户后台,左侧菜单 “版本管理” ,找到审核通过的那个版本,点击立即发布即可 # 常见问题 [《"regeneratorRuntime is not defined"》](https://www.yuque.com/apifm/doc/da0p0c) [《无法登录》](https://www.yuque.com/apifm/doc/qgzm02) [《微信支付50000错误 / 签名错误》](https://www.yuque.com/apifm/doc/nrw662) [《绑定手机号码接口显示失败》](https://www.yuque.com/apifm/doc/taoc9d) [《生成商品海报/分销中心一直转转转》](https://www.yuque.com/apifm/doc/gsw6be) [《如何配置订阅消息》](https://www.yuque.com/apifm/doc/sw1dg9) 还有其他问题,请查看项目主页上面的 “常见问题内容说明” [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)