ApiCloud入门之旅-(表白神器app的完整开发流程)

时间:2024-03-29 09:51:26

1、准备工作

  • 下载开发工具:apicloud studio 3(下载地址)

  • 注册:在官网 注册 并在开发工具登录你的账号(作用:方便你提交拉取项目代码)

2、相关的代码、图片

我在这里演示的是官方网站推荐的表白神器app开发流程,所以在这儿放的是压缩的代码以及上传打包的icon和启动页。
链接: 网盘地址 提取码: gjua

3、步骤操作

打开官方网站,个人中心的控制台界面,新增一个app的项目
ApiCloud入门之旅-(表白神器app的完整开发流程)
ApiCloud入门之旅-(表白神器app的完整开发流程)
创建成功以后可以看到对应的配置、打包、编译功能
ApiCloud入门之旅-(表白神器app的完整开发流程)
打开开发工具:apicloud studio3,拉取云端的项目
ApiCloud入门之旅-(表白神器app的完整开发流程)
ApiCloud入门之旅-(表白神器app的完整开发流程)
项目文件的目录构成:
ApiCloud入门之旅-(表白神器app的完整开发流程)

4、真机调试

我的手机是ios,踩到一点坑。首先我们参照一下官方文档描述如何进行真机测试,不过官方提供的开发工具比较老,可能操作的方式不一样,大家开发的时候注意一下就行。
我这边用到的是wifi真机同步:

  • 首先确保手机和电脑连接的是同一个wifi
  • 下载apploader软件(apploader
    ApiCloud入门之旅-(表白神器app的完整开发流程)
  • 打开apploader的软件,扫描开发工具上弹出的二维码
    ApiCloud入门之旅-(表白神器app的完整开发流程)
    点开绿色的按钮,可以扫码连接和输入连接
    ApiCloud入门之旅-(表白神器app的完整开发流程)
    连接以后在开发工具里出现自己的手机型号,选择连接。
    ApiCloud入门之旅-(表白神器app的完整开发流程)
    此时我们发现手机闪动了一下,并未跳出测试页。需要在页面输入
    iOS:command+i
    Android:control+i
    弹出测试页
    ApiCloud入门之旅-(表白神器app的完整开发流程)测试一下,在index.htm里面添加一行代码 alert(‘欢迎测试~’),command+i就可以看到效果了。
    ApiCloud入门之旅-(表白神器app的完整开发流程)
    我们已经完成了对该代码的基本调试,现在我们只需要把表白代码放入里面,打包编译就可以测试了。

5、代码复制、打包编译

我们拿到网盘的代码,解压然后全部复制到我们新建的这个项目下面去。此时我们看到有许多更新的文件,添加到changes里面,点击钩上,代码就是上传到我们的网站上去。
ApiCloud入门之旅-(表白神器app的完整开发流程)
查看网址的代码:
ApiCloud入门之旅-(表白神器app的完整开发流程)
我们可以进行真机调试一下,这里不贴代码。直接演示如何打包,这里我们只打包android,因为ios需要提供证书。在证书的位置一键创建证书,只需要填写框中的三个信息。
ApiCloud入门之旅-(表白神器app的完整开发流程)
在云编译的地方,应用类别必输,选中android证书,类型选(正式版),其他默认。开始编译。此时提示你未上传icon和启动页(提供在网盘中图片1,2)
ApiCloud入门之旅-(表白神器app的完整开发流程)
然后去云编译,此时需要实名认证一下就可以打包成功了。动一动手,你也能开发一款表白app了。测试一下吧。
ApiCloud入门之旅-(表白神器app的完整开发流程)