欢迎访问本人的个人博客学习项目: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