Uni-App集成微信小程序配置与测试

一，准备

在开始集成Ruoyi-app小程序之前，我们首先需要准备一些安装包：

1. HBuilderX:

官网下载地址：https://www.dcloud.io/hbuilderx.html

下载完毕解压到自定义目录：

1. Wechat_devtools:

官网下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html

下载完毕后放入自定义目录双击傻瓜式安装即可：

1. 注册一个微信小程序账号：

注册方式一：

通过官方注册地址:https://mp.weixin.qq.com/

1. 点击注册：
2. 

1. 选择小程序：
2. 

1. 前往注册：
2. 

1. 填写信息：
2. 

1. 去邮箱点击收到的邮件链接：
2. 
3. 

1. 点击后激活会自动跳到信息登记：
2. 

注册方式二:

通过Wechat_devtools工具：

• 开始集成

1. 导入Ruoyi-app项目到HBuilderX工具：

1. 首先进去解压的目录，找到HBuilderX.exe 双击启动。
2. 

1. 在HBuilderX工具把本地目录的Ruoyi-app项目（从ruoyi官网gitee下载的）导入到HBuilderX：
2. 

选择从本地目录导入

1. 安装所需插件：
2. 
3. 

1. 配置微信appid:
2. 
3. 

1. 打开wechatdevool：

创建小程序：

调整设置：

设置-安全设置-安全

1. 运行app(要先获取一下AppID)：
2. 

方式一：在浏览器运行：

方式二：在微信小程序运行：

生成二维码手机扫码的方式在这（能够扫出来连接后端的前提是uni-app连接后端接口的基础ip地址要改成以太网的ip,并且保证手机和电脑的以太网是一致的，共用一个网络）：

选择真机模式

生成的二维码打开手机微信扫描即可