"api工厂" 使用手册

api接口开箱即用,云后台管理,助力前端,解放后端开发;

不懂编程也能独立开发应用,小步快跑,快速创业!

旨为更懂你!

”天使童装7.X版本“入门教程


强烈建议使用 8.x 版本


注册开通小程序账号


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


根据自己的实际情况选择 “企业”、“个体工商户”身份,注册小程序账号

商城类小程序不支持个人用户上线,所以一定要选择 企业或者个体户


获得你自己小程序的 appid 和 secret 信息,保存好,下面会用到

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


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

设置小程序合法服务器域名


添加“htmlparse插件


小程序对于后台编辑器中的富文本内容支持很弱,你需要为你的小程序启用“htmlparse”插件,来为小程序增加富文本内容的展示支持:


打开小程序管理后台,转到设置 - 第三方服务,点击添加插件


image.png


搜索框内输入  “htmlparse” ,点击搜索后,点击添加即可:


image.png


该插件的使用教程,可参考:

https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx5d60c080635009b1&token=632952678&lang=zh_CN


注册开通后台账号


https://admin.it120.cc/


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


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

对方商户ID填写 951

点击 “立即克隆”,克隆成功后,F5 刷新一下后台


配置小程序APPID/SECRET


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


配置微信支付


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


下载安装开发工具


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


image.png


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


下载小程序源码


https://github.com/EastWorld/wechat-app-mall


或者从码云镜像下载,速度会快一些:

https://gitee.com/javazj/wechat-app-mall


image.png


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


运行小程序看效果


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


image.png


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


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

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


然后点击导入按钮


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


配置对接你自己的后台


在开发工具中 config.js 中的subDomain 改成你自己专属域名, ctrl + s 保存


image.png


《如何查看你自己的subDomain


其他配置


启用直播带货


请注意,确保你已经获得直播的功能权限;

登录你的小程序公众号后台,看看左侧菜单中有没有直播的菜单,有的话才说明是支持的:


小程序端配置


打开 app.json 文件,添加直播插件即可:


image.png


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


后台配置


微信小程序直播带货教程


订单详情界面展示核销二维码


为了实现快速核销,用户购买下单以后,可以在订单详情界面生成核销二维码,以便后续可以实现一键扫码核销,只需改动一行代码:


image.png


isCanHx: true


至此,你的订单,将可以看到核销二维码


开启扫码核销功能


后台左侧菜单 “系统设置” --> “系统参数”,添加一个 “文本类型” 的参数:


参数编码,填写 order_hx_uids

参数值,填写有权限核销的用户编号(左侧菜单用户管理里面的用户编号,是一串数字),如果多个用户编号,请用逗号隔开即可


后台配置教程


如何设置启动图


左侧菜单 “系统设置” --> “Banner管理” 中,添加 或者 修改类型为 app 的图片即可;

app 类型的图片,会在首次打开小程序的时候进行展示,根据你自己的需要传几张都可以;


修改小程序名称


image.png


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


如何设置首页轮播图


左侧菜单 “系统设置” --> “Banner管理” 中,添加 或者 修改类型为 index 的图片即可;

index 类型的图片,会显示在首页轮播的位置;


如何发布商品


https://www.it120.cc/help/xers4q.html


首页轮播图如何加链接


点击后打开某个商品


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

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

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

左侧菜单,“系统设置” --> “Banner管理”,编辑,链接地址处填写:

/pages/goods-details/index?id=1234

其中 1234 改成你要打开的商品编号


点击后打开某个分类的商品列表


  1. 后台查看分类管理,找到分类编号和分类名称:

左侧菜单,“商城管理” --> “商品分类”,打开后第一列的数字和名称就是了;

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

左侧菜单,“系统设置” --> “Banner管理”,编辑,链接地址处填写:

/pages/goods/list?categoryId=分类编号&name=分类名称


点击后进入分销中心


banner 管理里的链接地址,填写:

/pages/fx/apply-status


商品详情头图如何使用视频


请按照以下步骤操作:


  1. 左侧菜单,工厂设置,模块管理,启用模块 “视频点播转码” ,然后 F5 刷新后台;
  2. 左侧菜单,视频点播,上传你的视频,并记录下视频ID,如下图:

image.png

  1. 发布 / 编辑商品的时候,视频编号的地方填写上面的视频ID即可:

image.png


配置订阅消息模板编号


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


上线小程序


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

image.png

  1. 提交审核

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

  1. 正式发布你的小程序

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


常见问题


《"regeneratorRuntime is not defined"》

《无法登录》

《微信支付50000错误 / 签名错误》

《绑定手机号码接口显示失败》

《生成商品海报/分销中心一直转转转》

《如何配置订阅消息》


还有其他问题,请查看项目主页上面的 “常见问题内容说明”

https://github.com/EastWorld/wechat-app-mall

https://gitee.com/javazj/wechat-app-mall

Copyright © 杭州于芯科技有限公司

浙ICP备15041833号