APICloud初使用记录

  1. 新公司使用APICloud开发APP,我作为一个新手从头学起。
  2. 首先肯定得注册APICloud的账号,然后登录。
  3. 找到开发控制台
    APICloud初使用记录_第1张图片
  4. 点击创建应用
    APICloud初使用记录_第2张图片
  5. 填写相应资料,点击创建就可以了
    APICloud初使用记录_第3张图片
  6. APICloud有自己相应的开发工具,我用的是APICloud Studio 2,这个可以到链接: https://www.apicloud.com/devtools#studio下载安装使用
  7. 开发工具需要登录,和APICloud的账号相同
  8. 找到代码管理 -> 代码检出 -> APICloud云端应用(会出现你在APIcloud中创建的全部项目,找到你想要导出的项目,点击他)
    或者是在开发工具中直接新建项目(文件 -> 新建项目 -> APICloud移动应用)
    两种方法在我检出的时候报错(如图所示),按照百度所说,重新安装了git也没有解决
    APICloud初使用记录_第4张图片
    解决方法:将自己安装的git卸载,进入开发工具,会提示你必须安装git环境,选择在线安装,安装成功后重启就可以了。
  9. 运行测试:
    1. 找到模块里的编译,他又分为iOS和安卓两个部分,因为我是安卓机,直接编译安卓的部分就可了(之前我没有设置端设置,就是APP的图标,进入APP页面时的图片这些,然后设置之后要重新编译一次。)
      APICloud初使用记录_第5张图片
      在这里插入图片描述
      APICloud初使用记录_第6张图片
      如图是我编译之后的样子,编译成功后悔又一个二维码,下载扫描下载app,这个APP也只能用于开发测试。
      APICloud初使用记录_第7张图片
    2. 下载APP直接打开会出现让你一个灰色的页面,需要先链接WiFi真机调试。首先先连上公司的WiFi,得和电脑的WiFi在一个网段上。
    3. 点击右侧中间的一个灰色小圆点,会在顶部弹出一个WiFi真机同步配置,需要填入IP和端口号,这个IP和端口号在开发工具里的项目中去找
    4. 邮件单击项目文件夹
      APICloud初使用记录_第8张图片
    5. 找到 查看WiFi同步真机IP和端口,会在开发工具的右上角弹出
      APICloud初使用记录_第9张图片
    6. 将上图的这两项填入到APP上,点击连接。连接成功后APP上的右侧中间的小圆点会变成绿色。
    7. 初次查看的话,还需要右键单击项目目录,找到WiFi全量同步,开发过程中有修改则需找到WiFi增量同步。(可以直接使用Ctrl+i,但是增量同步之前记得把修改或新增的先保存哦~)
    8. 一个简单的测试APP就这样可以进行开发了,至于打包上传以及iOS如果操作后面操作到了再来写。自定义loader编译可能涉及到需要重新编译的问题,里面都有写,遇到了再记录,然后一次编译的周期是7天,7天过后需要重新编译。
  10. 使用AUI组件
    1. 在AUI的官网中去下载AUI
      APICloud初使用记录_第10张图片
    2. 下载下来是个压缩包,解压,然后把文件复制到项目中去
      APICloud初使用记录_第11张图片
      应该也可以只复制自己需要的文件,但是我是整个复制的,里面会有组件的一些用法示例,官方文档只要html代码,可能会不知道怎么用,就可以到这个文件的html文件夹下面去找了看看怎么用
      注意:之前我百度的时候发现都要引用了下面这两个文件
      APICloud初使用记录_第12张图片
      其实这是不需要的,因为我们创建apicloud的项目的时候会有这两个,二aui框架也是基于apicloud的(我是这么理解的),所以这两个文件我们本身就有的,那我们就只需要引入其他的我们需要的css和js文件就可以了。
  11. 控制台
    控制台只有开发工具的下方
    APICloud初使用记录_第13张图片
    这个的话打印的如果是对象就显示不出来,需要先使用JSON.stringify()方法转一次才能把内容打印出来,初次使用感觉不是太方便。
  12. api.openFrameGroup
    这个是实现预加载的,有些页面打开后,紧接着会被打开的页面就可以用这种方法先加载出来。

你可能感兴趣的:(APICloud)