一,准备
在开始集成Ruoyi-app小程序之前,我们首先需要准备一些安装包:
- HBuilderX:
官网下载地址:https://www.dcloud.io/hbuilderx.html
下载完毕解压到自定义目录:
- Wechat_devtools:
官网下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html
下载完毕后放入自定义目录双击傻瓜式安装即可:
- 注册一个微信小程序账号:
注册方式一:
通过官方注册地址:https://mp.weixin.qq.com/
- 点击注册:
- 选择小程序:
- 前往注册:
- 填写信息:
- 去邮箱点击收到的邮件链接:
- 点击后激活会自动跳到信息登记:
注册方式二:
通过Wechat_devtools工具:
- 开始集成
- 导入Ruoyi-app项目到HBuilderX工具:
- 首先进去解压的目录,找到HBuilderX.exe 双击启动。
- 在HBuilderX工具把本地目录的Ruoyi-app项目(从ruoyi官网gitee下载的)导入到HBuilderX:
选择从本地目录导入
- 安装所需插件:
- 配置微信appid:
- 打开wechatdevool:
创建小程序:
调整设置:
设置-安全设置-安全
- 运行app(要先获取一下AppID):
方式一:在浏览器运行:
方式二:在微信小程序运行:
生成二维码手机扫码的方式在这(能够扫出来连接后端的前提是uni-app连接后端接口的基础ip地址要改成以太网的ip,并且保证手机和电脑的以太网是一致的,共用一个网络):
选择真机模式
生成的二维码打开手机微信扫描即可