《開源精選》是我們分享Github、Gitee等開源社區(qū)中優(yōu)質(zhì)項(xiàng)目的欄目，包括技術(shù)、學(xué)習(xí)、實(shí)用與各種有趣的內(nèi)容。本期推薦的是若依-Ruoyi系列項(xiàng)目的APP 移動(dòng)解決方案——RuoYi-Uniapp。

若依-Ruoyi APP 移動(dòng)解決方案，基于 uniapp uView 封裝的一套基礎(chǔ)模版，開箱即用，一份代碼多終端適配，支持H5 支付寶小程序 微信小程序 APP，實(shí)現(xiàn)了與ruoyi-vue后臺(tái)完美對(duì)接的移動(dòng)解決方案，可直接開始快速開發(fā)業(yè)務(wù)需求，全新UI設(shè)計(jì)，更多交互細(xì)節(jié)。

如何使用

一、導(dǎo)入uniapp項(xiàng)目

1. 首先下載HBuilderX并安裝，地址：HBuilderX-高效極客技巧

2. 打開HBuilderX -> 頂部菜單欄 -> 文件 -> 導(dǎo)入 -> 從本地目錄導(dǎo)入 -> 選擇uniapp端項(xiàng)目目錄

3. 找到common/config.js文件，找到里面的apiUrl項(xiàng)，填入已搭建的后端url地址

4. 打開manifest.json文件，選擇微信小程序配置，填寫小程序的appid

二、本地調(diào)試

1. 打開HBuilderX -> 頂部菜單欄 -> 運(yùn)行 -> 運(yùn)行到瀏覽器 -> Chrome

2. 如果請求后端api時(shí) 提示跨域錯(cuò)誤，可安裝Chrome插件：【Allow CORS: Access-Control-Allow-Origin】https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf

三、打包發(fā)行（H5）

1. 打開HBuilderX -> 頂部菜單欄 -> 發(fā)行 -> 網(wǎng)站H5-手機(jī)版

2. 打包后的文件路徑：/unpackage/dist/build/h5

3. 將打包完成的所有文件 復(fù)制到商城后端/pulic目錄下，全部替換

四、打包發(fā)行（微信小程序）

1. 下載微信開發(fā)者工具并安裝，地址：穩(wěn)定版 Stable Build | 微信開放文檔

2. 打開HBuilderX -> 頂部菜單欄 -> 發(fā)行 -> 小程序-微信

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

5. 打開微信開發(fā)者工具 導(dǎo)入 打包完成的項(xiàng)目

6. 檢查沒有運(yùn)行錯(cuò)誤，在右上方上傳小程序

五、后端代碼適配ruoyi-vue

可以啟動(dòng)后端，直接訪問http://aidex.vip的公共服務(wù)，如果要自己適配，請將doc目錄下的代碼放到項(xiàng)目中即可。

界面截圖

更多內(nèi)容大家可自行前往閱讀。

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