《开源精选》是我们分享Github、Gitee等开源社区的优质项目的专栏,内容包括技术、学习、实用以及各种有趣的内容。本期推荐的是若一系列项目中的APP移动解决方案——RuoYi-Uniapp。
若一-若一APP移动解决方案是基于uniapp+uView封装的一套基础模板。可以使用。一个代码可以应用于多个设备。 H5+支付宝小程序+微信小程序+支持APP,实现与VUE后端全面对接的移动解决方案若易集成。全新的UI设计和更多的交互细节让您直接快速启动业务需求。
使用方法1.导入uniapp项目1.首先,下载并安装HBuilderX到以下地址。 HBuilderX - 高效极客小技巧2. 打开HBuilderX - 顶部菜单栏- 文件- 导入- 从本地目录导入- 选择uniapp 项目目录3. 找到common /config.js 文件,选择里面的apiUrl 项,找到并输入构建的后端URL 地址。 4.打开manifest.json文件,选择微信小程序配置,输入您的小程序的appid。 2、本地调试1 打开HBuilderX - 顶部菜单栏- 运行- 在浏览器中运行- Chrome2、如果请求后端API 时出现跨域错误,可以安装Chrome 插件:Allow CORS: Access-Control-Allow-Origin ]] https://chrome.google.com/webstore/detail/allow -cors-access-control/lhobafahddgcelffkeicbaginigeejlf 3. 打包与分发(H5) 1. 打开HBuilderX - 顶部菜单栏- 分发- 网站。 H5-Mobile 版本2.打包文件路径:/unpackage/dist/build/h53.打包将所有完成的文件复制到商城backend/pulic 目录并全部替换4.打包分发(微信小程序) 1.下载安装微信开发者工具在这里:稳定版本稳定构建| 打开微信文档2. 打开HBuilderX - 顶部菜单栏- 发布- 小程序- 微信3. 打包文件路径:/unpackage/dist/build/mp-weixin 5. 打开微信开发者工具并导入打包后的项目6. 检查上传小程序,确保没有执行错误5. 适配后端代码ruoyi-vue 启动后端,可以直接访问http://aidex.vip 的公共服务。如果你想自己改编,请将代码添加到你的项目的doc目录中。
界面截图
您也可以自行阅读更多内容。
开源地址:https://gitee.com/big-hedgehog/ruoyi-uniapp
【若依plus,若依flowable】相关文章: