创建应用
创建应用视频教程
本文档会逐步引导您,如何快速创建开发一个简单应用,首先注册并登录中控易动平台,点击右上方"控制台"-"我的应用"或"免费试用",具体后面会有详细示例可以参考。
开始创建
首先,进入控制台,我的应用页面,点击“创建应用”,进入创建应用页面
创建应用分为三个步骤:
填写应用信息、基本信息、证书信息
第一步:填写应用信息
1. 填写在线应用信息
2. 填写离线应用信息
离线应用需要上传离线资源,以zip包形式上传,平台会自动创建部署离线资源服务。
填写内容如下:
内容 | 作用 |
---|---|
应用名称 | 应用APP的名称 |
参考已创建应用 | 参考已创建应用的信息(可选无) |
APP类型 | APP类型,分为在线和离线 |
首页网址 | APP的首页地址,是指前端工程的入口地址 |
离线资源 | APP类型为离线时,需上传离线资源zip包(参考下面离线资源介绍) |
启动图标 | 应用的应用图标 |
应用备注 | 应用的描述 |
应用类型
APP类型分为两种:在线应用和离线应用
在线应用是直接访问线上前端工程,此前端工程的入口地址需要是http或https的完整链接,只能在有网情况下使用.
离线应用需要上传离线压缩包(前端工程需要离线的资源压缩包)。通过将离线压缩包保存到APP本地,保证无网络情况下可直接访问离线压缩包中的资源;有网络时,通过“更新离线资源”操作将新的离线资源压缩包上传到平台,APP可以实现实时更新平台最新的离线资源(热更新),且无需下载APP。
首页网址
首页网址是指前端工程的入口地址,即打开APP后看到的第一张页面。
APP类型选择在线,首页地址需要是http
或https
开头的完整链接,例如:https://www.yd-mobile.cn/
。
APP类型选择离线,当前只支持应用整体离线,首页地址需要是上传的前端工程离线资源包的入口地址的相对路径,例如:index.html
。
离线资源
离线资源只有离线应用可以使用。
离线资源是指前端工程的离线包。离线包是将包括 HTML、Javascript、CSS 等页面内静态资源打包到一个压缩包内。您预先下载该离线包到本地,然后通过客户端打开,直接从本地加载离线包,从而可以最大程度地摆脱网络环境对 H5 页面的影响。
前端工程的离线包生成有两种方式:前端工程文件夹直接压缩(参考应用离线/方式一)和前端所有文件直接压缩(参考应用离线/方式二)。
多页应用模式直接压缩的首页地址为前端工程的入口地址的相对路径。例如:index.html
(参考应用离线/方式二/首页地址),若前端工程的入口地址在www
文件夹里面,此时首页地址为www/index.html
.(参考应用离线/方式一/首页地址)
单页应用模式通过webpack
打包之后获取的dist
文件压缩包,首页地址为前端工程入口地址的相对路径。例如:index.html
(参考应用离线/方式二/首页地址),若前端工程的入口地址在www
文件夹里面,此时首页地址为www/index.html
(参考应用离线/方式一/首页地址).
注意:
[!COMMENT]
参考已创建应用,便于用户参考已经创建的应用信息。
创建应用支持混合开发APP和纯H5开发。
创建在线应用时,HTML网址需要保证在有网条件下可以正常访问(例如:https://www.yd-mobile.cn/ )。
创建离线应用时,压缩离线资源,以zip包上传至易动平台。
离线应用的HTML网址必须与离线资源相对应(例如:index.html)。
第二步:填写基本信息
基本信息主要填写的内容如下:
内容 | 作用 |
---|---|
横竖屏 | APP横竖屏设置 |
是否全屏 | APP全屏设置 |
启动页 | APP启动页 |
引导页 | APP引导页 |
注意:
[!COMMENT]
启动页和引导页仅支持PNG格式
引导页最多可以传4张,推荐使用1080*1920像素
第三步:填写证书信息
打包分为Android打包和IOS打包,两个平台打包都需要分别填写相应的证书信息
1. Android 打包证书信息
Android 签名证书:是指Android系统要求每一个安装进系统的应用程序都是经过数字证书签名的,Android系统将数字证书用于在应用程序的作者和应用程序之间建立信任关系。
内容 | 作用 |
---|---|
包名 | Android包名 |
证书信息 | Android证书信息 |
MD5应用签名 | APP启动页 |
Android打包配置时平台会根据应用名称首字母自动产生默认包名,用户可根据需求自己修改
Android 证书类型分为两种:系统证书签名和自定义证书签名。 Android自定义签名证书获取详见: Android证书签名
第一种方式:系统证书签名
系统证书签名:是指平台会默认产生证书,无需用户配置即可进行打包
第二种方式:自定义证书签名
自定义证书签名:是指客户自己上传签名文件,不使用系统默认证书签名。
①如果客户已经存在签名文件,直接上传文件,填写签名文件密码、别名、别名密码即可,如下所示:
②如果用户还没有生成签名文件,可利用平台生成工具在线生成,点击“在线生成证书签名”,填写如下信息:
点击“生成签名证书”,成功生成证书签名后,回到配置界面,信息会自动填充到输入框,点击完成即可打Android包
2. iOS 打包证书信息
内容 | 作用 |
---|---|
签名证书 | iOS签名证书 |
描述文件 | IOS应用描述文件 |
BUNDLE ID | APP包名 |
签名证书密码 | iOS签名证书密码 |
签名证书:
苹果手机的正版APP只能去AppStore下载,而苹果为了控制每一个安装在苹果手机上的APP都是经过苹果官方认证的,于是就采用了签名机制,因此应用需要有对应的签名证书。
具体的签名证书申请步骤参考: iOS制作证书
描述文件:
实际上除了设备ID/AppID,还有其他信息也需要在这里用苹果签名,像App里iCloud、push、后台运行 等权限苹果都想控制,它也需要通过签名去授权。因此描述文件 Provisioning Profile,一个Provisioning Profile就用来包含证书以及上述提到的所有额外信息,以及所有信息的签名。
具体的描述文件申请步骤参考: iOS制作描述文件
iOS配置页面如下:
注意:
[!COMMENT]
ios打包时,证书和描述文件必须与包名相对应,否则打包失败
证书和描述文件都分正式版和测试版,打正式包时,必须上传正式版的证书和描述文件;打测试包时,必须上传测试版本的证书和 描述文件。
证书信息配置完后,即可成功创建应用。
创建在线应用示例
以工程Online
为例:
工程创建步骤:登录易动平台-->控制台-->创建应用-->填写应用信息-->下一步-->下一步-->选择打包的应用平台(这里我们创建Android打包)-->完成
- 填写应用信息
- 创建完成
- 创建的新应用
创建离线应用示例
以工程Offline
为例:
创建离线工程条件:需要有一个本地前端工程
下面以前端工程EasyMobileDemo
为例
EasyMobileDemo
结构
EasyMobileDemo
入口地址index.html
部分截图
工程创建步骤:登录易动平台-->控制台-->创建应用-->填写应用信息-->下一步-->下一步-->选择打包的应用平台(这里我们创建Android打包)-->完成
注意:
离线应用首页地址需要根据上传的离线资源包(.zip文件)来决定。
应用离线
应用离线首页地址是前端工程的入口地址的相对路径。
方式一:压缩整个EasyMobileDemo
工程文件
首页地址是:EasyMobileDemo/index.html
压缩文件夹截图
填写应用信息
方式二:压缩EasyMobileDemo
工程所有文件
首页地址是:index.html
压缩所有文件
填写应用信息
创建应用完成
创建的新应用