# 配置
## 微信官方小程序后台配置
![](https://img.kancloud.cn/5e/05/5e0589179f48eaeff2eee0bc74050dad_2382x3670.png)
1.打开https://mp.weixin.qq.com/,登录小程序-开发-开发设置。
2.生成开发者密码(AppSecret),如果已经生成过,忘记AppSecret,可以重新生成。
3.填写服务器域名,默认填写部署项目的域名。
4.填写业务域名,默认填写部署项目的域名。
## 项目后台配置
![](https://img.kancloud.cn/58/c2/58c221686143d8d412d7cc787be2b574_1772x1600.png)
登录项目后台,打开菜单:微信-微信小程序-微信设置
从微信官方小程序后台复制的AppID和AppSecret填写进行,并保存。
## 编译运行
1.使用微信小程序开发工具打开项目。
下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
![](https://img.kancloud.cn/78/45/78458bc67e0c77428a6b1df39bd6c2dc_1664x1222.png)
2.复制文件config.example.js ——> /config.js
配置小程序接口域名,将baseURL的值改成服务端域名加/api/,注意,上线需要使用https。
![](https://img.kancloud.cn/9d/98/9d9886fcc6768c0c5fb0a3b9ff7e11c9_1440x1506.png)
3.复制文件project.config.example.json
——> project.config.json
配置小程序AppID,将appid的值改成小程序的appid值。
4.点击编译即可。
# 说明
## 目录结构
├─likeb2b2c-mnp 根目录
│ ├─api 接口文件目录
│ ├─components 组件目录
│ │ ├─active-area 首页活动区域组件
│ │ ├─after-sales-list 售后列表组件
│ │ ├─coupon-list 优惠券列表组件
│ │ ├─coupon-obj 下单选择优惠券列表组件
│ │ ├─float-tab 悬浮按钮组件
│ │ ├─goods-list 商品列表组件
│ │ ├─goods-shop 店铺商品组件
│ │ ├─home-coupon 首优惠券组件
│ │ ├─loading-footer 上拉加载底部组件
│ │ ├─loading-view 加载页组件
│ │ ├─my-coupons我的优惠券组件
│ │ ├─navigation-bar 导航头组件
│ │ ├─order-goods订单商品列表组件
│ │ ├─price-slice 价格分割组件
│ │ ├─product-swiper 商品详情轮播组件
│ │ ├─progress 自定义滚动条组件
│ │ ├─pullloading 上拉加载组件
│ │ ├─recommend 推荐商品组件
│ │ ├─spec-popup 商品规格弹窗组件
│ │ ├─swipers广告位轮播组件
│ │ └─trigonometry 小三角组件
│ │
│ ├─images图片资源目录
│ ├─miniprogram\_npm 第三方依赖目录
│ ├─pages 页面文件目录
│ ├─styles 全局样式目录
│ │
│ ├─utils 工具类目录
│ │ ├─event.js 事件文件
│ │ ├─request.js 接口请求拦截
│ │ ├─type.js 枚举类型
│ │ ├─request.ts 接口请求拦截
│ │ ├─util.js 常用工具方法
│ │ └─wxutil.ts 微信相关
│ ├─wxParse 富文本目录
│ ├─app.js 小程序入口文件
│ ├─app.json 小程序全局配置文件
│ ├─app.wxss 小程序全局样式文件
│ ├─config.example.js 接口域名等配置文件
## 页面说明
| 页面|名称|路径|带路径例子|参数解释|
| --- | --- | --- | --- | --- |
| 首页 | index | /pages/index/index | | |
| 分类 | sort | /pages/sort/sort | | |
| 购物车 | shop_cart | /pages/shop\_cart/shop\_cart | | |
| 个人中心 | user | /pages/user/user | | |
| 收货地址 | user\_address | /pages/user\_address/user\_address | /pages/user\_address/user\_address?type=1 | /pages/user_address/user_address?type=1从下单页进入地址页需要传参 |
| 地址编辑/添加 | address\_edit | /pages/address\_edit/address\_edit | /pages/address\_edit/address\_edit?type=0&id=1 | type为0则为编辑地址,type为1则为添加地址,type为1时id不传 |
| 登录 | login | /pages/login/login | | |
| 帮助中心/商城咨询 | news\_list | /pages/news\_list/news\_list | /pages/news\_list/news\_list?type=1 | type为1则为帮助中心,不传为商城资讯 |
| 用户评价列表 | goods\_evaluate | /pages/goods_evaluate/goods_evaluate | /pages/goods\_evaluate/goods\_evaluate?type=1 | 可传也可不传,0为选中第一个tab,1为选中第二个tab |
| 商品评价 | goods\_reviews | /pages/goods\_evaluate/goods\_evaluate | /pages/goods\_evaluate/goods\_evaluate?id= | 对应的订单商品id |
| 店铺主页 | store_home | /pages/store_home/store_home | /pages/store\_home/store\_home?id=1 | 店铺id |
| 店铺信息 | store\_info | /pages/store\_info/store\_info | /pages/store\_info/store\_info?id=1 | 店铺id |
| 全部评价 | user\_evaluation | /pages/user\_evaluation/user\_evaluation | /pages/user\_evaluation/user\_evaluation?id=9 | 商品id |
|退款/售后| post\_sale | /pages/post\_sale/post\_sale | | |
| 店铺街 | shop\_street | /pages/shop\_street/shop\_street | | |
| 限时秒杀 |goods\_seckill| /pages/activity/goods\_seckill/goods\_seckill | | |
| 领券中心 | user\_getcoupon | /pages/user_getcoupon/user_getcoupon | | |
| 店铺排行 | store\_list | /pages/store\_list/store\_list | | |
| 热销榜单 | hot\_list | /pages/hot\_list/hot\_list | | |
| 商品搜索 | goods\_search | /pages/goods\_search/goods\_search | /pages/goods\_search/goods\_search?id=2&name=手机 | 当点击分类进入商品搜索时,需要传分类id和分类名字 |
| 商品详情 | goods_details | /pages/goods\_details/goods\_details | /pages/goods\_details/goods\_details?id=1 |商品id|
| 我的订单 | user\_order | /pages/user\_order/user\_order | /pages/user\_order/user\_order?type=pay |订单类型,可传可不传|
| 订单详情 |order\_details| /pages/order\_details/order\_details | /pages/order\_details/order\_details?id=2 | 订单id |
| 签到 | user\_sgin | /pages/user_sgin/user_sgin | | |
| 我的优惠券 | user\_coupon | pages/user\_coupon/user\_coupon | | |
|售后申请| apply\_refund | /pages/apply\_refund/apply\_refund | /pages/apply_refund/apply_refund?order_id=22&item_id=12 | 订单id,商品规格id |
|售后详情|after\_sales\_detail|/pages/after_sales_detail/after_sales_detail|/pages/after\_sales\_detail/after\_sales\_detail?afterSaleId=33&order\_id=22|订单id,售后id|
|提交快递单号|input\_express\_info|/pages/input\_express\_info/input\_express\_info|/pages/input\_express\_info/input\_express\_info?id=33|售后id|
|文章详情|news\_details|/pages/news_details/news_details|/pages/news\_details/news\_details?id=1&type=1|文章id, type为1时为帮助详情|
|物流信息|goods_logistics|/pages/goods\_logistics/goods\_logistics|/pages/goods\_logistics/goods\_logistics?id=2| 订单id|
|积分明细|sign\_detail|/pages/sign\_detail/sign\_detail| | |
|签到规则|sign_rule|/pages/sign_rule/sign_rule| | |
|webview|webview|/pages/webview/webview|/pages/webview/webview?url=https://baidu.com|网页链接|
|支付结果|pay_order|/pages/pay\_order/pay\_order|/pages/pay\_order/pay\_order?id=1|订单id|
|个人设置|user\_profile|/pages/user_profile/user_profile| | |
|下单|confirm\_order|/pages/confirm_order/confirm_order|/pages/confirm\_order/confirm\_order?type=cart&goods= \[{Item\_id: 10, num: 1}\]|type不传默认为立即购买, 传’cart’为购物车购买,goods是一个包含规格id和商品数量的数组|
|服务协议|server_explan|/pages/server\_explan/server\_explan|{type: 0}| 0为服务协议,1为隐私政策, 2为售后保障 |