This issue recommends RuoYi-Uniapp, the APP mobile solution of Ruyi-Ruoyi series projects.
Ruyi-ruoyi APP mobile solution, based on a set of basic templates packaged by uniapp+uView, out of the box, a code multi-terminal adaptation, support H5+ Alipay mini program + wechat mini program +APP, to achieve a perfect connection with ruoyi-vue background mobile solution. Start quickly developing business requirements, new UI design, and more interaction details.
How to use
I. Import uniapp project
1. First download and install HBuilderX at: HBuilderX- High Performance Geek tips
2. Open HBuilderX -> Top menu bar -> File -> Import -> Importing from a local directory -> Select the uniapp side Project directory
3. Find the common/config.js file, find the apiUrl entry in it, and fill in the built back-end url
4. Open the manifest.json file, select the configuration of wechat mini program, and fill in the appid of the mini program
2. Local debugging
1. Open HBuilderX -> Top menu bar -> Run -> Run to browser -> Chrome
2. If cross-domain error occurs when requesting back-end api, install Chrome plugin: 【Allow CORS:
Access-Control-Allow-Origin】
https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf
3, package distribution (H5)
1. Open HBuilderX -> Top menu bar -> Release -> Website H5- Mobile
2. Path of the packaged file: /unpackage/dist/build/h5
3. Copy all the packaged files to the /pulic directory on the back-end of the mall and replace all the
files.
4. Package and release (wechat mini program)
1. Download and install wechat Developer tool, address: Stable Build | wechat Open document
2. Open HBuilderX -> Top menu bar -> Release -> Mini program – wechat
3. Path of the packed file:
/unpackage/dist/build/mp-weixin
5. Open the wechat developer tool and import the packaged project
6. Check that there are no running errors and upload the small program
in the upper right corner.
Five, back-end code ruoyi-vue
You can start the backend and directly access the public service of http://aidex.vip. If you want to adapt it yourself, please put the code in the doc directory into the project.
Screen shot
You can read more on your own.