《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是JooLun微信商城开源版,包括Java + SpringBoot + Maven + Swagger + Mybatis Plus + Redis + Vue + elementUI,微信公众号开发、小程序商城、微信支付、订单管理等。平台简介基于RuoYi-Vue二开,集成了MybatisPlus、Avue、WxJava SDKMIT开源的微信二开利器,放心使用专业的微信管理框架并加入小程序商城,是用来学习和实际项目的不二选择前端采用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配置的域名添加到域名列表中(配置完后,微信开发者工具要重启才能生效)演示图