JooLun快速开发平台源码
新闻详情

JooLun微信开发系统开发环境部署教程

发表时间:2020-04-28 00:00作者:JooLun来源:JooLun网址:http://www.joolun.com

该教程只适合V2.7.0之前的老版本,新版文档

开发环境准备

  • windows系统

  • IntelliJ IDEA(安装lombok插件) + WebStorm + 微信开发者工具

  • MySql8(MySql版本至少5.7或者5.7+,强烈推荐mysql8

  • Redis

  • JDK8(版本必需8或者8+

  • maven v3.6.0(后端项目构建管理)

  • node v10.15.0(前端构建管理)

  • npm v6.4.1

  • SwitchHosts(用于修改hosts)

开始部署

注:请不要有侥幸心理,忽略下面的任何一步,系统就跑不起来,所以请认真阅读

  • 项目导入

    直接从git私服页面上下载源码,分别将joolun项目导入到idea,joolun-ui项目导入到webstorm,joolun-ma项目(小程序版特有)导入到微信开发者工具

  • 修改hosts

  以管理员的身份运行SwitchHosts!,添加如下配置(假如你的mysql没在本机,把127.0.0.1换成实际ip就行了)

# 本地开发环境 

127.0.0.1 base-nacos
127.0.0.1 base-gateway
127.0.0.1 base-redis
127.0.0.1 base-mysql

   31.png

  先用数据库工具直接连base-mysql,看能否连接上MySQL,确保hosts成功修改

0.png

  • 导入数据库(/joolun/db)再次重申mysql版本必须在5.7或以上,最好是mysql8,不然系统无法运行

  依次将db目录下的脚本导入到mysql(3个库都要导入),商城版还有一个base_mall.sql也要导入

  注意:如果脚本导入报”Unknown collation: 'utf8mb4_0900_ai_ci'“错,请把脚本中的所有”utf8mb4_0900_ai_ci”换成“utf8mb4_bin”,当然你也可以把mysql版本升到8.0.1以上,毕竟8的在性能方面提升很大

00.png

  • 后端发布

1、idea导入后端代码(/joolun),再安装lombok插件
2、修改base-cacos配置文件中的数据库密码(/joolun/base-nacos/src/main/resources/bootstrap.yml)

   000.png

3、首先启动BaseNacosApplication

    base-nacos启动成功后

    浏览器中打开http://127.0.0.1:8848/nacos/index.html账号密码:nacos/nacos

4、修改相关密码

35.png

    application-dev.yml:修改redis密码

    base-auth-dev.yml、base-codegen-dev.yml、base-upms-admin-dev.yml、base-weixin-admin-dev.yml、base-mall-admin-dev.yml:修改mysql账号、密码,将root换成自己的账号密码

     注意冒号后面要带一个空格

1-5.png

5、然后依次启动
BaseGateWayApplication(网关) 

BaseAuthApplication(认证授权)
BaseUpmsApplication(后台管理系统)
BaseWeiXinApplication(微信管理模块)
BaseCodeGenApplication(代码生成模块)
BaseMallApplication(商城模块)

6、商城版需要将redis的key过期推送功能打开,否则订单无法自动取消(可参考:https://www.jianshu.com/p/5687f782d37e

7、阿里oss配置(不配无法上传图片),没有用过阿里oss的请自行百度;如果不想用oss可以自己改上传接口将图片存在本地(UploadFileController.uploadFile)

     1、配置oss账号信息

     在nacos的application-dev.yml 配置文件中

1-6.png

     2、oss跨域配置,并设为公共读(不配图片无法显示

     阿里云后台配置跨域

0000.png

  • 前端发布

1、WebStorm导入前端代码(/joolun-ui)
2、npm install

39.png

3、npm run serve

1-1.png1-2.png

地址:localhost:8082

管理员账号密码:admin/123456

  • 小程序端调试(商城版)

1、后台【小程序管理】中增加自己的小程序账号

1-3.png43.png


注:微信支付商户号请自行申请,如果不填或乱填将无法下单

小程序申请地址:https://mp.weixin.qq.com/

微信支付申请地址:https://pay.weixin.qq.com/index.php/core/home/login?return_url=%2F

2、将小程序(joolun-ma)代码,导入到微信微信开发者工具

44.png

3、修改配置文件(joolun-ma/config/env.js)中的服务器地址,和租户ID。本地调试开发服务器地址配http://localhost:8082即可,basePath其实就是后台访问地址

4、关闭微信开发者工具的域名校验

1-4.png

5、编译即可在开发者工具中开发调试小程序代码了

6、修改回调地址等相关配置(nacos中的base-mall-admin-dev.yml)

回调地址可以直接设为网关地址,ip、域名均可

46.png

注:回调地址要外网能访问,不然收不到支付结果、退款结果、物流信息等,快递100的授权码自行申请



———————————————————————————————————————————————————————
售前客服咨询QQ:3383803212
在线客服