# webpack_mpvue

**Repository Path**: lzcznn/webpack_mpvue

## Basic Information

- **Project Name**: webpack_mpvue
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2018-05-12
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# mpvue

> A Mpvue project

> 根目录下有个 使用文档.docs，那里有配图

# 介绍

> 这个是mpvue的一个小Demo，没有上线的，而且只用来学习mpvue，所以要看效果的，就要部署开发环境

> 这个项目是全栈开发的，使用的后台是 nodeJS，框架是 Koa，数据库是 mySql

> server文件夹是后端的开发代码，但是这是开发环境的，上线环境的，我已经部署好放在阿里云上

> 如果想本地部署开发环境，需要装mysql，还有初始化数据库，挺麻烦的，如果真的想部署，可以问我

> 前端使用的mpVue来开发，而项目用到的东西有 Webpack 2.6.1 + Vue + Vuex + 微信小程序自带组件 + 微信小程序自带接口，
  没有使用Vue-router，因为微信小程序本来就自带了页面跳转的功能，但如果确实像用Vue-router也可以使用，
  但需要你们自己去研究了

# 部署步骤

> 1. 项目根目录: npm install

> 2. npm run dev

> 3. cd ./server

> 4. npm install

> 5. npm run proxy (开启代理，因为接口地址连的是阿里云，需要解决跨域问题)

> 6. 下载比较新的微信开发者工具 (https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)

> 7. 用自己的微信扫一扫登录微信开发者工具

> 8. 你需要在代码 src/api目录下修改 config.js ，把这个ip地址设置为你电脑的ip

> 9. 修改成功后，来到我的页面，点击允许授权，然后等待登录成功

> 10. 登录成功后，所有功能都可以正常使用，你们可以自己去玩玩

> 11. 如果想要真机测试的，首先你需要将你的 微信号(记住是微信号，不是手机号)，告诉我，我需要在后台添加你为 该小程序的开发       者，你才能够真机测试

> 12. 点击预览，等待打包后，使用微信扫一扫该二维码就可以了

> 13. 扫完二维码后，手机上需要点解右上角按钮，选择打开调试

> 14. 重新扫描二维码就可以了