《变色龙移动应用云平台》用户说明文档

《变色龙移动应用云平台》用户说明文档欢迎欢迎进入移动开发的世界，变色龙移动开发平台将助你在移动开发的世界里一路畅行。一、极速入门做第一个iOS应用ios极速入门demo示例(图文说明)通过变色龙云平台后台，仅需简单的数步，即可快速的创建一个ios应用，以下为demo示例过程。1.登录开发者控制台，点击创建应用，开始demo示例的创建。2.选择变色龙应用，点击下一步。3.填写app的基本信息，点击发布应用。4.创建app后，点击在线构建,进入打包app流程。5.选择ios平台，点击下一步。6.选择并配置引擎信息(不用操作，使用默认的即可)，点击下一步。7.填写打包应用的基本信息(不用操作，使用默认的即可),点击下一步。8.选择添加模块(使用默认提供的demo模块即可)，点击下一步。9.插件冲突处理，并配置参数信息10.上传证书(不用操作，使用默认的即可),点击下一步。11.预览信息，点击生成安装包。12.打包等待中，等待服务器打包成功后即可扫描二维码下载。做第一个Android应用android极速入门demo示例(图文说明)通过变色龙云平台后台，仅需简单的数步，即可快速的创建一个android应用，以下为demo示例过程。1.登录开发者控制台，点击创建应用，开始demo示例的创建。2.选择变色龙应用，点击下一步。3.填写app的基本信息，点击发布应用。4.创建app后，点击在线构建,进入打包app流程。5.选择android平台，点击下一步。6.选择并配置引擎信息(不用操作，使用默认的即可)，点击下一步。7.填写打包应用的基本信息(不用操作，使用默认的即可),点击下一步。8.选择添加模块(使用默认提供的demo模块即可)，点击下一步。9.插件冲突处理，并配置参数信息10.上传证书(不用操作，使用默认的即可),点击下一步。11.预览信息，点击生成安装包。12.打包等待中，等待服务器打包成功后即可扫描二维码下载。二、初入江湖创建应用ios应用ios应用创建详情(图文说明)通过变色龙云平台后台，不但可以简单快速的创建一个ios应用，而且还可以对其进行丰富的功能选项设置，以下为demo示例详细解说各选项设置过程。1.登录开发者控制台，点击创建应用，开始demo示例的创建。2.选择变色龙应用，点击下一步。3.填写app的基本信息，点击发布应用。备注：是否发布到应用广场，如果是则可以将应用显示到应用展厅4.创建app后，点击在线构建,进入打包app流程。备注：使用QDT构建，其中QDT是指与云平台配套的快速开发ATOMIDE5.选择ios平台，点击下一步。6.选择并配置引擎信息(使用默认的即可)，点击下一步。备注：横竖屏支持，其中横屏则限定横屏，竖屏则限定竖屏，双选则自动横竖屏切换。7.填写打包应用的基本信息(使用默认的即可),点击下一步。8.选择添加模块(使用默认提供的demo模块即可)，点击下一步。备注：主模块是指应用初次加载时默认加载显示的模块。9.插件冲突处理，并配置参数信息10.上传证书(不用操作，使用默认的即可),点击下一步。11.预览信息，点击生成安装包。12.打包等待中，等待服务器打包成功后即可扫描二维码下载。备注：打包下载(下载查看打包构建日志),在线查看(在线查看打包构建日志),源码下载(下载查看app的源代码)android应用android应用创建详情(图文说明)通过变色龙云平台后台，不但可以简单快速的创建一个android应用，而且还可以对其进行丰富的功能选项设置，以下为demo示例详细解说各选项设置过程。1.登录开发者控制台，点击创建应用，开始demo示例的创建。2.选择变色龙应用，点击下一步。3.填写app的基本信息，点击发布应用。备注：是否发布到应用广场，如果是则可以将应用显示到应用展厅4.创建app后，点击在线构建,进入打包app流程。备注：使用QDT构建，其中QDT是指与云平台配套的快速开发ATOMIDE5.选择android平台，点击下一步。6.选择并配置引擎信息(使用默认的即可)，点击下一步。备注：横竖屏支持，其中横屏则限定横屏，竖屏则限定竖屏，双选则自动横竖屏切换。7.填写打包应用的基本信息(使用默认的即可),点击下一步。8.选择添加模块(使用默认提供的demo模块即可)，点击下一步。备注：主模块是指应用初次加载时默认加载显示的模块。9.插件冲突处理，并配置参数信息10.上传证书(使用默认的即可),点击下一步。11.预览信息，点击生成安装包。备注：此处android的manifest显示应用的所有插件合并后使用的权限，功能,参数等信息。除用户定义的以外，变色龙本身会有一些基本的信息在里面12.打包等待中，等待服务器打包成功后即可扫描二维码下载。备注：打包下载(下载查看打包构建日志),在线查看(在线查看打包构建日志),源码下载(下载查看app的源代码)上传托管自定义应用上传ios应用ios应用上传详情(图文说明)通过变色龙云平台后台，仅需简单的数步，即可快速的上传一个ios应用以供下载，以下为demo示例过程。1.登录开发者控制台(null)，点击创建应用，开始demo示例的创建。2.选择自定义应用，点击下一步3.选择ios的api安装包，点击下一步4.输入应用信息，点击发布应用，完成自定义应用的创建5、在应用详情页可查看上传后的应用信息上传android应用android应用上传详情(图文说明)通过变色龙云平台后台，仅需简单的数步，即可快速的上传一个android应用以供下载，以下为demo示例过程。1.登录开发者控制台，点击创建应用，开始demo示例的创建。2.选择自定义应用，点击下一步3.选择android的apk安装包，点击下一步4.输入应用信息，点击发布应用，完成自定义应用的创建5、在应用详情页可查看上传后的应用信息三、小试牛刀模块创建1、准备模块包.2、进入如图页面，并点击上传模块，找到相应模块把包上传3、点击创建，创建成功后进入模块详情页面4、创建失败请查阅模块校验规则说明书模块升级1、准备模块包.2、进入模块详情页面，并点击升级模块。3、点击更新，更新成功后会刷新当前页面4、更新失败请查阅模块校验规则说明书应用升级ios应用升级(图文说明)1.登录开发者控制台，选择已构建的应用，点击进去。2.选择IOS平台，点击在线升级3.选择并配置引擎信息(使用默认的即可)，点击下一步。备注：横竖屏支持，其中横屏则限定横屏，竖屏则限定竖屏，双选则自动横竖屏切换。4.填写打包应用的基本信息(使用默认的即可),点击下一步。5.选择添加模块(使用默认提供的模块即可)，点击下一步。备注：主模块是指应用初次加载时默认加载显示的模块。默认模块为上一次构建时选择的模块6.插件冲突处理，并配置参数信息7.上传证书(不用操作，使用默认的即可),点击下一步。8.预览信息，点击生成安装包。9.打包等待中，等待服务器打包成功后即可扫描二维码下载。备注：打包下载(下载查看打包构建日志),在线查看(在线查看打包构建日志),源码下载(下载查看app的源代码)android应用升级(图文说明)1.登录开发者控制台，选择已构建的应用，点击进去。2.选择Android平台，点击在线升级3.选择并配置引擎信息(不用操作，使用默认的即可)，点击下一步。4.填写打包应用的基本信息(不用操作，使用默认的即可),点击下一步。5.选择添加模块(使用默认提供的模块即可)，点击下一步。备注：主模块是指应用初次加载时默认加载显示的模块。默认模块为上一次构建时选择的模块6.插件冲突处理，并配置参数信息7.上传证书(不用操作，使用默认的即可),点击下一步。8.预览信息，点击生成安装包。9.打包等待中，等待服务器打包成功后即可扫描二维码下载。IDE使用IDE安装推荐插件包安装前的准备开发环境及基本要求•下载并安装Git•下载并安装最新版Atomps:手动安装的童鞋需要下载并安装Node.js&NPM下面就以windows系统为例，说明下安装流程•下载Git进入下载Git(null)，选择对应平台，点击下载按钮图片地址：安装1.png双击下载回来的Git.exe进行安装一直下一步，直到下图的步骤要选第二项UseGitfromtheWindowsCommandPropmt图片地址：安装步骤6.png之后下一步直到结束•Node安装点击进入Node.js中文网(null)或者Node.js官网(null)图片地址：安装.png点击4.X版本或者5.X的版本进行下载，下载完成后，双击安装包进行安装，一直下一步直到安装完成即可。新版的Node.js安装默认已经带有NPM了…无需再另外下载•下载atom方式一：点击(null)，进入atom主页，点击Download按钮进行下载：方式二：进入以下链接(null)，滚动到下图相应位置，选择对应平台进行下载：•atom的安装atom的安装很方便，将下载过来的安装包AtomSetup.exe，点击安装，安装程序会自动下载依赖.NETFramework4.5.2。图片地址：图片20150908095426.png安装完成后，点击atom.exe就能直接运行了。atom运行起来后如下图：图片地址：图片20150908100236.png通过atom安装IDE1.点击Packages--SettingsView--InstallPackages/Themes，出现以下界面：图片地址：图片20150908100319.png1.在搜索框内输入chameleon进行搜索，出现以下界面：1.点击Install按钮进行下载安装packages，等待下载完成，这个时间估计有点漫长，请耐心等待：1.完成下载后，顶部菜单看上会出现变色龙QDT：图片地址：图片20150908104508.png1.点击菜单变色龙QDT出现以下界面：图片地址：截图20150908151103.png手动安装IDE1.打开(null)，登录OSC,点击网页上的DownloadZIP,下载IDE源码：1.将下载的源码压缩包解压到：系统盘/用户/当前用户名/.atom/packages中，并将文件夹名字改为chameleon-qdt-atom进入chameleon-qdt-atom文件夹在安装好node环境的前提下npmi（没有node环境请安装）1.打开或重启atom，顶部菜单栏上会多变色龙QDT：图片地址：图片20150908104508.png1.点击菜单变色龙QDT出现以下界面：图片地址：截图20150908151103.png这种安装方式，需要通过命令行进入系统盘/用户/当前用户名/.atom/packages/chameleo