tnblog
首页

使用AppCan开发app之开发流程介绍

95人阅读 2019/4/11 16:05 评论:3 手机浏览 收藏
分类: 前端

目前 App的开发主要包含三种方式:原生开发、H5开发、混合开发


大概列举一下3种模式优缺点:

原生:原生应用由于利用的是官方提供的语言和工具并且能够直接操控硬件设备,在应用性能上和交互体验上应该是最好的,但是原生应用的可移植性比较差,特别是一款原生的App,Android和IOS都要各自开发,同样的逻辑、界面要写两套。主要是成本高!!

H5:利用Web技术进行的App开发,可以跨平台;但是,H5移动应用不能直接访问设备硬件和离线存储,所以在体验和性能上有很大的局限性,主要省钱!!

混合:

    优点:

    1、开发效率高,节约时间同一套代码Android和IOS基本都可用

    2、更新和部署比较方便,不需要每次升级都要上传到App Store进行审核了,只需要在服务器端升级就可以

    3、代码维护方便、版本更新快,降低产品成本

    缺点:

    1、由于不能直接操控硬件有些方面性能不是很好

    2、另外有技术比较新版本的兼容性比较差,还有就是即懂原生开发又懂H5开发的高端人才难找。

混合App开发是未来的趋势,目前混合开发中使用的技术也很多,主要的混合开发技术有jQuery Mobile、React Native、Cordova、APICloud、AppCan等。虽然混合开发能够提高效率节省成本,但也有很多的限制,除了硬件、缓存等的限制,各大平台之间的兼容性也不足。有的也比较消耗资源。

总之就是因地制宜,各有千秋!

本人有幸在工作中用到AppCan混合模式开发,给大家简单介绍一下使用AppCan开发

AppCan简介:AppCan是一套完整庞大的、云端一体的移动PaaS平台,AppCan是基于HTML5技术的Hybird跨平台移动应用开发工具。开发者利用HTML5+CSS3+JavaScript技术,通过                                  AppCan IDE集成开发系统、云端打包器等,快速开发出Android、iOS、WP平台上的移动应用。官方介绍地址:http://newdocx.appcan.cn/AppCan

好了,讲了一堆废话,现在来看一下AppCan如何开始开发:

1、首先登陆AppCan官网,找到开发者中心,点击我的应用,创建一个应用:

点击创建应用,如下:

此时应用就创建成功了,然后去下载AppCan的官方开发IDE:基于Eclipse定制的移动集成开发环境。就是跟eclipse差不多

下载地址:http://newdocx.appcan.cn/IDE/download

然后安装IDE,并登陆。

点击文件》新建》AppCan项目 》同步AppCan项目:

可以发现刚才我们新建的应用:

然后就可以开发了,但是这个工具在敲代码上并不友好,不好用!

2、如何进行调试:

下面拿我本地的这个项目介绍一下如何进行调试:

下载一个windows的安卓模拟器,用于安卓环境;

点击appcan开发工具中的appcan,点击生成appcan调试中心:

下一步:

就会打包成一个apk文件,即安装包:

打开模拟器,安装此程序:

点击进入应用,这里要启动一下appcan的调试服务:

点击appcan》启动appcan调试服务,然后在appcan控制台上可以看到信息:

点击调试app中的扫描:

即可看到测试地址ip:

点击应用,就可以看到进入测试的app了:

然后你就该去改BUG了

3、如何打包安装包:

打包安装包和前面的打包调试程序差不多,点击 发行》app打包》

一般自动选择插件:

完成后:


注意:这个打包适合测试用,安装后有水印。如果正式环境打包需要到平台上去打包。


3.平台打包:

首先提交更改 右键我们的项目》Team(团队)》提交(appcan自带svn,svn都省了安装):

我这里没有更改:

然后回到网站,进入应用管理中,点击对应应用的管理:

点击切换到应用开发:

生成之后下载就可以了


总结一下:appcan是一个免费的平台,个人使用完全够用;跨平台,开发便捷,打包便捷。是值得我们一用的。入门也比较快。

                 就是想吐槽一下在这个工具上开发代码是真不习惯,不过也可以在喜欢的工具上开发再迁移进来。


后续深入使用了,再来完善一下,有学习的也可以联系本人:Q:1099002260,Email:18896101294@163.com


累死了!我要去喝口水。。。。

评价
Decorating heart
文章
6
评论
8
分类
16
关注
16
{{item.ArticleTitle}}
{{item.BlogName}} : {{item.Content}}