注册开通小程序账号
根据自己的实际情况选择 “企业”、“个体工商户”身份,注册小程序账号
商城类小程序不支持个人用户上线,所以一定要选择 企业或者个体户
获得你自己小程序的 appid 和 secret 信息,保存好,下面会用到
《如何查看我的小程序的 APPID,在哪里看我的小程序的 APPID?》
你需要设置小程序的合法域名,否则开发工具上运行正常,手机访问的时候将看不到数据:
《设置小程序合法服务器域名》
注册开通后台账号
免费注册开通新后台后登录,登录后的首页,请记下你的专属域名,后面会用到
左侧菜单 “工厂设置” —> “数据克隆” —> “将别人的数据克隆给我”
对方商户ID填写 34
点击 “立即克隆”,克隆成功后,F5 刷新一下后台
配置小程序APPID/SECRET
左侧菜单,微信设置,填写配置上一步获得的 appid 和 secret
这一步很重要!!!
如果没有正确配置,下面步骤中打开小程序将无法连接你的后台
配置微信支付
左侧菜单,系统设置 —> 在线支付配置,填写您自己的微信支付的信息
下载安装开发工具
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
根据你自己的操作系统,下载最新稳定版,下载完毕后完成安装
下载小程序源码
https://github.com/gooking/TianguoguoXiaopu
将最新的小程序源码下载下来,下载下来的是一个zip压缩包,请将其解压缩
运行小程序看效果
双击运行第一步安装的小程序开发工具,打开看效果
导入项目这里,目录选择你 “第二步” 中下载并加压的小程序代码所在目录
APPID 务必要改成你自己的小程序的 APPID
APPID 务必要改成你自己的小程序的 APPID
APPID 务必要改成你自己的小程序的 APPID
然后点击导入按钮
《如何查看我的小程序的 APPID,在哪里看我的小程序的 APPID?》
配置对接你自己的后台
在开发工具中 app.js 中拉到最下面的subDomain 改成你自己专属域名, ctrl + s 保存
后台配置教程
修改小程序LOGO
左侧菜单 “系统设置” —> “系统参数” 中,添加 一个文件类型的参数,上传你自己的 LOGO 就可以了:
修改小程序名称
左侧菜单 “系统设置” —> “系统参数”,添加 / 修改 编号为 mallName 的那个参数即可;
“我的”—>“到店里”坐标配置
左侧菜单 “系统设置” —> “系统参数”,添加 / 修改 “gps” 参数:
如何发布商品
https://www.yuque.com/apifm/doc/xers4q
首页轮播图如何加链接
点击后打开某个商品
- 首先找到你需要打开的商品编号:
左侧菜单,“商城管理” —> “商品管理”,打开后的第一列的数字就是商品编号;
- banner管理中添加跳转链接:
左侧菜单,“系统设置” —> “Banner管理”,编辑,链接地址处填写:
/pages/goods-details/index?id=1234
其中 1234 改成你要打开的商品编号
配置订阅消息模板编号
左侧菜单 “系统设置” —> “系统参数”,修改编号为 subscribe_ids 的那个参数即可(如果存在就修改);
订阅号模板ID,多个用英文的逗号分隔 | |
---|---|
上线小程序
- 上传代码到微信服务器
- 提交审核
登录“第一步”时候的小程序商户后台,左侧菜单 “版本管理” ,找到你刚才上传的小程序版本,点击提交微信审核,审核通过以后即可正式发布你的小程序
- 正式发布你的小程序
登录“第一步”时候的小程序商户后台,左侧菜单 “版本管理” ,找到审核通过的那个版本,点击立即发布即可
常见问题
《”regeneratorRuntime is not defined”》
《无法登录》
《微信支付50000错误 / 签名错误》
《绑定手机号码接口显示失败》
《生成商品海报/分销中心一直转转转》
《如何配置订阅消息》
还有其他问题,请查看项目主页上面的 “常见问题内容说明”
https://github.com/EastWorld/wechat-app-mall
https://gitee.com/javazj/wechat-app-mall