比来很多爱学习的开发者,在后台给柚子君留言询问:如安在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中检察和调试。
? 在index页面中,登录告成后,通过读取参数来设置需访谒的处事器相关业务的页面Url。这里使用了官方的fs模块(用于存储记录一些参数的文件,此模块相关要领可参考官方文档),主要的function如下:
四、官方文档的布局说明
不知道有没有人像分享者一样的小白,有时看别人的代码却发此刻官网文档中找不到有疑问的相关函数界说…… 后来再仔细看发明,首先需要先弄清当前要领是针对什么的(好比是针对 API东西【格局类似api.xxx】、相关设备、模块要领【常用的模块应该就是db、zip及fs】、APICloud前端框架【格局类似 $api.xxx】),然后才容易从官网文档目录的入口进入相应页面,再进行搜索。(分享者本身是把这些分类后收集到本身文档里了,借助如印象条记等工具,这样会越发便利检索)
以上是APICloud版主摆布周遭的分享,感受可以就顺手点个赞,给分享者一个鼓励!如果你也有本身的学习心得,欢迎分享!
APICloud新手教学视频可到 APICloud 官网进行免费学习。