# [](https://gitee.com/gongfuxiang/shopxo#shopxo-%E5%9B%BD%E5%86%85%E9%A2%86%E5%85%88%E4%BC%81%E4%B8%9A%E7%BA%A7b2c%E5%85%8D%E8%B4%B9%E5%BC%80%E6%BA%90%E7%94%B5%E5%95%86%E7%B3%BB%E7%BB%9F)ShopXO 国内领先企业级B2C免费开源电商系统! * 求实进取、创新专注、自主研发、国内领先企业级B2C电商系统解决方案。 * 遵循Apache2开源协议发布,无需授权、可商用、可二次开发、满足99%的电商运营需求。 * PC+H5、支付宝小程序、微信小程序、百度小程序。 >[info] 1、ShopXO目前支持三种小程序:支付宝小程序、微信小程序、百度小程序、QQ小程序、抖音小程序 > 2、从V2.2.1开始,ShopXO的小程序端开始支持uniapp版本 # 小程序使用 >[success] 这里以使用频率较高的**微信小程序**做一个使用说明(另外两种大同小异) ## 一、将网站https >[success] 将网站改为HTTPS,就是为域名添加SSL证书,目前免费的证书多家公司都有提供,比如阿里云、腾讯云等 >[danger] 以腾讯云为例:[https://cloud.tencent.com](https://cloud.tencent.com) > 申请步骤如下: > 进入腾讯云控制台后 ![](https://img.kancloud.cn/15/fa/15faf503ae93bba4289707bd85cafd58_573x238.png) >[danger] 搜索产品SSL,进入SSL界面 ![](https://img.kancloud.cn/2e/b5/2eb5d2d69b6e645c95e13dbc092670a0_904x424.png)![](https://img.kancloud.cn/65/cb/65cbcc29428e29eb4d38b202a5f396d6_710x456.png) 说明:免费证书都是一年有效期,一年到期前,需要重新申请(免费的嘛,当然不能怕这点小麻烦) ![](https://img.kancloud.cn/e7/b9/e7b909540a6dd7cc5ed00c7bcc1cfef5_518x551.png) >[danger] 填写域名,这里可以填写主域名,就是不带主机头的,也可以填写带主机头的,看自己需求,申请邮箱一定要正确,用来接收信息;证书备注可以随时修改,这里填不填都行,私钥密码建议填写,当然,你填写后要自己记录一下; >[success] 下一步之后,请选择自主给域名加一个TXT类型的解析这种认证方式,很及时,很快就可以通过 >[info] SSL证书申请下来后,下载证书,同样以宝塔为例,将SSL证书上传 #### **首先看你的宝塔环境:** #### ![](https://img.kancloud.cn/9c/38/9c389baafbcb41a6ac51a06c3bf694d1_1281x661.png)**我这里是Nginx的,则选择SSL证书中的对应的文件夹打开** ![](https://img.kancloud.cn/47/c2/47c25be87d38471aceacaa20d0c1bf8a_328x111.png) #### **打开网站设置,将证书包中的两个文件分别填入** ![](https://img.kancloud.cn/3e/7b/3e7bc7460e5fb2307997477cb2344c40_651x621.png) >[danger] 至此,网站HTTPS配置完成,此时用**https**://www.xxx.com来访问你的站点吧 > 另外如果你使用的是宝塔,可以注册一个宝塔账号并认证,可以直接在宝塔中一键申请免费的SSL(见上图中的宝塔SSL字眼),更方便!! ## 二、用HTTPS方式进入后台 >[success] 打开微信小程序的设置页 ![](https://img.kancloud.cn/28/51/28510cec120a153df92557bdc62ac5d4_581x781.png) >[info] 小程序的APPID、APPSECRET请在您的微信小程序官方平台获取: ![](https://img.kancloud.cn/a7/f9/a7f9bc88c1031b3c59e680fe0c6ef956_1072x922.png) >[danger] 说明,在获取APPID及APPSECRET的同时,请把下面的服务器域名也同时配置好 >[info] 回头网站后台,将获取到的APPID及APPSECRET填好,保存,进入“小程序”页,然后点击生成按钮 > 123 ![](https://img.kancloud.cn/55/ac/55ac9080df6385b7def3f0e240268268_527x762.png) >[danger] 生成后,下方列表有你刚生成的小程序文件包,点击右侧下载,接下来就需要用到微信的开发者工具了,在开发者工具中打开你的小程序文件包。 > # **【特别注意】**通过后台打包的为原生小程序,该版本小程序后续将会剔除,官方也不再维护,所以请直接使用最新版的uniapp版本小程序; >[info] 在微信开发者工具中调试后,没有问题便可以上传了。 ![](https://img.kancloud.cn/e0/4e/e04e63645c0593b20cfa9bb7ebf954ae_1194x140.png) >[info] 接下来进入微信小程序官方平台,找到版本管理,提交审核。 ## 三、手机端配置 >[info] 没错,手机端配置这里,也有关于小程序的设置 ![](https://img.kancloud.cn/77/d6/77d6ab219b00c5e14194b9ef6ed28931_448x751.png =428x)![](https://img.kancloud.cn/2a/5a/2a5aae6fd8ccd1d5973e7c27cfc16270_395x753.png) ![](https://img.kancloud.cn/2a/78/2a783b20ee6162d7a8cabadb0e799389_989x754.png) >[danger] ·说明:此三个页面均可操作小程序,不难区分,至于小程序的事件值,请参考下一章的高级使用中的[小程序打包](%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%89%93%E5%8C%85.md) >[warning] 至于有的朋友在调试小程序时,会遇到类似插件收费之类的错误,笔者建议检查下下面的配置 ![](https://img.kancloud.cn/48/70/4870a17977b51b290a86fd1dd87556b8_449x786.png) >[danger] 因为限时秒杀是一个收费插件,如果您没有购买,这里请选择否 >[info] 同时使用小程序还要注意下面的配置: ![](https://img.kancloud.cn/56/78/56781f187331aae06ccad9bda6417960_592x535.png) >[danger] 好物推荐如果要使用,请先在微信小程序官方平台申请权限后,这里再开启,否则开启后会出错。 # Uniapp版本小程序 一、从V2.2.1开始,官方开始推出uniapp版本小程序,目前只支持微信小程序,后续再继续开发其他端的小程序; 使用方法直接参考官方给的即可,传送门:[https://doc.shopxo.net/article/1/293727233598554112.html](https://doc.shopxo.net/article/1/293727233598554112.html) 二、刚开始使用 HBuilderX 工具导入官方的uniapp小程序时,可能会有一些错误提示,比如提示CSS文件不支持之类,请直接按照提示的链接进入,而后注册dclould的账号,再对应页面的右上角导入插件即可; ![](https://img.kancloud.cn/ad/e2/ade2649cee967d77dd800794249503d2_404x371.png)