精华内容
下载资源
问答
  • APIcloud

    千次阅读 2019-05-08 17:38:20
    下载并安装APICloud Studio 2开发环境,APICloud Studio 2 当前支持Windows macOS Linux系统。https://www.apicloud.com/devtools 二、创建应用 两种创建应用的方式,云端创建或APICloud Studio中创建应用 云端创建...

    一、准备工作
    下载并安装APICloud Studio 2开发环境,APICloud Studio 2 当前支持Windows macOS Linux系统。https://www.apicloud.com/devtools
    二、创建应用
    两种创建应用的方式,云端创建或APICloud Studio中创建应用
    云端创建应用:

    1. 注册并登录APICloud系统:https://www.apicloud.com/console 点击左上角“创建应用”, 如图:选择“Native”,填写“名称”及“说明”,应用创建完成。
      在这里插入图片描述
      应用概览页 www.apicloud.com/appoverview 可以看到应用相关信息,留意一下应用ID,APICloud Studio会用到
      在这里插入图片描述
    2. 用以上注册的APICloud账号登录APICloud Studio
      在这里插入图片描述
    3. 登录后,点击顶部菜单 --> 代码管理 --> 检出为 --> APICloud 云端应用
      在这里插入图片描述
    4. 点击某个项目,支持根据应用名称和 appid 模糊搜索
      在这里插入图片描述
    5. 输入要检出的版本,默认是检出全部;只检出最新,请输入 HEAD .回车确定即可.

    在这里插入图片描述
    APICloud Studio中创建应用:

    1. 登录APICloud Studio,没有账号点击“注册账号”
    2. 顶部菜单选择 “文件” → “新建” → “APICloud 移动应用”。
      在这里插入图片描述
    3. 填写“应用名称”,“应用说明”,选择 应用模板,点击完成,即完成创建。
      在这里插入图片描述
    4. 同步本地应用到云端资源库

    开发者在APICloud Studio创建的应用会和云端资源库建立连接。项目代码改动后,可以使用APICloud Studio的代码提交功能提交代码到云端资源库。
    操作流程

    首先选择一个需要同步到云端资源库的项目。
    在项目根目录上右键,选择 git --> Git add + commit,输入一段更改备注后,ctrl/cmd + S保存,即可 将代码提交到本地 GIT 仓库.

    本地提交可提交多次,支持批量将本地代码修改记录提供到服务器.在项目根目录上右键,选择 代码管理 --> 同步到云端. APICloud 建议您,在每次同步到云端前,都先主动 代码管理 --> 从云端同步,以便于团队协作.

    5)其他上传代码的方式

    使用TortoiseSVN(俗称“小乌龟”)等任何SVN工具提交代码。
    三、应用包结构
    在这里插入图片描述
    config.xml”和 “index.html” 必须包含,其它均为可选。“config.xml”是配置文件,“index.html”是启动页面,“icon”为图标文件目录,“launch”为启动图片目录
    四、config.xml 配置文件

    <widget id="A12345678901"  version="0.0.1">
        <name>API Example</name>
        <description>
            API Example App.
        </description>
        <author email="developer@apicloud.com" href="http://www.apicloud.com">
            APICloud.SIR
        </author>
        <content src="index.html" />
        <access origin="*" />
        <preference name="windowBackground" value="#FFF" />
        <permission name="call" />
        <feature name="weiXin">
            <param name="urlScheme" value="wx7779c7c063a9d4d9" />
        </feature>
    </widget>
    

    “id”: 必填,应用ID,由云服务器自动分配。它是该应用的唯一标识。
    “version”:必填,应用的版本号。
    “name”:必填,应用名称。
    “description”:可选,应用简单描述信息。
    “content”:必填,应用运行的起始页。
    “permission”:必填,权限配置。 (详细介绍见应用配置指南文档)

    前端使用文档
    https://docs.apicloud.com/Front-end-Framework/framework-dev-guide
    https://docs.apicloud.com/Client-API/api

    模块调用
    根据项目需求,添加所需模块
    在这里插入图片描述
    APICloud的模块都是标准的js对象,通过api.require即可调用。注意要在api对象就绪后调用模块。 如:

     var dialogBox;
        apiready = function() { 
            dialogBox = api.require('dialogBox');
        }
    
    展开全文
  • apicloud

    2019-04-23 08:37:36
    初始化apicloud

    初始化,开始学习apicloud

    展开全文
  • Apicloud

    2020-05-19 23:25:37
    Apicloud真机同步 https://docs.apicloud.com/Dev-Tools/wifi-debug 1、项目根目录右键 --> “WIFI 真机同步 IP 和端口” 2、官网下载最新apploader https://docs.apicloud.com/Download/download 3、手机和电脑...

    Apicloud真机同步

    https://docs.apicloud.com/Dev-Tools/wifi-debug
    1、项目根目录右键 --> “WIFI 真机同步 IP 和端口”
    2、官网下载最新apploader
    https://docs.apicloud.com/Download/download
    3、手机和电脑统一wifi
    4、打开AppLoader,应用UI最上层展示一个灰色的“球”:点击该“球”,AppLoader将会在屏幕上弹出一个配置调试服务信息的对话框:填写ip和端口
    5、成功后球为绿色,可在Studio中通过在项目上右键,或者快捷键的方式对某项目进行WiFi真机同步(WiFi全量同步)
    6、连接成功后,也可在Studio项目的任意html文件上右键,或者快捷键的方式对该文件进行WiFi真机实时预览
    连接不成功时
    查看防火墙是否禁用了apicloud studio的WiFi
    ‘控制面板’-‘系统与安全’-‘windows defender防火墙’
    在这里插入图片描述
    在这里插入图片描述

    同步到云端

    选择一个需要同步到云端资源库的项目
    在项目根目录上右键,选择 git --> Git add + commit,输入一段更改备注后,ctrl/cmd + S保存,即可 将代码提交到本地 GIT 仓库

    本地提交可提交多次,支持批量将本地代码修改记录提供到服务器.在项目根目录上右键,选择 代码管理 --> 同步到云端. APICloud 建议您,在每次同步到云端前,都先主动 代码管理 --> 从云端同步,以便于团队协作.

    应用包结构

    config.xml”和 “index.html” 必须包含,其它均为可选。“config.xml”是配置文件,“index.html”是启动页面,“icon”为图标文件目录,“launch”为启动图片目录(更多介绍详见Widget包结构说明文档)

    config.xml

    “id”: 必填,应用ID,由云服务器自动分配。它是该应用的唯一标识。
    “version”:必填,应用的版本号。
    “name”:必填,应用名称。
    “description”:可选,应用简单描述信息。
    “content”:必填,应用运行的起始页。
    “permission”:必填,权限配置。 (详细介绍见应用配置指南文档)

    前端开发框架

    我们提供了核心的api.css和api.js前端框架,可与第三方前端框架混用,也可不用我们的框架;api.css 处理不同平台浏览器的默认样式,api.js 提供最基础的 JavaScript 方法,所有方法在 window.$api 对象下

    https://docs.apicloud.com/APICloud/%E6%8A%80%E6%9C%AF%E4%B8%93%E9%A2%98/framework-dev-guide

    端API调用

    核心模块在 window.api 对象下,默认提供该模块,不需要单独引用。
    扩展模块在相应的模块对象下(例如:文件系统模块在fs对象下),需要require引入(var fs = api.require(‘fs’);)。API核心模块已经覆盖一般应用的绝大部分功能。
    模块中所有方法均遵循 api.functionName(params, callback)格式,params为JSON格式,callback是Function类型,callback返回两个参数,均为JSON格式:callback(ret, err),ret处理成功信息,err处理错误信息。
    apiready 方法在所有核心API模块准备完毕时执行
    https://docs.apicloud.com/%E7%AB%AFAPI/api

    模块调用

    根据模块文档编写调用模块的代码。APICloud的模块都是标准的js对象,通过api.require即可调用。注意要在api对象就绪后调用模块。 如

    var dialogBox;
        apiready = function() { 
            dialogBox = api.require('dialogBox');
        }
    
    展开全文
  • APICloud

    2019-08-23 19:00:24
    快捷键设置(Atom APICloud Plugins) APICloud → 偏好设置 → open config folder → keymap.cson 'atom-text-editor': 'alt-q':'editor:delete-line' 'alt-w':'apicloud:previewWifi' 'alt-s':'apicloud:...

    快捷键设置(Atom APICloud Plugins)

    APICloud → 偏好设置 → open config folder → keymap.cson

    'atom-text-editor':
      'alt-q':'editor:delete-line'
      'alt-w':'apicloud:previewWifi'
      'alt-s':'apicloud:previewHTML'
      'alt-d':'markdown-preview:toggle'
      'alt-down':'core:move-down'
      'alt-up':'core:move-up'
      'ctrl-shift-z':'atom-beautify:beautify-editor'
    

    APICloud的项目开始

    1. 打开APICloud的官网,注册、登陆、创建应用
    2. Atom APICloud Plugins的代码管理可以拉取线上代码
    3. wgt文件夹写代码,右键可以预览调试(没啥用)
    4. 手机或者模拟器同一局域网开启USB调试,安装AppLoader
    5. 点击AppLoader中的小原点(开启USB调试)设置IP地和端口(在Atom APICloud Plugins的帮助 → WIFI真机同步 IP和端口
    6. 点击全量同步(有可能有时不会自动同步)
      如果要导出apk
      右键项目,git add + commit
      代码同步则可以

    注意

    引入第三方的模块最好用正式编译,因为自定义loader可能代码没有同步的

    真机调试工具

    npm install -s VConsole
    
    import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole`
    let vConsole = new VConsole()
    

    几个open的比较

    1. openWidget是打开一个app,
    2. openWin是新开一个窗口,
    3. openFrame相当于在窗口开一个Div或区域。
    4. openLayout是打开侧滑的页面布局。
    5. openWin 、openFrame、openLayout,几个组合实现了页面的布局、框架,性能基本一致。

    api.execScript 可以执行其他页面的函数

    //在当前window中执行jsfun脚本
    var jsfun = 'funcGoto();';
    api.execScript({
        script: jsfun
    });
    //在当前window中找到名为frmName的frame,并在该frame中执行jsfun脚本
    var jsfun = 'funcGoto();';
    api.execScript({
        frameName: 'frmName',
        script: jsfun
    });
    //在名为winName的window中执行jsfun脚本
    var jsfun = 'funcGoto();';
    api.execScript({
        name: 'winName',
        script: jsfun
    });
    //在名为winName的window中找到名为frmName的frame,并在该frame中执行jsfun脚本
    var jsfun = 'funcGoto();';
    api.execScript({
        name: 'winName',
        frameName: 'frmName',
        script: jsfun
    });
    
    //eg:
    api.execScript({
      // name: 'QQMusic_win',
      frameName: 'QQMusicPlay_frm',
      script: 'play('+JSON.stringify( item )+')'
    });
    //QQMusicPlay_frm
    function play(item) {
      console.log(item)//item是对象来的
      example1.play(item)
      example1.$data.imgUrl = item.pic
    }
    

    使用第三方图标

    1. 打开阿里的iconfont的官网
    2. 找到你要的图标点击加入购物车
      mB35XF.jpg
    3. 打开右上角的购物车,点击添加到项目(若没有,则创建一个,只是为了下载源码的,不是本地的项目)
      mB8OEj.png
    4. 确定就会打开我的项目,点击下载至本地,然后将文件放到你的项目(开发的项目)中
      mBGMrD.png
    5. 引入文件,将iconfont.css的font-size注释
      n9zK7F.png
      123
    6. html文件中引入css,并使用
    <link rel="stylesheet" type="text/css" href="../icon/iconfont.css"/>
    <i class="iconfont icon-***"></i>
    
    展开全文
  • ApiCloud

    2018-07-16 16:01:44
     host: 'https://d.apicloud.com'  });  query.createQuery({  }, function(ret, err) {  if (ret && ret.qid) {  model.findAll({  class : 'news',  qid : ret.qid  }, function(ret, err) {  //var ...
  • apicloud sdk

    2018-12-26 01:46:01
    apicloud sdk-中国领先的移动应用云服务平台,一站式的提供高效的APP开发与APP管理云服务。APICloud标准化移动平台,覆盖APP全生命周期,包括开发、API集成、测试、渠道打包等服务
  • apicloud模块

    2018-04-16 15:40:10
    apicloud自定义模块的正确文档的书写
  • apicloud源码

    2019-01-03 12:56:24
    此为apicloud开发的代码,仅供学习!如果有其它需求,回复。
  • apicloud-polyfill,是 APICloud 为切实提高前端开发者的混发开发体验而推出的一个脚手架. 借助 apicloud-polyfill ,前端开发者可以直接使用最新的 es6,es7语法,在 JS 层以模块化的方式,高效优雅地开发 APICloud...
  • APICloud工具

    2019-01-02 14:43:23
    apicloud工具是一款混合开发工具。使用标准Web技术开发iOS、Android原生App,各类功能一站聚合、一键接入。集成各种android原生SDK。
  • 大众点评apicloud源码

    2018-05-16 00:01:58
    大众点评apicloud源码,大众点评apicloud源码,大众点评apicloud源码,大众点评apicloud源码,大众点评apicloud源码
  • APICloud Studio 2

    2018-12-28 19:16:05
    APICloud Studio 2
  • ApiCloud入门实战

    2019-11-21 15:56:06
    本课程主要讲述如何使用ApiCloud进行安卓和IOS app的开发,从开发到打包的全流程,适用于有开发经验的伙伴观看,能帮助读者快速搭建环境进行业务开发,后续会录制从零开始的视频教程,没有开发经验的小伙伴也可以...
  • APICloud 提供的一款适用于终端/命令行的 APICloud 平台开发工具,基于 apicloud-tools-core 核心开发库 开发,包含新建页面模板,新建应用模板,WiFi同步等核心功能等核心库已有功能。操作系统: Mac/Windows/...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,224
精华内容 1,289
关键字:

apicloud