最近很多爱学习的开发者,在后台给柚子君留言询问:如何在APICloud平台创建app?如何添加模块?自定义loader编译好之后在studio里面怎么同步等问题。
柚子君就借此机会给大家分享一个对 js 及前端了解较浅的新手开发者的学习心得(不要小瞧新手哦,分享的干货绝对有惊喜),主要说明一个登录页的实例及调试中遇到的问题。分享者负责的项目架构大致为ApiCloud+Asp.Net MVC,分享如下:
一、首次创建一个demo
先自己按照官网教程,登录https://www.apicloud.com/,注册后创建一个应用,进行端设置、证书设置(这里注意名称使用系统已生成好的)、模块设置(可添加几个官方模块及已有的自定义模块),最后进行云编译。
之后,去官网下载本地编译工具APICloud Studio(在官网“开发工具”下面),安装后,可从“云端资源库”的SVN中找到开始创建的项目,检出后,在“我的app项目”中即可看到。之后可自主在合适项目目录中创建或修改启动页面(假定为index.html),然后在config.xml中进行设置(注意是要在“源码”而不是“编辑器”选项卡中),widget的id属性可在云平台的系统概述中得到,content的src属性用来指定启动页面。
之后就是修改后的编译了,可用Android平板连接电脑(需要驱动,其实安装一些手机助手软件即可,如金山助手、360手机助手或豌豆荚都行)。这里分享者的心得是:APICloud中除了必须云端编译的修改(如添加官方模块、自定义模块、端配置等【哪些修改需要云编译,官方文档中都有说明】,修改后要云编译,然后在studio中“资源同步”、“编译自定义Loader”【自定义模块才需要此步】,最后再“真机同步”)以外的修改(如修改启动页html文件) ,想让其生效的话,修改后可直接真机同步(Ctrl+R)。
二、使用模拟器(没有平板、手机等Android测试设备时)
能和APICloud兼容的模拟器,网上说有海马、夜神等,都需要先找到APICloud的adb.exe位置,然后在cmd下运行【adb connect to 服务器地址】命令; 但实际上,比如安装海马玩v0.10.5后,不用任何设置操作,直接在APICloud中USB真机同步即可。【但模拟器分辨率虽能调但总是没法显示完全,遂弃;后听说夜神模拟器似乎可以,未尝试】
三、Android设备(APICloud Studio)联调服务器(vs2015、IIS)曾遇到问题
❶ 在调试前可先在Android机器中使用ping工具,去ping服务器的ip,这是能联调成功的前提条件。分享者win10的防火墙似乎每次重启后都会阻碍ping通,曾被坑过。
❷ 想要在Chrome中调试Android设备中的网页,可在FQ的前提下(想省事的可搜索下载XX-Net),在Chrome中打开chrome://inspect/#devices,就可显示出当前连接的Android机器的app中相关的页面Url,点击“inspect”即可在Chrome中查看和调试。
2.png
❸ 在index页面中,登录成功后,通过读取参数来设置需访问的服务器相关业务的页面Url。这里使用了官方的fs模块(用于存储记录一些参数的文件,此模块相关方法可参考官方文档),主要的function如下:
3.png
四、官方文档的结构说明
不知道有没有人像分享者一样的小白,有时看别人的代码却发现在官网文档中找不到有疑问的相关函数定义…… 后来再仔细看发现,首先需要先弄清当前方法是针对什么的(比如是针对 API对象【格式类似api.xxx】、相关设备、模块方法【常用的模块应该就是db、zip及fs】、APICloud前端框架【格式类似 $api.xxx】),然后才容易从官网文档目录的入口进入相应页面,再进行搜索。(分享者自己是把这些分类后收集到自己文档里了,借助如印象笔记等工具,这样会更加方便检索)
以上是APICloud版主左右方圆的分享,觉得可以就顺手点个赞,给分享者一个鼓励!如果你也有自己的学习心得,欢迎分享!
APICloud新手教学视频可到 APICloud 官网进行免费学习。
分享到:
相关推荐
本文来自于网络,本文主要介绍了特征工程,以及一些常见的特征工程的方法,以及自然语言处理的特征工程,希望对您的学习有所帮助。协同过滤CollaborativeFiltering特征工程FeatureEngineering推荐系统实战注意点首先...
本资源主要讲述iOS开发中项目功能的全局介绍,旨在帮助新手开发者快速掌握项目开发的各种功能。这里涵盖了从基础的UISearchBar、UISearchController到swift语言、OS X开发、App Store发布等多方面的知识点。 知识点...
1入门直播话术干货教程.zip直播剧本文案资料下载1入门直播话术干货教程.zip直播剧本文案资料下载1入门直播话术干货教程.zip直播剧本文案资料下载1入门直播话术干货教程.zip直播剧本文案资料下载 1.合个人学习技术做...
以下是C#语言学习的一些关键干货教程内容: 基础语法 变量:用于存储数据,需要先声明变量的类型,再赋值。 运算符:包括算术运算符(如加、减、乘、除)、关系运算符(用于比较两个值的大小关系)、逻辑运算符...
其次,《Linux命令行与shell脚本编程大全》是一本内容全面的教程,不仅涵盖了基本的命令行操作,还深入讲解了正则表达式、sed和awk等高级工具的使用,通过大量实例帮助读者巩固理解。这本书对于想精通shell编程的...
本文来自作者李文哲,知识图谱是通过将应用数学、图形学、信息可视化技术、信息科学等学科的理论与方法与计量学引文分析、共现分析等方法结合,并利用可视化的图谱形象地展示学科的核心结构、前沿领域以及整体知识...
审核应关注员工培训计划、技能提升机制以及持续学习的文化。 四项基本原则包括: 1. 目标明确:审核应围绕既定的质量、交期、成本目标进行。 2. 数据驱动:依赖数据和事实进行决策,避免主观判断。 3. 持续改进:...
含有优秀资料的大礼包,欢迎下载!
《Python学习笔记纯干货(新手入门必备) 》根据作者学习编程的经验和体会整理而成,手把手教你学 Python。基于最新的 Python 版本,零基础带你搭建开发环境,从无到有、从易到难、层层递进,逐步走进 Python 的世界。...
干货|车外门把手设计指导_new.pdf
本资源包括ReactJS中文干货视频教程!欢迎下载学习!!!
全程干货!csgo游戏搬砖项目细节分享全程干货!csgo游戏搬砖项目细节分享全程干货!csgo游戏搬砖项目细节分享全程干货!csgo游戏搬砖项目细节分享
"干货|接地设计指导.pdf" 本文档对应的知识点包括: 1. EMC设计指导:文档中涉及到EMC的设计指导,包括EMC的基本概念、EMC设计的重要性、EMC设计的步骤、EMC设计的工具和方法等。 2. 接地设计:文档中讨论了接地...
知识图谱在金融知识问答系统中的应用 金融知识问答系统借助知识图谱,可以显著提升信息检索和问题解答的效率,提供更为精准和直接的答案。这是因为知识图谱以图形结构组织知识,通过实体(如人、公司、金融产品)和...
个人整理的可视化采集技术教程和几个自己做的采集规则分享,感兴趣的朋友可以下载了学习参考使用。