大疆机场开发三（前后端demo的运行）

这篇文章主要讲一下怎么将大疆demo的前后端跑起来。

一、申请大疆应用

1、首先登陆大疆开放平台，根据下图申请应用。

2、申请好后发送邮件到自己邮箱，去自己邮箱激活APP

激活后如图所示。

二、前端

软件：VScode

框架：Vue3.x 框架、Node.js npm 包管理

1、用vscode 打开demo，将上一步申请的App id，App key， APP License填写到前端config.ts文件中。

2、安装必须的安装包   npm install

3、baseURL,wsbaseURL 填写为本地后端地址，可等后端配置好再填写。

三、后端

软件：idea ，redis，minio，mysql，emqx

jdk：jdk11

1、后端的运行需要将上面的环境提前安装好，我这边用的文件服务为minio，emqx的安装与使用上一篇文章已经讲过。大家如果需要，后面我将minio，redis的安装与使用也梳理下。

2、在项目文件application.yml中将mysql、redis、mqtt、oss、cloud-api的各个信息依次填写完整。

四、运行

运行前后端代码，即可将代码跑起来了。在浏览器打开http://localhost:8080，如图所示

五：机场的绑定

项目跑起来后即可使用机场遥控器绑定机场了。机场的绑定可参考我另一篇文章，在此就不在多说了。

六：遇到的问题

1、java代码需要jdk11，我的jdk还是jdk8，没关系，下载jdk11配置一下即可。

下载好后在module选择下载的jdk11即可。

2、web端打开后无地图

大疆demo中地图默认使用的是高德的地图，去高德开放平台申请个应用，将key填写到config.ts文件中即可，如图所示。后续开发也可不用高德的，我们就用的自己的航拍图。

3、机场绑不上平台

3.1 查看emqx的网络是否跟机场在同一个网络里面，最好同为互联网地址。

3.2 遥控器可连接手机热点绑定，多点几次，必要时重启下机场。

4、航线功能

机场demo无法画航线，可在遥控器或者大疆司空2里面画好航线，然后下载导入到自己平台，后续我会写一篇如何画航线功能。

5、minio无法导入航线

minio导入航线报错，发现是忘记建桶了，建好桶cloud-bucket之后，修改这个桶的权限，建wayline文件夹即可。