appcan 的简单操作

Appcan simple operation

Posted by Strom on February 22, 2017

1、开发环境

开发者工具下载appcan ide

2、在AppCan的官方网站上创建应用,并在IDE中开发完成后,到官网上进行打包。

1)、注册并登陆AppCan应用管理系统(http://dashboard.appcan.cn/app )。 2)、点击开发下的创建应用。

创建应用 3)、 输入你的应用名称,和应用描述,然后保存。会跳到如下页面 等等

4)、打开AppCan IDE,并用刚才注册的用户登陆

dd 5)、登录进入IDE dd 7)、点击新建项目

dd 8)、选择同步AppCan 项目,点击下一步。页面会跳到如下页面 dd 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)、点击发行

dd

或者右键点击phone,然后点击生成安装包

dd

2)、可以修改应用名称,上传图标,我们使用默认的然后点击下一步

dd 3)、选择要生成的平台,启动画面点击下一步

dd 4)、选择需要的插件然后点击完成。等待打包如果打包完成就会自动打开应用目录。

dd 4.2、线上打包

1)、点击右键把代码提交的服务器 dd 2)、选择要提交的文件。点击ok

dd 3)、选择应用进入详情页面,并点击应用开发,进入应用开发页面

dd 4)、点击应用打包,点击图标设置可以修改图标,点击启动页面可以修改启动页面,然后选择插件,证书,最后点击云端打包。

5)、选择平台和版本号,点击生成安装包。

dd 6)、等待打包完成,可以下载生成的安装包了,点击下一步进入应用详情页面。 dd dd

5、扫码就可以安装到手机了 

我的app在这里哈