注册开通小程序账号

https://mp.weixin.qq.com/

根据自己的实际情况选择 “企业”、“个体工商户”身份,注册小程序账号
商城类小程序不支持个人用户上线,所以一定要选择 企业或者个体户

获得你自己小程序的 appid 和 secret 信息,保存好,下面会用到
《如何查看我的小程序的 APPID,在哪里看我的小程序的 APPID?》

你需要设置小程序的合法域名,否则开发工具上运行正常,手机访问的时候将看不到数据:
设置小程序合法服务器域名

注册开通后台账号

https://admin.it120.cc/

免费注册开通新后台后登录,登录后的首页,请记下你的专属域名,后面会用到

左侧菜单 “工厂设置” —> “数据克隆” —> “将别人的数据克隆给我”
对方商户ID填写 34
点击 “立即克隆”,克隆成功后,F5 刷新一下后台

配置小程序APPID/SECRET

左侧菜单,微信设置,填写配置上一步获得的 appid 和 secret

这一步很重要!!!
如果没有正确配置,下面步骤中打开小程序将无法连接你的后台

配置微信支付

左侧菜单,系统设置 —> 在线支付配置,填写您自己的微信支付的信息

下载安装开发工具

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

根据你自己的操作系统,下载最新稳定版,下载完毕后完成安装

下载小程序源码

https://github.com/gooking/TianguoguoXiaopu

image.png

将最新的小程序源码下载下来,下载下来的是一个zip压缩包,请将其解压缩

运行小程序看效果

双击运行第一步安装的小程序开发工具,打开看效果

image.png

导入项目这里,目录选择你 “第二步” 中下载并加压的小程序代码所在目录

APPID 务必要改成你自己的小程序的 APPID
APPID 务必要改成你自己的小程序的 APPID
APPID 务必要改成你自己的小程序的 APPID

然后点击导入按钮

《如何查看我的小程序的 APPID,在哪里看我的小程序的 APPID?》

配置对接你自己的后台

在开发工具中 app.js 中拉到最下面的subDomain 改成你自己专属域名, ctrl + s 保存

image.png

《如何查看你自己的subDomain》

后台配置教程

修改小程序LOGO

左侧菜单 “系统设置” —> “系统参数” 中,添加 一个文件类型的参数,上传你自己的 LOGO 就可以了:

image.png

修改小程序名称

image.png

左侧菜单 “系统设置” —> “系统参数”,添加 / 修改 编号为 mallName 的那个参数即可;

“我的”—>“到店里”坐标配置

左侧菜单 “系统设置” —> “系统参数”,添加 / 修改 “gps” 参数:

image.png

如何发布商品

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

首页轮播图如何加链接

点击后打开某个商品

  1. 首先找到你需要打开的商品编号:

左侧菜单,“商城管理” —> “商品管理”,打开后的第一列的数字就是商品编号;

  1. banner管理中添加跳转链接:

左侧菜单,“系统设置” —> “Banner管理”,编辑,链接地址处填写:
/pages/goods-details/index?id=1234
其中 1234 改成你要打开的商品编号

配置订阅消息模板编号

左侧菜单 “系统设置” —> “系统参数”,修改编号为 subscribe_ids 的那个参数即可(如果存在就修改);

订阅号模板ID,多个用英文的逗号分隔

上线小程序

  1. 上传代码到微信服务器

image.png

  1. 提交审核

登录“第一步”时候的小程序商户后台,左侧菜单 “版本管理” ,找到你刚才上传的小程序版本,点击提交微信审核,审核通过以后即可正式发布你的小程序

  1. 正式发布你的小程序

登录“第一步”时候的小程序商户后台,左侧菜单 “版本管理” ,找到审核通过的那个版本,点击立即发布即可

常见问题

《”regeneratorRuntime is not defined”》
《无法登录》
《微信支付50000错误 / 签名错误》
《绑定手机号码接口显示失败》
《生成商品海报/分销中心一直转转转》
《如何配置订阅消息》

还有其他问题,请查看项目主页上面的 “常见问题内容说明”
https://github.com/EastWorld/wechat-app-mall
https://gitee.com/javazj/wechat-app-mall