微信公众号开发--第一章 本地启动前后端

微信公众号开发–第一章 本地启动前后端

一、本地开发环境

window电脑。
前端页面展示：微信开发者工具。
前端：node6.11.3。npm3.10.10。开发工具WebStorm。
微信后端：jdk1.8.0。tomcat8.5.201。开发工具IDEA。
后台：部署在linux服务器。微信后端通过拼接接口路径访问后台。

二、项目简介

本文依据的项目，分为前端、微信后端、后台。

前端

源码文件结构：

​ main.js是vue项目的入口文件。"new Vue()“即实例化vue对象（此时的vue对象是对应整个项目）,在一个vue项目里只会存在一句"new Vue()”，当"new Vue()"被执行时vue的生命就开始了。

​ routes.js是配置路由的，其中有代码"{ path: ‘/’, redirect: ‘/home’}"，表明默认路径是"/home"。

​ home.vue是本项目公众号的首页。

微信后端

源码文件结构：

​ 微信后端，实现与微信第三方交互，接收前端入参传参至后台，接收后台接口返回结果并传给前端。实际上微信后端，也可以算进后台里，和后台的工程一样，都是基于SSM+Maven的项目。只是微信后端，一般不处理业务问题，所以叫做后端以示区分。

后台

​ 源码文件结构：工程包文件结构与微信后端相似。由多个工程包组成。不同的工程