《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目，包括技术、学习、实用与各种有趣的内容。本期推荐的是若依-Ruoyi系列项目的APP 移动解决方案——RuoYi-Uniapp。
若依-Ruoyi APP 移动解决方案，基于 uniapp+uView 封装的一套基础模版，开箱即用，一份代码多终端适配，支持 H5+支付宝小程序+微信小程序+APP，实现了与 ruoyi-vue 后台完美对接的移动解决方案，可直接开始快速开发业务需求，全新UI设计，更多交互细节。
效果预览
消息
工作台
常用设置
通讯录
安装使用
导入 uniapp 项目
-
1. 首先下载 HBuilderX 并安装，地址： HBuilderX-高效极客技巧
-
2. 打开 HBuilderX -> 顶部菜单栏 -> 文件 -> 导入 -> 从本地目录导入 -> 选择 uniapp 端项目目录
-
3. 找到
common/config.js文件，找到里面的apiUrl项，填入已搭建的后端 url 地址 -
4. 打开
manifest.json文件，选择微信小程序配置，填写小程序的appid
本地调试
-
1. 打开 HBuilderX -> 顶部菜单栏 -> 运行 -> 运行到浏览器 -> Chrome
-
2. 如果请求后端 api 时提示跨域错误，可安装 Chrome 插件：Allow CORS: Access-Control-Allow-Origin
打包发行（H5）
-
1. 打开 HBuilderX -> 顶部菜单栏 -> 发行 -> 网站H5-手机版
-
2. 打包后的文件路径：
/unpackage/dist/build/h5 -
3. 将打包完成的所有文件复制到商城后端
/pulic目录下，全部替换
打包发行（微信小程序）
-
1. 下载微信开发者工具并安装，地址：稳定版 Stable Build | 微信开放文档
-
2. 打开 HBuilderX -> 顶部菜单栏 -> 发行 -> 小程序-微信
-
3. 打包后的文件路径：
/unpackage/dist/build/mp-weixin -
4. 打开微信开发者工具
导入打包完成的项目 -
5. 检查没有运行错误，在右上方上传小程序
后端代码适配ruoyi-vue
可以启动后端，直接访问 http://aidex.vip 的公共服务，如果要自己适配，请将 /doc 目录下的代码放到项目中即可。
-END-
开源协议：Apache2.0
开源地址：https://github.com/THUDM/CodeGeeX
原文始发于微信公众号（开源技术专栏）：Ruoyi（若依）系列项目的APP移动解决方案
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/53786.html
