`
bunny829
  • 浏览: 1737 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

AppCan教你从零开始做开发

阅读更多

经常收到类似这样的提问:新手开发APP,要怎么学?满屏幕的文档和视频,然而并没有什么卵用,因为我不知道该从看起……今天的主要内容是教大家,如何在AppCan移动平台创建应用,引擎插件选择、证书管理和在线打包。

向不了解AppCan同学做个介绍

AppCan倡导Hybrid混合开发模式,免费+开源+开放,提供一站式的移动应用开发支持服务。只需有HTML5+CSS+JS的前端基础,就可以在AppCan平台快速开发出移动APP、微信应用或webapp。只需写一次代码,就可以生成android和iOS两个安装包,开发门槛和成本简直不能再低,开发效率升到了新高度

AppCan每月在各地都会举办线下培训,会有大神手把手教学哦,欢迎勾搭,欢迎调戏

感兴趣的同学可以戳这里报名:http://edu.appcan.cn/train_outline1.html

好了,接下来重点来噜为大家讲解如何在线创建移动应用。

1.注册并登陆AppCan应用管理系统(http://dashboard.appcan.cn/app ),点击创建应用,输入你的应用名称和应用描述,然后保存,系统自动进入到新建的应用详情界面。




 
2.打开AppCan IDE(AppCan IDE下载:

http://newdocx.appcan.cn/newdocx/docx?type=1236_1234),并用创建了应用的帐号登录,点击新建项目。


 

 

选择同步AppCan 项目,点击下一步。


 

选择刚创建的应用名称(如:天气),界面提示签出代码成功,即可进行编写代码。


 

3.将编辑好的代码提交到svn后,(具体操作可参考文档:

http://newdocx.appcan.cn/newdocx/docx?type=1480_1234#线上项目同步至IDE)在新建的应用详情界面,点击应用打包,可设置图标、状态栏和启动页面。


 

4. 引擎默认为官方最新引擎,点击插件选择——添加,可根据应用需求勾选相应插件:


 
5.点击证书管理。

iOS:官方提供越狱版证书仅供测试,如果要安装到非越狱设备上,需要去苹果官网申请证书,可参考文档:http://newdocx.appcan.cn/newdocx/docx?type=1297_1291。注:如果你申请的是$299证书,上传在企业证书栏目下;如果是$99证书,就上传到发布证书栏目下且需要上传到AppStore通过审核。不上传自定义证书则表示默认为官方越狱证书。


 
Android:如果没有证书,可以使用官方提供的一键创建证书功能,不创建证书则表示默认为官方证书。注:为了避免不必要的麻烦(如上架应用市场遭拒),建议自定义证书:

 



 
6. 点击云端打包,选择平台和版本号,点击生成安装包。

 



 
等待打包完成,即可下载生成的安装包了:

 



 

  

 Duang Duang Duang,你已经使用AppCan平台成功创建了一个APP!撒花

好啦,还等什么呢?开始用AppCan做开发,下一个人生赢家就是你!

 

  • 大小: 13.9 KB
  • 大小: 35.8 KB
  • 大小: 18.7 KB
  • 大小: 9.1 KB
  • 大小: 10.5 KB
  • 大小: 50.6 KB
  • 大小: 33.2 KB
  • 大小: 42 KB
  • 大小: 37 KB
  • 大小: 40.3 KB
  • 大小: 10.6 KB
  • 大小: 18 KB
分享到:
评论

相关推荐

    APPCAN教程的PPT

    这个教程的PPT深入浅出地介绍了如何利用APPCAN进行高效的应用程序开发,涵盖了从基础概念到实践技巧的多个层面。 首先,APPCAN的“国内首创”和“自主研发”表明它是一款具有独立知识产权的移动开发平台,这使得它...

    app开发教程之用AppCan跨平台开发app教程合集.zip_zipapp lite

    【AppCan跨平台开发app教程合集】 AppCan是一款强大的HTML5移动应用开发工具,它允许开发者使用HTML、CSS和JavaScript等Web技术进行跨平台应用的构建,无需掌握原生移动开发语言,如Java或Swift。这个教程合集旨在...

    AppCan开发指南

    2. AppCan开发指南可能提供了对AppCan开发环境和开发工具的详细指导,包括AppCan SDK(软件开发工具包)、AppCan DSS(开发支持服务)和AppCan IDE(集成开发环境)。 3. AppCan平台使用了MAS(Mobile Application ...

    AppCan移动应用开发框架开发文档-AppCan开发框架

    ### AppCan移动应用开发框架开发文档—AppCan开发框架 #### 一、AppCan的页面管理 ##### 1.1 页面的创建 AppCan的页面是面向用户的最小屏幕单元,它提供了一种推荐的页面管理方案,即使用HTML来处理界面布局。...

    appcan 技术驱动创业,一站式移动开发解决方案0414.pdf

    ### AppCan技术驱动创业:一站式移动开发解决方案 #### 一、AppCan的发展历程与技术特点 AppCan作为一款一站式的移动开发解决方案,自2006年成立以来,经历了多个重要的发展阶段,逐步形成了其独特的核心技术和...

    APPCAN手机客户端二次开发教程

    总之,APPCAN手机客户端二次开发教程将引导开发者全面掌握APPCAN平台的使用,从基础到高级,从开发到发布,旨在提高开发效率,实现高质量的移动应用开发。通过深入学习和实践,开发者将能够利用APPCAN创建出功能强大...

    AppCan移动应用在线开发平台:Web开发者的逆袭.docx

    AppCan移动应用在线开发平台:Web开发者的逆袭 AppCan移动应用在线开发平台是国内领先的移动应用在线开发平台,基于HTML5技术的跨平台解决方案。该平台提供了快速的开发与本地应用相媲美的应用,解决了前端开发者向...

    APPcan 4个实例

    本文将通过四个具体的实例,深入探讨APPcan在实际开发中的应用。 实例一:基础页面构建 在APPcan中,开发者可以使用其内置的可视化编辑器快速创建页面布局。例如,我们可以创建一个包含头部导航、主体内容和底部栏...

    Hi AppCan.zip

    总的来说,"Hi AppCan.zip"中的内容全面覆盖了AppCan开发的各个方面,无论你是初学者还是有经验的开发者,都能从中受益。通过深入学习和实践这些文件,你将能够熟练掌握AppCan,创建出功能强大、体验优秀的移动应用...

    AppCan移动应用开发框架- AppCan应用开发

    AppCan为开发者提供了一套完整的移动应用开发解决方案,涵盖了从开发环境搭建、代码编写到测试发布的全过程。其强大的跨平台支持能力和丰富的功能特性,使得开发者能够高效地开发出兼容多种操作系统的高质量应用。...

    APPCAN移动开发

    APPCAN 移动开发 APPCAN 移动开发是基于移动设备的应用程序开发,使用 APPCAN 框架可以快速构建移动应用程序。下面是 APPCAN 移动开发的知识点总结: 1. CSS 动画:APPCAN 使用 CSS 动画来实现动画效果,例如使用 ...

    AppCan离线开发手册

    AppCan IDE开发文档,国内Hybrid混合应用开发的倡导者和领导者!支持跨平台移动应用开发

    2.7.2手机客户端AppCan

    AppCan是一款强大的移动应用开发平台,它允许开发者通过HTML5、...如果你手头有“2.7.2手机客户端AppCan”这个压缩包,那么里面很可能包含了相关的文档、示例代码、库文件等,这些都是进一步深入学习和实践的重要资源。

    AppCan秀.zip

    AppCan秀.zip是一个包含多个文件的压缩包,主要用于展示或教学关于AppCan移动应用开发平台的相关内容。AppCan是一款强大的HTML5移动应用开发工具,它允许开发者使用HTML、CSS和JavaScript来构建原生感觉的手机应用...

    AppCan开发框架

    ### AppCan开发框架详解 #### 一、UI2.0与UI1.0的对比 在2012年初发布的AppCan移动应用开发平台中,内置了一套基于JQMobile方案的CSS UI框架。这套框架的主要特点在于采用了“组合”的设计理念,即通过多个CSS类的...

    AppCan经典项目

    对于初学者来说,这是学习和理解AppCan开发流程的关键资料。 "html5cn"可能是一个指向HTML5中文网的链接或者一个包含HTML5相关教程和示例的文件。HTML5中文网是一个为开发者提供HTML5、CSS3、JavaScript等Web前沿...

    AppCan做的star

    "AppCan做的star"这个项目可能是一个示例应用或教程,展示了AppCan在创建具有吸引力和互动性的应用功能方面的潜力,特别是与“star”或“语录”相关的功能。 1. **AppCan框架详解**:AppCan基于Web技术,但通过其...

Global site tag (gtag.js) - Google Analytics