7 前端代码 - JavaEdge-miniapp
7.1 安装Node.js
建议和笔者保持一致
- 前往 https://nodejs.org/en/download/ 下载Node.js。
- 建议使用 https://nodejs.org/dist/v8.15.0/node-v8.15.0.pkg 下载 。
- 安装说明
- macOS操作系统，用pkg直接拖动安装即可
7.2 修改app信息
修改 project.config.json ，按需修改如下两行
"appid": "修改为你的appid" "projectname": "修改为你的项目名称，尽量用英文",
其中，appid在 微信公众平台 - 开发 - 开发设置中可以找到。
7.3 安装 & 启动
安装项目相关依赖 加速!
npm --registry https://registry.npm.taobao.org install
开发环境启动部署
npm run dev
生产环境构建
npm run build
7.4 下载 & 安装微信开发者工具
- 前往 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 下载开发者工具。
- 安装开发者工具
双击安装即可!
7.5 修改调用API地址
找到src/utils/api.js ，找到
// 后端接口基础路径 export const BASE_API_URL = '';
将其修改为你的后端地址，例如：
export const BASE_API_URL = 'http://localhost:8080';
7.6 将代码导入到开发者工具
注意：务必勾选 不校验合法域名... 。
8 创建项目
8.1 技术选型
- Spring Boot ( 快速迭代开发 )
- Spring MVC ( MVC框架 )
Mybatis ( 持久层框架,操作数据库 ) +通用Mapper - Spring Cloud Aliababa ( 分布式 )
参考
