使用apicloud开发app
欢迎访问本人的个人博客学习项目: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开发app相关推荐
- APICloud开发app学习(一)
APICloud开发app学习(一) 首先APICloud提供了前端框架,以及封装的内部引擎,能够直接用通过引擎生成的对象api. 一.api对象 api 对象提供了构建应用程序所需要的一些基本的方法 ...
- apicloud 开发app 引用vue+element_ui的方法
apicloud软件开发移动端 apicloud是基于jq的一套开放平台,可以免费开发app,使用的语法跟jq很相似. 自从用了vue框架之后,我对jq已经相当生疏,看着之前同事的代码真是一个头两个大 ...
- APICloud 开发app 之 工具:Sublime插件
http://docs.apicloud.com/Dev-Tools/sublime-apicloud-plugin 概述 让HTML5前端开发者使用Sublime快速开发原生苹果与安卓APP. Su ...
- 大前端开发 前端如何开发 APP
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 做为一个 ...
- 大前端开发:前端如何开发 APP
做为一个前端开发人员,有时候除去传统的前端开发还需要进行其他开发,比如公众号开发,小程序开发,APP 开发. 本场 Chat 将带你从0开始,基于 APICloud 进行 APP 开发,你只需要会前端 ...
- Apicloud开发新闻类App实战项目-老孟编程
Apicloud开发新闻类App实战项目-老孟编程 课程名称:Apicloud开发新闻类App实战项目 讲师:孟老师 课程介绍: 技术点包括: 1:vue实现apicloud开发脚手架--超级实用通用 ...
- 使用vue开发APICloud软件APP的教程
一.APICloud创建程序 1.APICloud后台创建应用 2.APICloud拉取代码,APICloud开发工具地址 APICloud开发工具PC端,先下载APICloud开发工具,打开开发工具 ...
- 前端开发app,关于apicloud与dcloud的我的一些看法
这几个月,学习了一些新技术,利用前端做了几个移动端app,也曾学过一点java和android开发,对比了一下,发现用前端开发app和原生开发app相比,学习成本和时间真的小很多,很方便. 第一次做的 ...
- 一年两次新产品发布,APICloud上线App定制服务平台
9月20日,APICloud在既有的移动应用开发平台之上,推出了全新的服务体系--App定制平台,让传统企业和互联网创业公司多一个快速高效.高性价比的App开发选择.从钻研产品技术升级到提供专业企业服 ...
- APICloud中app如何在手机端测试
首先假设你已经有了APICloud账号,并创建了App项目. 需要注意的是,手机和电脑需要连接在同一wifi环境下. 第一步 下载自定义Loader 进入"开发控制台" 点击我们的 ...
最新文章
- Python常用6个技术网站汇总分享!
- EMNLP 2019 | 大规模利用单语数据提升神经机器翻译
- Linux安装python3.6
- 【 Linux 】创建一个文件夹并在此文件下创建一个c源文件
- 一款WP小游戏代码分享
- AAAI 2021 | 基于对比学习的聚类工作
- 三种CDN调度系统实现原理详解
- 定制一个winCE5.0操作系统
- 6.1、Android Studio的Android Monitor概览
- springboot 微服务_Spring Boot在微服务中的最佳实践
- 387.字符串中的第一个唯一字符
- 计算机组策略无法编辑,win7系统无法打开本地组策略编辑器的解决方法
- 探索性数据分析(四)——特征工程(对数转换、标准化/归一化、离散化、标签编码、独热编码、Dummy变量)
- 红外检测传感器的C语言,基于51单片机的红外反射式光电传感器测速机的简易设计...
- 公鸡5文钱一只,母鸡3文钱一只,小鸡3只一文钱, 用100文钱买一百只鸡,其中公鸡,母鸡,小鸡都必须要有,问公鸡,母鸡,小鸡要买多少只刚好凑足100文钱。
- 使用React创建一个web3的前端
- Tensorflow GPU并行运算
- 电脑黑客或电脑天才方面的电影
- 奋斗吧,程序员——第四十二章 会挽雕弓如满月,西北望,射天狼
- mysql2014 三合一_SQL Server 2014 全系列 MSDN iso镜像
热门文章
- android拍照文件没有读写权限,Android6.0之后的拍照+本地存储权限问题
- centos7上安装Crucible教程及出现问题的解决
- LAMP 技术简介(5)
- 多目标追踪-2019综述《Deep Learning in Video Multi-Object Tracking: A Survey》
- 拉丁超立方体抽样方法学习笔记
- LATTICE FPGA 工具介绍之ACTIVE-HDL 建立工程及仿真步步来(1)
- 西南大学奥鹏教育计算机基础答案,9124《 计算机图像处理基础》20秋西南大学在线作业答案资料...
- PMP项目管理知识体系思维导图全集,收藏系列
- apple API常用英语名词
- excel表格斜线_WORD圆角表格,如此惊艳