APICloud 使用bMap(三方模块) 挖坑指南

在apiCloud中找各种文档,论坛也没有找到如何使用第三方模块的相关知识。可能是我没找到地方吧~不管啦,反正我已经挖完坑了。这篇指南也不光是使用bMap吧。第三方模块基本上就是这个套路。正文开始。
小板凳、啤酒、火腿肠、花生米准备开始~

1. 在控制台创建一个新的应用
创建一个新的应用
2. 本文使用的编辑器为官方的编辑器 APICloud Studio 2,如下图:菜单栏上 依次选择 代码检出> APICloud云端应用> useMap(实例创建的项目,这个随意)
代码检出

选择需要检出的项目
3. bMap是第三方模块,所以我们需要把这个模块添加到我们的现在的项目中来。有两种方法:
  • APICloud Studio 2 中添加模块
  • 开发控制台 左边的选项中选择模块
    添加模块

    选择bMap

    查看模块文档
4. 加载组件成功有3步
  • 关键就是这三步


    中间的红框
4.1 申请百度地图的AK,这里我们只以安卓为例

申请传送门

点击进入

4.2 进入后填入百度账号密码登录,然后跳转到下图,点击申请秘钥
image.png
4.3 创建应用有三步骤
4.3.1 SHA1获取参考教程

这里说下我如何获取的,用google搜索全都是 Android Studio 的获取方式,为此下了一个安装了。目的是为了让下图中存在 debug.keystore 我想应该有其它方法不过我没有花太多时间去弄.

image.png

4.3.2 包名的获取。控制台内选择证书 > com._______.xfx 就是包名了
包名
4.3.3 创建应用
创建应用
4.3.4 申请成功后的页面 ,访问应用(AK) 被我虚化的部分就是我们要用的AK啦
申请成功
5. 在项目中的config.xml中配置bMap 的AK (中间的红框处复制到config.xml内)
填写config
6. 项目上鼠标右键,先将代码提交到本地,根据提示输入信息并保存即可。直到右侧上面会有提示层弹出。要仔细看弹出的提示信息。
提交到本地
7. 将代码提交到云端
image.png
8. 查看代码是否提交成功
查看代码是否提交成功
9. [最关键的一步]云端编译自定义AppLoader
9.1 首先我们需要理解AppLoader 是做什么用的?这个起先我也不是很理解,研究透彻bMap后我明白了。这东西就是加载器,这不废话么??? 其实最主要的就是如果我们用第三方的模块就必须用自定义加载器。因为官方的AppLoader除了官方提供的各种组件是不会把第三方组件加载进来的。所以我们在使用第三方的模块的时候必须先在云端编译自定的APPloader然后下载下来。如果我们是用海马玩模拟器那么就安装在海马玩上。
9.2 在使用自定义APPloader前我们需要做一件事.在端设置里我上传一张自定义图标方便我们接下来的讲解.
上传图标
9.3 项目右键> 云编译自定义APPLoader 点击绿色按钮,编译需要一点时间编译完后下载按钮就会变成蓝色高亮.提示您可以下载了.旁边会有个二维码您可以安装到手机里用于真机调试. 下来下的apk可以安装在海马玩模拟器里.用于模拟器内的调试.我们接下来用海马玩来调试
云端编译自定义AppLoader
编译成功可以下载了
10. 最后一步
10.1 海马玩安装自定义的APPLoader 设置 > 其他设置 > Apk安装 选择下载好的自定义loader
image.png
10.2 下图图标可以看出我自定义的 和官方的区别,之前开发是不是一直都用的官方的?
image.png
10.3 将bMap Api中的这段实例代码复制到index.html内
image.png

image.png
10.4 打开useMap自定义loader 在小灰钮上点击添加WIFI真机同步配置.

填写好以后点击连接.


image.png

配置请参考下图,


image.png
10.5 右键全量同步 查看海马玩模拟器
image.png
image.png

哈哈哈哈哈 是不是很开心~~~ 教程结束 ~

推荐阅读更多精彩内容