1、开发环境
2、在AppCan的官方网站上创建应用,并在IDE中开发完成后,到官网上进行打包。
1)、注册并登陆AppCan应用管理系统(http://dashboard.appcan.cn/app )。 2)、点击开发下的创建应用。
3)、 输入你的应用名称,和应用描述,然后保存。会跳到如下页面
4)、打开AppCan IDE,并用刚才注册的用户登陆
5)、登录进入IDE 7)、点击新建项目
8)、选择同步AppCan 项目,点击下一步。页面会跳到如下页面 9)、选择天气点击完成。
10)、整个应用创建完成了。
3、 应用开发
1) 、打开index.html页面加入应用头部,我们的头部都是统一的,所以加入一下代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>strom's blog</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
</head>
<body>
<div id="root"></div>
<script src="./dist/bundle.js"></script>
</body>
</html>
删除默认的背景图片,你也可也在css中修改,index/css/main.css
2)、在phone/加入dist/bundle.js和bg.jpg. dundle.js源码 bg.jpg地址
4、应用打包
开发完成打包应用有两种方式,一种是本地打包,一种是线上打包。
4.1、本地打包(仅供测试使用)
1)、点击发行
或者右键点击phone,然后点击生成安装包
2)、可以修改应用名称,上传图标,我们使用默认的然后点击下一步
3)、选择要生成的平台,启动画面点击下一步
4)、选择需要的插件然后点击完成。等待打包如果打包完成就会自动打开应用目录。
4.2、线上打包
1)、点击右键把代码提交的服务器 2)、选择要提交的文件。点击ok
3)、选择应用进入详情页面,并点击应用开发,进入应用开发页面
4)、点击应用打包,点击图标设置可以修改图标,点击启动页面可以修改启动页面,然后选择插件,证书,最后点击云端打包。
5)、选择平台和版本号,点击生成安装包。
6)、等待打包完成,可以下载生成的安装包了,点击下一步进入应用详情页面。