本期推荐的是JooLun微信商城开源版,包括Java + SpringBoot + Maven + Swagger + Mybatis Plus + Redis + Vue + elementUI,微信公众号开发、小程序商城、微信支付、订单管理等。
平台简介
- 基于RuoYi-Vue二开,集成了MybatisPlus、Avue、WxJava SDK
- MIT开源的微信二开利器,放心使用
- 专业的微信管理框架并加入小程序商城,是用来学习和实际项目的不二选择
- 前端采用Vue、Element UI、Avue
- 后端采用Spring Boot、Spring Security、Redis & Jwt、Mybatis Plus、WxJava
- 小程序端采用原生框架+Color UI
- 权限认证使用Jwt,支持多终端认证系统
- 支持加载动态权限菜单,多方式轻松实现权限控制
- 高效率开发,使用代码生成器可以一键生成前后端代码
部署系统
后端(joolun-wx)部署
- 设置mysql大小写不敏感,方法自行百度
- 修改数据库和redis的连接、密码信息(application.yml、application-druid.yml)
# 数据源配置
spring:
datasource:
type: com.alibaba.druid.pool.DruidDataSource
driverClassName: com.mysql.cj.jdbc.Driver
druid:
# 主库数据源
master:
url: jdbc:mysql://localhost:3306/ry-vue?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8
username: root
password: root
# redis 配置
redis:
# 地址
host: localhost
# 端口,默认为6379
port: 6379
# 数据库索引
database: 0
# 密码
password: 1868133519
# 连接超时时间
timeout: 10s
lettuce:
pool:
# 连接池中的最小空闲连接
min-idle: 0
# 连接池中的最大空闲连接
max-idle: 8
# 连接池的最大数据库连接数
max-active: 8
# #连接池最大阻塞等待时间(使用负值表示没有限制)
max-wait: -1ms
- 修改微信公众号、小程序、回调地址配置(application.yml)
#微信账号配置
wx:
# 公众号配置
mp:
configs:
- appId: xxxxxxxxxxx
secret: xxxxxxxxxxxxxxxxxx
token: xxxxxxxxxxxx
aesKey: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
# 小程序配置
ma:
configs:
- appId: xxxxxxxxxxx
secret: xxxxxxxxxxxxxxxx
# 微信支付商户号
mchId: xxxxxx
# 微信支付商户密钥
mchKey: xxxxxxxxxxxxxx
mall:
# 支付、物流回调地址,即后台服务7500端口的外网访问域名,要保证外网能访问
notify-host: http://xxx.xxxx.com
- 双击运行bin/package.bat
- 然后会在项目target文件夹下生成joolun-admin.jar包
- 将生成的joolun-admin.jar包上传到服务器上
- cd到joolun-admin.jar包所在目录
- 使用命令行执行:java –jar joolun-admin.jar,如没有发现报错说明环境已经正常,Ctrk+C退出
- 直接后台运行:nohup java -jar joolun-admin.jar >joolun-admin.out &
前端(joolun-wx-ui)部署
- joolun-wx-ui/src/config/env.js配置阿里OSS,用于上传图片
- 项目打包npm run build:prod
- 构建打包成功之后,会在根目录生成 dist 文件夹
- 将dist文件夹上传到服务器
- 安装nginx
- 配置nginx,具体参数按自己实际情况填写
server {
listen 80;
server_name demo2.joolun.com www.demo2.joolun.com;
#前端页面
location / {
#dist文件目录
root /mnt/install/joolun-ruoyi/dist/;
try_files $uri $uri/ /index.html;
index index.jsp index.html index.htm;
}
#后台接口地址
location /prod-api/ {
proxy_pass http://127.0.0.1:7500/;
proxy_connect_timeout 15s;
proxy_send_timeout 15s;
proxy_read_timeout 15s;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
}
- 申请ssl证书,推荐阿里云的,下载nginx类型的证书
- 配置nginx,在http {}标签中增加一个443 ssl的server,和上面的80server并列,代码如下
server {
listen 443 ssl;
server_name demo2.joolun.com www.demo2.joolun.com;
client_max_body_size 60k;
ssl_certificate /mnt/install/ssl/5168840_demo2.joolun.com_nginx/5168840_demo2.joolun.com.pem;
ssl_certificate_key /mnt/install/ssl/5168840_demo2.joolun.com_nginx/5168840_demo2.joolun.com.key;
ssl_session_cache shared:SSL:1m;
ssl_session_timeout 5m;
ssl_ciphers HIGH:!aNULL:!MD5;
ssl_prefer_server_ciphers on;
#前端页面
location / {
root /mnt/install/joolun-wx/dist/;
try_files $uri $uri/ /index.html;
index index.jsp index.html index.htm;
}
#后台接口地址
location /prod-api/ {
proxy_pass http://127.0.0.1:7500/;
proxy_connect_timeout 15s;
proxy_send_timeout 15s;
proxy_read_timeout 15s;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
}
小程序端(joolun-wx-ma)部署
导入joolun-wx-ma到微信开发者工具
修改配置文件(
joolun-wx-ma/config/env.js)中的服务器地址。一定要域名https协议,不然小程序无法发布
微信公众平台设置服务器域名,将你nginx中https配置的域名添加到域名列表中(配置完后,微信开发者工具要重启才能生效)