# 移动端 文件列表 ~~~ . ├── App.vue 文件主入口 ├── api 后台api调用地址 │   ├── api.js 公共接口api │   ├── order.js 订单数据api │   ├── public.js 公共接口api │   ├── product.js 商品数据api │   ├── merchant.js 商户数据api │   └── user.js 用户信息api ├── components 组件 │   ├── accredit 授权弹窗 │   ├── base 公共组件 │ │ ├──easy-loadimage 图片懒加载 │ │ ├──recommend 推荐商品 │ │ ├──tui-skeleton 骨架屏 │   ├── couponListWindow 优惠券列表弹框 │   ├── goodList 主页和商品搜索页商品列表 │   ├── jyf-parser 商品详情富文本解析器 │   ├── merchantList 商户列表 │   ├── merHome 商户头部信息 │   ├── productConSwiper 商品详情banner │   ├── productWindow 商品详情sku弹出层 │   ├── shareInfo 资讯详情分享 │   ├── shareRedPackets 商品详情分销气泡 │   ├── skeleton 骨架屏 │   ├── WaterfallsFlow 瀑布流 │   ├── WaterfallsFlowItem 瀑布流 │   ├── navBar 头部导航小标 │   ├── emptyPage 缺省图 │   ├── svipPrice 价格组件 │   ├── vconsole.min.js 调试打印工具 ├── config 配置 │   ├── app.js 请求地址和请求头配置 │   ├── cache.js 缓存信息 │   └── socket.js 套接字 ├── js_sdk JS-SDK │   └── Sansnn-uQRCode 二维码生成 ├── libs 执行子文件 │   ├── apps.js 授权登录获取token │   ├── iframe.js 判断是否是isIframe页面 │   ├── login.js 登录 │   ├── order.js 活动商品跳转和预下单 │   ├── follow.js 商户、作者关注/取消 │   ├── routine.js 微信小程序获取信息 │   └── wechat.js 微信公众号获取信息 ├── main.js 项目入口文件 ├── manifest.json 应用配置文件 ├── mixins 混入 │   └── SendVerifyCode.js 验证码 ├── package-lock.json 描述模块的版本信息，模块来源及依赖 ├── pages 页面目录 │   ├── address 地址相关页 │   ├── auth 作者 │   ├── goods 商品相关页 │   ├── goods_cate 商品分类页 │   ├── index 首页 │   ├── merchant 商户相关页 │   ├── order_addcart 购物车 │   ├── user 个人中心 │   └── users 用户目录 ├── pages.json 页面文件的路径、窗口表现配置文件 ├── plugin 插件 │   ├── animate 动画库 │   ├── clipboard 复制插件 │   ├── dayjs 处理时间和日期的库 │   └── jweixin-module 公众号H5的JS-SDK ├── static 静态文件 │   ├── css css样式目录 │   ├── easy-loadimage 图片懒加载图片 │   ├── html PC端打开时的html文件 │   ├── iconfont iconfont │   ├── images 图片资源 │   ├── img 图片资源 │   └── tabBar 底部导航图片 ├── store vuex │   ├── getters.js store的计算属性 │   ├── index.js store入口文件 │   └── modules store的模块 ├── uni.scss uniapp自带的的scss文件 ├── unpackage 打包后的目录 ├── utils 公共的js模块 │   ├── animationType.js APP端跳转样式 │   ├── ase.js 滑块 │   ├── crypto-js.js 滑块 │   ├── base64src.js base64 │   ├── consumerType.js 客服选择 │   ├── cache.js 设置，读取，检测缓存 │   ├── index.js 公共配置文件 │   ├── permission.js 权限 │   ├── request.js api请求方法 │   ├── setTheme.js 设置主题色 │   ├── SubscribeMessage.js 小程序订阅消息 │   ├── util.js 工具函数 │   └── validate.js 输入验证，函数防抖 └── vue.config.js 主配置 ~~~ ## 移动端运行 （H5 和 微信小程序） 下载安装 [Hbuilder](https://www.dcloud.io/) 导入移动端项目 开源地址中对应的 app 目录 ![](https://gitee.com/xghc/picture/raw/master/img/20211101092846.png) 移动端访问 api 设置,下图设置包涵App的配置 ![](https://gitee.com/xghc/picture/raw/master/img/20211101093058.png) 在文件中修改对应java服务的api地址即可 > 注意： 配置文件放在移动端的包外面 是为了方便在调试过程中频繁修改地址域名，根据自己需求可以在 /app/config/app.js 修改 ### **运行H5** ![](https://gitee.com/xghc/picture/raw/master/img/h5_chrome.jpg) 第一次使用可能Hbuider要求登录等等，跟着操作即可 H5运行成功 ![](https://gitee.com/xghc/picture/raw/master/img/20211101093546.png) ### **运行微信小程序** 需要在清单文件 manifest.json 配置文件中维护已有开发权限的微信小程序appid，这里的appid和webPC管理端配置的微信小程序appid一致 ![](https://gitee.com/xghc/picture/raw/master/img/screenshot_1627954225089.png) 运行微信小程序到微信小程序开发工具 ![](https://gitee.com/xghc/picture/raw/master/img/screenshot_1627954441599.png) 运行微信小程序成功 ![](https://gitee.com/xghc/picture/raw/master/img/screenshot_1627954579617.png) 如果不能自动打开微信开发者工具，记得开启如下端口，如果还不能自动打开，尝试重启软件，或者设备。这里走运行是为了有热更新等方便调试，如果要发布上传代码，点击发行，否则会出现超包提示 ![](https://gitee.com/xghc/picture/raw/master/img/screenshot_1627954636514.png) # **视频教程列表** *****