【小程序端】发布打包

小程序端介绍

• 小程序端依托于电商系统开发的uniapp端主题源码
• 内置八种搭配主色(可自行扩展更多配色)、自由快捷切换适应各大行业需求
• 小程序（微信、QQ、百度、支付宝、头条&抖音、快手）+ H5

使用指南

1. 先安装电商平台系统，下载 HBuilderX 工具
2. 下载小程序端源代码，导入HBuilderX开发工具、顶部工具栏 运行->运行到小程序模拟器->(根据支持平台自行选择、如 微信开发者工具)
3. App.vue中修改 request_url 和 static_url 地址为自己的商城地址即可使用
4. 主题默认为黄色(yellow)，如更改主题 App.vue文件中 default_theme + 底部css引入，pages.json文件中 tabBar选中图标+selectedColor选中颜色
5. 发布、HBuilderX开发工具、顶部工具栏 发行->(根据支持平台自行选择、如 微信开发者工具)

下载工具

uniapp小程序使用HBuilderX开发工具，HBuilderX支持插件拓展功能。App正式版已集成相关插件、开箱即用。

根据自身电脑系统选择对应软件下载，建议选择APP正式版。

下载地址：https://www.dcloud.io/hbuilderx.html

1. 下载小程序端源代码后，用HBuilderX打开。
2. 将小程序端源代码下载包解压后直接将源码目录拖入 HBuilderX 工具即可。

开发模式

顶部工具栏->运行->运行到小程序模拟器->(根据支持平台自行选择、如 微信开发者工具)。

接口地址（必须修改）

• request_url 接口数据请求地址（修改为自己对应的网址）
• static_url 静态资源地址（图片、视频、附件）

App.vue文件

App.vue中修改 request_url 和 static_url 地址为自己的商城地址即可使用（如服务端根目录未指定public、则在静态地址后面需要增加public目录）以斜杠结尾、如：https://www.domain.com/public/，默认标题和描述都可以自行修改。

主题样式（可选修改）

默认主题

• 黄色(yellow)

主题修改

修改App.vue文件，以自定义 default_theme，以及底部 css 样式引入。

• App.vue文件：

pages.json文件

修改pages.json文件的tabBar元素下selectedIconPath选中图标+selectedColor选中颜色：

pages.json文件中可以对页面的标题名称修改：

manifest.json文件

修改内容主要包括：

1. 终端配置：小程序appid（微信小程序直播、好物推荐配置都在这里面自行去掉注释、一定要先申请权限、不然小程序空白）

2. 如需H5、则需要更改腾讯地图秘钥、不建议使用我们默认的测试秘钥（自行到腾讯地图开放平台申请）编译的目录直接传到服务端源码根目录，去访问这个目录即可，如其他域名或二级域名，则需要在服务端配置支持域名跨域，如需手机访问商城自动切换，可以安装启用【主题切换】插件。

• template.h5.html文件

可以对H5页面的标题名称修改。

微信小程序直播

注意：小程序平台那边也需要申请相应的权限才可以使用这个直播组件

如果源码包里面没有直播代码，可以复制以下代码置于 manifest.json 文件的 plugins 元素下即可：

// 直播（需要开通权限 https://developers.weixin.qq.com/miniprogram/dev/platform-capabilities/industry/liveplayer/live-player-plugin.html）
"live-player-plugin" : {
    "version" : "1.3.0",
    "provider" : "wx2b03c6e691cd7370"
}

发布打包

小程序页面配置

页面配置地址

可以参考小程序目录名称，比如小程序首页 /pages/index/index 以pages+页面目录名称 index 两次即可，以斜杠分割。

常用页面地址

分销

会员等级增强版

我的卡劵

优购返现

微信小程序直播

我的留言

货币切换

我的发票

积分商城

品牌页面

签到

多商户（需升级）