JooLun Plus 百科 ⬇ 源码下载

商城PC端joolun plus uniapp pc

JooLun 于 2026-10-21 14:40:14 +08:00 修改了此页面

说明

  • 商城用户PC端(joolun-plus-uniapp-pc)和商城用户移动端(joolun-plus-uniapp)一样用uniapp开发,支持编译成PC端H5,PC端即在移动端的基础上演变而来,所以在技术开发上和移动端基本一样

注意事项

  • H5端的服务器接口地址是在joolun-plus-uniapp-pc/manifest.json中配置h5.devServer.proxy./mallapi.target转发代理,此配置只对本地开发环境起作用,H5端服务器环境的转发代理直接是在nginx中配置的(具体请查看 生产环境部署教程)
  • 以下文档截图为joolun-plus-uniapp项目,joolun-plus-uniapp-pc项目同理

项目导入HBuilder并安装依赖

  • HBuilder X打开(文件-导入-从本地目录导入)商城端代码(joolun-plus-uniapp-pc)
  • 在joolun-plus-uniapp-pc目录下运用如下命令
npm install --registry=https://registry.npmmirror.com

PC端H5(joolun-plus-uniapp-pc)编译

  • 修改joolun-plus-uniapp-pc/manifest.json中的转发代理地址h5.devServer.proxy./mallapi.target;可以是后台(joolun-plus-ui)访问地址,也可以直接是网关服务joolun-gateway的访问地址(默认:ip:9999),本地环境直接填http://localhost:9999

  • 运行项目,和移动端h5一样运行后一定要将url手动加上参数?tenant_id=1才能正常访问不报错

  • 这里需要注意,运行成功后因为没有租户ID所以会报错,需要手动加上参数?tenant_id=1,直接在外部浏览器访问http://localhost:8086/?tenant_id=1, 如果能加载出数据就说明项目已经跑起来了
  • 假设我们已经内穿实现了demo1-pc.joolun.com指向我们本地localhost:8086,这样外网可以通过demo1-pc.joolun.com访问到我们本地的localhost:8086