VUE音频订阅商城 FastAdmin首款基于VUE开发的移动端音频专栏订阅播放平台

预览截图

功能介绍

此插件是一款简单强大移动端音频专栏订阅播放平台,FastAdmin平台首款基于VUE前端开发的插件。

功能特性

1、全面升级音频播放优化功能体验
2、附件图片浏览
3、移动端界面美观大方
4、微信企业支付功能,现在订阅音频专辑或者单独购买音乐
5、用户收听历史跟踪

基于Vant VUE轮子,vue-aplayer音频播放器轮子,easywechat轮子,axios网络交互,登录状态token维护,vue-router页面交互,Vue CLI 3脚手架项目快速配置

安装说明

  • 安装此插件,必须先安装FastAdmin,然后在后台管理->插件管理->在线或离线安装即可。
  • 请在后台安装“第三方登录”插件(数据库中需要第三方登录表 以及 easyWeChat库)
  • 请在后台安装 任意一款“富文本”插件 (音频编辑和讯息编辑中都需要)
  • 插件还要注意上传格式和大小的问题,增加mp3,m4a等音频格式等附件格式,方法详见https://forum.fastadmin.net/thread/2264

配置说明

1、后台管理->插件管理->音频订阅平台 的配置中:
填写正确的 微信支付商户号 和 微信支付密钥 用于微信支付

2、后台管理->插件管理->第三方登录 的配置中:
填写正确的 微信 app_idapp_secret 用于微信登录和支付

插件地址为:网站目录下的 www.abc.com/addons/listenstore/ 访问即可。

建议用手机微信访问,非微信需要通过默认会员登录访问。

本插件VUE的调试和编译方法:

请先学习VUE的一些基础知识和Vue CLI 3项目部属配置方法,再动刀更改前端代码。VUE都是编译后的文件用于发布的。

因为基于FA,所以简化了配置,尽量减少webpack配置,自动部署化。

1、保证您系统有vue环境哦。
命令行 cd 进入插件目录的VUE目录下 例如:*****/addons/listenstore/VUE
2、执行:npm install

安装 项目编译依赖库
3、更改WebConfig.js 文件中 第8行的 url 改成自己的url
此设置 只在开发模式下,即npm run serve 下起作用,因为用了代理。
4、若想调试则输入:npm run serve
5、调试成功后,编译:npm run build

项目会自动编译到插件目录中,覆盖对应的前端文件。

有不清楚的,可在qq或者论坛中提问,我后期会将答疑继续整理文档。

查看更多

9月前

https://shimo.im/docs/m0B7O4hXPHondJ91/《新音频商城插件说明》

1年前

发布第一个版本