若依-Ruoyi系列项目的APP移动解决方案

《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是若依-Ruoyi系列项目的APP 移动解决方案——RuoYi-Uniapp。

《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是若依-Ruoyi系列项目的APP 移动解决方案——RuoYi-Uniapp。

若依-Ruoyi系列项目的APP移动解决方案

若依-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】https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf

三、打包发行(H5)

1. 打开HBuilderX -> 顶部菜单栏 -> 发行 -> 网站H5-手机版

2. 打包后的文件路径:/unpackage/dist/build/h5

3. 将打包完成的所有文件 复制到商城后端/pulic目录下,全部替换

四、打包发行(微信小程序)

1. 下载微信开发者工具并安装,地址:稳定版 Stable Build | 微信开放文档

2. 打开HBuilderX -> 顶部菜单栏 -> 发行 -> 小程序-微信

3. 打包后的文件路径:/unpackage/dist/build/mp-weixin

5. 打开微信开发者工具 导入 打包完成的项目

6. 检查没有运行错误,在右上方上传小程序

五、后端代码适配ruoyi-vue

可以启动后端,直接访问http://aidex.vip的公共服务,如果要自己适配,请将doc目录下的代码放到项目中即可。

界面截图

若依-Ruoyi系列项目的APP移动解决方案

若依-Ruoyi系列项目的APP移动解决方案

若依-Ruoyi系列项目的APP移动解决方案

若依-Ruoyi系列项目的APP移动解决方案

若依-Ruoyi系列项目的APP移动解决方案

更多内容大家可自行前往阅读。

开源地址:https://gitee.com/big-hedgehog/ruoyi-uniapp

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/120356.html

(0)

相关推荐