捷微小程序商城对接H5活动之家微商城 ###一、捷微小程序商城快速对接H5活动之家微商城 ####1. 小程序项目代码下载 ``` 源码下载地址：https://gitee.com/jeecg/weixin-app-shop ``` #### 2. 小程序项目配置 ##### （1）配置H5活动之家微商城id ``` 登录H5活动之家（http://www.h5huodong.com）找到需要对接的微商城，没有微商城可以创建一个微商城，进入菜单【商城类】-【小程序商城】-【商城管理】创建自己的商城。 ```  ##### （2）商城创建后进入商城后台管理，获取商城id  ##### （3） 商城id配置到小程序项目中/dist/utils/wxRequest.js文件中  ##### （4） 配置API安全密钥到小程序项目中/dist/utils/wxRequest.js文件中  ``` API安全密钥获取地址【安全设置】-【API安全管理】 ```   ####3、商城小程序配置（平台默认公众号不需要设置） ``` 进入商城后台管理，【商城管理】-【小程序配置】 ```   ``` 小程序id：AppID(小程序ID) 例如：wxd930ea5d5a258f4f 小程序密钥：AppSecret(小程序密钥) 例如：ibuaiVcKdpRxkhJA ``` ####4、商城小程序支付配置（平台默认公众号不需要设置） ``` 进入商城后台管理，【支付中心】-【小程序支付配置】 ```  ``` 配置支付信息： ```  ``` 商户号：支付商户商户号 例如：10000100 支付密钥：商户平台设置的密钥key 例如：192006250b4c09247ec02edce69f6a2d 证书： 微信支付接口中，涉及资金回滚的接口会使用到商户证书，包括退款、撤销接口。 商家在申请微信支付成功后，收到的相应邮件后，可以按照指引下载API证书， 也可以按照以下路径下载：微信商户平台(pay.weixin.qq.com)-->账户设置-->API安全-->证书下载 （见下图） 上传pkcs12格式(apiclient_cert.p12）证书即可 配置完成后，订单支付退款功能即可使用。 备注：证书不上传不能退款操作，但是可以进行订单支付，其他的配置信息必须得正确。 ``` ####5. 发布小程序 ``` 小程序发布，需要通过微信开发者工具上传项目，上传者需扫码微信开发者工具， 该登录微信号必须是当前小程序的开发者。 1、发布前准备 授权开发者权限 小程序后台管理员授权微信用户为开发者 【用户身份-成员管理】添加成员 ```  ``` 服务器域名配置： 小程序后台，进入【设置-开发设置】，服务器域名设置app.h5huodong.com 改配置授权H5活动之家提供服务支持。 ```  ``` 2、下载微信开发者工具 下载地址： https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 下载后安装开发者工具 ``` ``` 3、开发者工具导入项目 扫码登录，选择小程序项目开发者模式。 ```   ``` 选择小程序代码工程目录（即选择下载的解压的小程序代码dist目录），填写小程序appid,填写一个项目名称，点击确定。 开发使用说明(重要) 1、使用微信开发者工具-->添加项目，项目目录请选择dist目录。 2、微信开发者工具-->项目-->关闭ES6转ES5。 重要：漏掉此项会运行报错。 3、微信开发者工具-->项目-->关闭上传代码时样式自动补全。 重要：某些情况下漏掉此项也会运行报错。 4、微信开发者工具-->项目-->关闭代码压缩上传。 重要：开启后，会导致真机computed, props.sync 等等属性失效。 ```  ``` 进入开发页面后，点击编译，然后点击上传，上传小程序到服务器。 上传是填写版本号，项目备注。 版本号命名规则 例如：1.0.1 项目备注，备注项目名称，发布更新的功能 填写后点击上传，即可上传到服务器，可在小程序管理后台看到 ```  ``` 小程序管理后台【开发管理】，可以看到上传的开发版本 ```  ``` 开发版本可以设置为体验版本，具有体验权限的人可以扫码访问，进行测试验证，测试商城数据等没有问题即可提交审核，发布上线。 备注：提交审核后，需等待微信官方审核，审核通过后才可发布上线 ``` 小程序对接完毕！！！