《開源精選》是我們分享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】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目錄下的代碼放到項目中即可。

界面截圖

更多內容大家可自行前往閱讀。

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