精华内容
下载资源
问答
  • 几乎涵盖了所有apicloud开发APP的知识点。用到了比较深层次的界面技术。仿微信和QQ的聊天界面,包括输入法和表情包,选择图片,发送图片的,模拟两个人的对话。适合学习apicloud的开发模式。
  • APICloud开发文档

    2016-04-09 09:21:10
    APICloud开发文档可以开发Android与IOS的程序
  • 使用apicloud开发app

    2021-03-18 21:15:25
    最近想往app方向研究一下,所以使用apicloud照着上面的教程开发了一个简单的app,页面使用h5编写 项目地址:https://gitee.com/zengyanfang/chengying 1.下载apicloud 地址:https://www.apicloud.com/devtools ...

    欢迎访问本人的个人博客学习项目:https://www.wayblogs.com/

    最近想往app方向研究一下,所以使用apicloud照着上面的教程开发了一个简单的app,页面使用h5编写

    项目地址:https://gitee.com/zengyanfang/chengying

    1.下载apicloud

    地址:https://www.apicloud.com/devtools

    2.创建应用

    先注册登录后,主页是这样的

     点击创建应用

     先简单的体验一下,所以选第一个native app

    名称就是应用名称,说明就是备注一下这个应用是干嘛的

    不选择avm.js开发,avm.js是什么里面也有介绍,然后创建

    3.开始编写页面

     页面编辑就跟写h5一模一样,平时怎么写页面在这里就怎么写

    4.项目结构

    项目结构是在项目下面必须有widget目录,所有的代码文件都存放在这个目录下面,然后widget必须要有config.xml和index.html

    chengying :项目名

             -widget

                        -css

                       -js

                       -config.xml :app的配置文件,官方文档里面也有介绍

                       -index.html:主页,app打开出现的第一个页面

    5.config.xml写法

    widget id="8t5935586905" :配置的是你的应用id 如下图

    name:应用名 

    description:说明

    author:作者

    content:首页

    其他的就不多说了。官方文档都有描述

    6.上传代码

    我是将代码上传到了gitee,也可以上传到GitHub,只要是git都行,然后还可以使用svn

    为什么要将代码上传到git,是因为打包app的时候apicloud是去git里面拉取你的代码然后打包,看图

     在这里有两种选择,svn和git

    接下来讲讲我使用gitee上传代码的经过

    6.1 登录gitee并创建仓库

    gitee地址:https://gitee.com/

    我使用的是微信登录

     然后在仓库设置里面把有的没的都设置一遍(额,意思是自己看着来,就跟git上创建仓库一样)

    创建好了之后还不能直接在本地上传代码,双方都得有个认证的工具,邮箱和公钥

    执行一下git命令

     

    git init
    git remote add origin "远程仓库地址"
    

    这样就先ok了,你也可以先提交代码到本地仓库,但切记不要推送到远程仓库

    提交代码到本地仓库的命令

    git add . //添加所有
    git commit -m"第一次提交" //描述信息
    

    因为如果此时推送到远程仓库会报一大堆错

    看下面操作,只要这样下去就不会有问题,而且我会把可能遇到的问题都会讲出来

    6.2 添加本地与远程交流的凭证

    在本地git上添加仓库拥有者的邮箱,不过这个是不是真的要添加仓库拥有者的邮箱我不太清楚,应该添加仓库协作者的邮箱也可以

    git config --global user.name "your user name"
    git config --global user.email "your user email"

    添加公钥

    生成公钥教学:https://gitee.com/help/articles/4181#article-header0

    输入以下命令

    ssh-keygen -t rsa -C "xxxxx@xxxxx.com" 
    cat ~/.ssh/id_rsa.pub

    将输出出来的公钥复制

    打开设置

     

     在页面里面点击ssh公钥

     将刚刚复制下来的公钥粘贴到公钥输入框里面去,然后确定

     这样就是添加成功了,这里要注意一个问题,不要在仓库的配置里面添加公钥,因为那里添加的公钥只有读的权限,也就是只能拉取代码不能上传代码,这里的公钥的权限才能够拉取和推送

    好了,一系列步骤都完成了,接下来就是推送了

    6.3 推送

    git pull origin master  

    6.4 使用apicloud studio来管理git仓库

    这个开发工具也可以管理git

     点到左边的那个亮着的图标就可以进入git管理了,额,我就不讲这里怎么使用了,应该大家一看就能看懂

    6.5 问题总结

    1.如果将代码提交到本地仓库后直接推送的话就会报权限不够拒绝推送的提示

    这是因为双方都没有认证的凭证,就是需要在本地git上添加仓库拥有者的邮箱和在gitee个人设置里面添加公钥,解决办法就是按照6.3的步骤执行

    2.推送报冲突

    冲突的主要原因就是本地仓库更新了代码,而远程仓库也更新了代码,解决办法就是撤销本地仓库的上一次提交或者上上次,知道能git pull为止

    git pull就是拉取远程仓库代码,git pull拉取远程仓库代码后此时本地仓库的版本就和远程的一致了,就可以使用git push推送了,第一次推送要指明分支

    git pull origin master

    7.打包app

    首先得在代码选项页面指定好为git

     

    然后点击云编译

     然后就静静的等待它编译完成

    8. 完成

    只要按照我上面的步骤来做弄出一个简单的app没问题

    接下来给大家看一下我搞出来的app

    展开全文
  • APICloud开发工具及插件源码合集 Sublime Text插件 Sublime APICloud插件是为HTML5前端开发者提供的一套开源的Sublime Text扩展插件,包括:应用管理,应用框架,页面模板,代码提示,代码管理,小部件打包,真机...
  • APICloud 开发工具核心库,支持新建页面模板,新建应用模板,WiFi同步等核心功能。 开发者可基于此核心库,定制各种编辑器插件或者将 APICloud开发调试功能与已有的自动化业务流程结合,提升开发效率。
  • apicloud-polyfill,是 APICloud 为切实提高前端开发者的混发开发体验而推出的一个脚手架. 借助 apicloud-polyfill ,前端开发者可以直接使用最新的 es6,es7语法,在 JS 层以模块化的方式,高效优雅地开发 APICloud...
  • apicloud apploader开发工具apicloud apploader开发工具apicloud apploader开发工具apicloud apploader开发工具apicloud apploader开发工具apicloud apploader开发工具apicloud apploader开发工具apicloud apploader...
  • APICloud 为 Atom 编辑器推出的开发工具包。包含新建应用模板,页面模板,WiFi 真机同步,流式日志输出...在顶部菜单 Packages/APICloud 或右击工程文件或目录,即可使用相关APICloud开发功能; 标签:APICloud
  • APICloud是一个开发平台,先看是否满足自己的需求。 APICloud应用开发模式:标准的HTML/CSS/JS+APICloud扩展API 例如: 打开窗口:api.openWin(); 打开系统通讯录:api.openContacts(); 录音:api....

    目前App开发面临的困难

    谁在用APIcloud

    正式版本才能进行版本更新

     

    入门基础

    1.了解APICloud平台

    APICloud是一个开发平台,先看是否满足自己的需求。

    APICloud应用开发模式:标准的HTML/CSS/JS+APICloud扩展API

    例如:

    打开窗口:api.openWin();

    打开系统通讯录:api.openContacts();

    录音:api.startRecord();

    缓存网络图片:api.imageCache();

    加载fs(文件系统)模块:var fs =api.require('fs');

    新建一个文件:fs.createFile();

    加载二维码/条形码扫描模块: var scanner =api.require("FNScanner");

    打开二维码/条形码扫描: scanner.openScanner();

    为啥要扩展成API?

    APICloudy技术、产品、生态、案例、商业模式的总体介绍

    WebStorm开发工具介绍及配置

    新手如何入门?

    (1)新手开发指南

    开发流程:

    • 创建应用
    • 配置图标启动页
    • 设置证书
    • 同步代码
    • 添加模块
    • 云编译   

    需求文档

    多少个页面,每个页面都要出UI,效果图--->UI切图?

    架构

     

    布局

    属于app的五大组件,

    同一时刻只能有一个Widget运行。最外层的容器。

    Layout实现布局效果:侧滑等

    Windows是最重要的额,打开窗口,应用靠open,close,是个独立的Naive窗口,里面内容取决于里面加载的html页面,独立渲染。       全屏的。

    Frame,和window差不多哈。Frame的位置和宽高可通过参数配置。不是全屏的新东西就是frame

    UIModule:轮播组件(UIScrolpicture)等,Native视图组成,UI界面效果;嵌入Window与Frame中。

    --------------------------------------------------------------------------------------------------------------------

    混合渲染机制为啥不用js啥的呢?----这个一层一层的

    ------------------------------------------------------------

    wigt里面index,显示html页面

    main.html

    返回按钮就是api.windowclose

    页面打开frame(还记得吗--fr就是一个在window上面的一层效果)

    --------------------------------------------------------------------------

    拆分所有动能么整理出每个功能用什么实现文档

    功能点分解文档----按照功能点找技术文档看看怎么用

    服务模块文档

    数据接口定义

    和数据源没有半毛钱关系

    (1)定义输出服务端接口文档 server-api.pdf

    (2)输出服务端接口调试文件:server-api.postman_collection

    ------------------------------------------------------------------------------

    应用证书:

    类似于mac地址一样,全球唯一

     

    -------------------------------------------------------------------------

    其他服务

    自动更新---正式版本才能进行版本更新

     

    展开全文
  • APICloud开发app学习(一)

    千次阅读 2018-11-18 12:32:52
    APICloud开发app学习(一) 首先APICloud提供了前端框架,以及封装的内部引擎,能够直接用通过引擎生成的对象api。 一、api对象 api 对象提供了构建应用程序所需要的一些基本的方法[Method],如窗口操作、相册和网络...

    APICloud开发app学习(一)

    首先APICloud提供了前端框架,以及封装的内部引擎,能够直接用通过引擎生成的对象api。

    一、api对象

    api 对象提供了构建应用程序所需要的一些基本的方法[Method],如窗口操作、相册和网络数据访问等;以及一些常见的属性[Attribute],如屏幕(screenWidth),系统类型(systemType)等;还有一些常用事件[Event],如电量低(batterylow)事件、应用进入后台(pause)事件。api 对象不需要 require 引用,可以直接在JS直接使用。

    api中有一系列事件
    	apiready
    	batterylow
    	batterystatus
    	keyback
    	keymenu
    	volumeup
    	volumedown
    	offline
    	online
    	pause
    	resume
    	scrolltobottom
    	shake
    	takescreenshot
    	appidle
    	swipedown
    	swipeleft
    	swiperight
    	swipeup
    	tap
    	longpress
    	viewappear
    	viewdisappear
    	noticeclicked
    	appintent
    	smartupdatefinish
    	launchviewclicked
    	keyboardshow
    	keyboardhide
    	safeareachanged
    

    比较特殊的是apiready事件每个window 和Frame都要进行监听,可以简写成这样:

    apiready = function() {
        bMap = api.require("bMap");        
    }
    

    其他的都需要通过api的监听方法

    api.addEventListener({
        name: '事件名称'
    }, function(ret, err) {
        alert('已连接网络');
    });
    

    注意:监听分为全局监听和局部监听。
    全局监听一般写在最后销毁的window或者Frame中。当然也可以定义在index.html这个root根窗口中。
    index.html,这个root窗口是固定的,是apicloud应用启动的第一个窗口,在这个窗口里面可以做全局监听以及初始化一些数据的操作。
    另外一些存储需要在应用退出(包括通过手机的方式进行退出的时候都可以在这个窗口里面进行清除),比如用户登录后,用户直接通过手机把app关闭了,并没有通过登出APP的方式登出,这个时候存储起来的信息需要清除,就放在index.html进行清除。 这个原理是每次应用系统必须先要进入跟窗口。所以,在这个窗口里面进行一些清除操作很方便。

    二、学习apicloud的方式

    查文档 查文档 查文档
    重要的事情说三遍。

    对于前端的APP布局可以用AUI这个前端框架进行布局,复制、粘贴 修改即可。
    AUI连接地址
    个人比较喜欢里面的toast。

    三、关于apicloud数据云

    这个只能够提供简单的操作,不能够支持业务逻辑代码操作。功能有限。可以作为前期学习的时候免得写后端。 如果进行比较大项目的开发还是需要自己搭建服务,标准化api接口.才能够实现更多的功能。
    比如:我需要在APP中查询得到结果,然后导出Excel的操作,就很难支持原因如下:
    1.如果通过前端JS来导出表格是可以做的,但是这样会引入很多的JS文件和代码,与web混合式开发的轻相矛盾。
    2.如果通过服务端生成文件,然后api.download方式,服务端不支持这个操作。

    打算自己用springboot做后台开发,用swagger做标准化接口进行后台的开发,能够提供多的服务和数据。

    其实apicloud是面向api编程的,不介意后端采用什么语言。

    展开全文
  • 本文主要介绍如何通过APICloud开发App Clip。 一 创建应用 在APICloud上创建App Clip有两种方式,一种可以在登录APICloud后,进入开发控制台进行创建,如下图,另外也可以在开发工具APICloud Studio3中创建。 在...

    App Clip是苹果公司在WWDC20开发者大会上发布的新功能,用户可以只访问应用程序的一小部分,而无需下载整个应用,被称为苹果小程序。本文主要介绍如何通过APICloud开发App Clip。

    一 创建应用

    在APICloud上创建App Clip有两种方式,一种可以在登录APICloud后,进入开发控制台进行创建,如下图,另外也可以在开发工具APICloud Studio3中创建。
    APICloud登录后才能看到开发控制台
    在APICloud Studio3中创建:

    在这里插入图片描述

    二 开发调试

    App Clip 使⽤和主应⽤⼀样的 APICloud 开发技术,其开发流程和主应⽤也基本⼀致,⽀持使⽤官⽅AppLoader 或者⾃定义 Loader 进⾏ WiFi 代码同步预览,或者云编译进⾏查看。

    三 准备编译证书:

    在编译安装 App Clip 应⽤之前,需要在控制台“证书”⻚⾯上传编译证书。对于 p12 证书,共⽤主应⽤的p12 即可,App Clip 应⽤的包名由主应⽤的包名 + ⾃定义字符串组成,例如主应⽤包名为com.api.demo,则 App Clip 的包名可以为 com.api.demo.clip,参考创建 App ID,然后再⽤创建好的包名制作 mobileprovision 证书。

    ⼀般需要分别准备测试证书和正式证书,测试证书⽤于开发阶段安装调试,正式证书则⽤于最终发布到App Store。

    四 安装启动App Clip

    选择测试证书编译后,就可以直接扫描⼆维码进⾏安装。App Clip 应⽤安装后在⼿机主屏幕上不会显示应⽤图标,因此第⼀次安装后⽆法通过主屏幕启动应⽤,此时有下⾯两种⽅式进⾏处理。

    1、 配置 App Clips 本地体验,扫描⼆维码启动

    为⽅便开发者测试 App Clip,苹果在 iOS 14 系统⼿机的设置⾥⾯提供了 App Clip 本地体验配置,打开设置 - 开发者 - Local Experiences - Register Local Experience,输⼊要关联的 url 地址,App Clip 的包名,展示在卡⽚上⾯的标题、副标题、图⽚等信息,保存。

    在这里插入图片描述

    为上⼀步关联的 url ⽣成⼀个⼆维码,然后启动⼿机控制中⼼的⼆维码扫描器,扫描⽣成的⼆维码后就会打开⼀个卡⽚,卡⽚上⾯展示了上⼀步配置的信息,点查看或者打开按钮即可打开安装的 App Clip 应⽤。打开过⼀次后⼿机桌⾯的 App 资源库⾥⾯就能找到最近使⽤的 App Clip 应⽤,下次就可以通过 App资源库来打开。

    在这里插入图片描述

    2、 在桌⾯显示应⽤图标
    如果觉得上⾯那样配置信息⽐较麻烦,也可以在 config.xml ⾥⾯配置显示应⽤图标,这样就可以直接点图标启动,配置⽅式:

    五 发布应用

    App Clip 应⽤不能单独发布,它需要和主应⽤⼀起提交 AppStore 审核。在APICloud后台使⽤ AppStore 类型证书编译主应⽤的时候,可以选择关联的 App Clip 应⽤,编译出来的 ipa 包⾥⾯同时包含了主应⽤和 App Clip 应⽤。

    在这里插入图片描述
    上传包含 App Clip 的 ipa 到 App Store Connect 后,才能在 App Store Connect ⽹站上⾯设置 App Clip相关体验信息,如⽣成轻 App 码、关联地点等,详细信息参考苹果官⽅设置轻 App体验帮助⽂档。

    以上就是使用APICloud创建和发布 App Clip(苹果小程序)的方法,APICloud还支持使用AVM.JS技术开发多终端应用,一次开发同时生成Android、iOS App,微信小程序、HTML5等多端应用,欢迎体验交流。

    展开全文
  • neteasy-News 基于APICloud开发的网易新闻
  • apicloud+vue 单页模式可三端同时开发: vue (移动端) axios 拦截封装,px 转 rem,页面切换动画,vant 组件库,缓存配置: vue (pc 端) axios 拦截封装,element 组件库,兼容 IE9,缓存配置: Project setup npm ...
  • apicloud开发文档中,前端开发框架指的就是,类似jq\js的语法:https://docs.apicloud.com/Front-end-Framework/framework-dev-guide。 api对象就只的是:app的方法。 1.安卓滑动关闭窗口在IOS设备上可以通过滑动...
  • gokit_demo_in_apicloud:利用机智云SDK以及APICloud开发的demo原始码
  • tianmao_template 基于APICloud开发的APP模板,天猫,tianmao,APICloud模板,APICloud config.xml是我自己的appId,要把它改成你自己的appId
  • AVVW APICLOUD开发框架 Apicloud + Vue2 + Vant2(有赞前端)+ Webpack4(Vue的-CLI3)打包,是一个采用Vue的数据绑定特性和Apicloud手机操控能力相结合的APP开发框架,此框架并非采用的Vue的SPA单页面应用方式,,...
  • apicloud开发记录手册

    2018-10-29 20:33:58
    https://blog.csdn.net/AnoiaDream/article/details/83502894 对应的文档
  • APICloud 开发工具核心库,支持新建页面模板,新建应用模板,WiFi同步等核心功能。开发者可基于此核心库,定制各种编辑器插件或者将 APICloud开发调试功能与已有的自动化业务流程结合,提升开发效率。特点轻量: ...
  • 因此就有了介绍vue开发高性能app的想法。 废话 众所周知,app开发有很多种方式,也有很多框架。近两年来,原生开发需求相比以前少了很多,一方面小程序的冲击,另一方面就是h5不断的崛起,硬件性能对web的性能完善...
  • ApiCloud开发经验总结

    万次阅读 2017-05-02 11:19:41
    1. 引擎或模块问题:遇到应用层无法解决的问题,如果能确定需要引擎和模块支持的,不要自己想办法绕过去,要第一时间在开发者社区提交问题,或找APICloud项目经理提出。 !!!注意!!!: 在开发者社区中,会有版主和...
  • 1、首先需要登录讯飞开放平台:https://www.xfyun.cn/ 进入右上角的...3、APICloud开发原生APP的时候需要进到项目内,选择模块=》模块库,搜索 iflyRecognition ,将它添加到项目模块中。 4、然后需要自定义一个...
  • mComponents:只作为apiCloud开发组件包使用
  • APICloud开发Widget包结构说明
  • 2017年接触到APICloud是杭州一家小外包,老板说要做一个关于滑雪的APP,当时前端开发就我自己,与六七个PHP一起开发。老板当时的条件是要上App Store,就这一条,思来想去加上朋友推荐,以及直接用hbuidder打包测试...
  • APICloud开发APP小结

    千次阅读 2017-03-04 18:10:21
    以下是我使用apicloud开发过程中学习到的一些新知识,放出来跟大家分享,其中有什么不对的地方还请大家不吝赐教!这篇文章会持续更新。。。。。 1.如何将一个界面的值传入另一个界面?例如:我有Index.html和...
  • apicloud开发总结

    2018-11-18 22:45:41
    初识apicloud开发app的学习总结 一、apicloud常用事件 1.api.setRefreshHeaderInfo:执行下拉操作。哪个页面加载此功能,下拉刷新功能就在哪个页面。 api.setRefreshHeaderInfo({ visible: true, loadingImg: '...
  • APICloud开发工具:WebStorm插件
  • APICloud开发指南之$api

    千次阅读 2018-07-12 17:19:43
    阅读数:13008目录1 遍历2 属性操作3 文档操作4 CSS操作5 数据操作6 事件7 AJAX8 效果9 设备适配遍历.dom() 描述:选择首个匹配的DOM元素用法一:.dom(el, selector) 从el元素开始查找 用法二:.dom...
  • APICloud快速开发视频直播类app界面ui源码ios安卓下载, 只要懂HTML就可以开发app,急速开发ui界面源码,入门学习

空空如也

空空如也

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

apicloud开发