Dragon
龙笑天龙笑天  2016-04-17 19:13 龙笑天下 隐藏边栏 |   371 条评论  12,056 
文章评分 185 次,平均分 4.9
导语: 随着智能手机和 3G/4G/5G 网络的普及,大家都喜欢查阅手机上网,移动手机 APP 应用软件愈加流行。大部分公司和站长都希望有一个自己的 APP,跟紧时代节奏。不过 app 开发涉及到的技术比较专业,开发语言要想熟悉掌握也并非一件易事。对于没有技术的人来说,如何自己做一个这样的手机软件供大家使用呢...

为什么要制作手机 APP 呢?

App 是手机软件的简称,随着智能手机和 3G/4G/5G 网络的普及,大家都喜欢查阅手机上网,移动手机 APP 应用软件愈加流行。大部分公司和站长都希望有一个自己的 APP,跟紧时代节奏。

把网站制作成 APP

把网站制作成 APP

不过 app 开发涉及到的技术比较专业,开发语言要想熟悉掌握也并非一件易事。对于没有技术的人来说,如何自己做一个这样的手机软件供大家使用呢?

如何制作手机 APP

APP 制作方法有很多,大家可以查查,在这里我使用AppCan自己的WebAPP,AppCan 属于移动应用开发平台,应用引擎支持 Hybrid App 的开发和运行。并且着重解决了基于 HTML5 的移动应用目前"不流畅"和"体验差"的问题。使用 AppCan 应用引擎提供的 Native 交互能力,可以让 HTML5 开发的移动应用基本接近 Native App 的体验。

与 Phonegap 支持单一 webview 使用 div 为单位开发移动应用不同。AppCan 支持多窗口机制,让开发者可以像最传统的网页开发一样,通过页面链接的方式灵活的开发移动应用。基于这种机制,开发者可以开发出大型的移动应用,而不是只能开发简易类型的移动应用。

使用 AppCan 制作手机 APP 的具体步骤

下面就是干货了,怎么使用 AppCan 把网站制作成自己的手机 APP,专业人士可以绕道了,此教程仅供新手参考,按照下面的步骤来,你将马上可以制作一个自己的包括全版本(IOS/IPAD/ANDROID)的 APP 了!

提醒:网站应是响应式的!

注册 AppCan 平台账号

AppCan平台(appcan.cn)注册自己的账号;

创建 APP

注册登录后,打开这个链接:http://dashboard.appcan.cn/app,点击“创建应用”,如下图,选择“webapp”,填写好相关信息;

填写 APP 信息

填写 APP 信息

应用打包

点确定后,会跳到下图的页面,点击图中的“应用打包”;

点击“应用打包”

点击“应用打包”

按顺序进行一系列的相关设置,注意选择好相关的版本(IOS/IPAD/ANDROID),设置好相关的内容;其中的“插件选择”选项可以不用管;“证书管理”选项,因为制作的是 ANDROID 手机应用,所以我选择的是“Android 证书”,点击红色的字 - “一键创建证书”,填好后,点“创建并保存”,再点“保存”;

配置“应用打包”

配置“应用打包”

最后进行最后一项“云端打包”,按照下图的顺序设置好相关内容,点击“生成安装包”。

“云端打包”配置

“云端打包”配置

倒计时一分钟左右(如下图),就可以看到安装包生成成功,就可以手机扫码安装使用了。

下载安装包

下载安装包

我的 APP 界面预览图

我的 APP 界面

我的 APP 界面

体验地址

应用平台直达地址
腾讯应用宝下载地址
百度手机助手下载地址
91 安卓下载下载地址(91 和安卓市场已经整合至百度手机助手...)
安卓市场下载地址(91 和安卓市场已经整合至百度手机助手...)

预祝大家成功,制作自己的一个 APP。

本文为原创文章,版权归所有,欢迎分享本文,转载请保留出处!

龙笑天
龙笑天 关注:48    粉丝:32 最后编辑于:2019-12-19
互助分享,互联网本该如此!
×

予人玫瑰,手有余香

打赏 龙笑天

打开支付宝扫一扫,即可进行扫码打赏哦

发表评论

表情 贴图 链接 私密 格式 签到
最赞评论
  1. 龙笑天
    龙笑天 永久会员 博主 来自天朝的朋友 谷歌浏览器 39.0.0.0  CHM-TL00H Build/HonorCHM-TL00H) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/39.0.0.0 Mobile Safari/537.36 Appcan/3.1

    祝大家成功!

  2. 刘明野的博客
    刘明野的博客 来自天朝的朋友 谷歌浏览器 51.0.2704.84 Windows 7 黑龙江省佳木斯市 电信

    谢谢分享 [呲牙]

  3. 成航先森
    成航先森 评论达人 LV.3 来自天朝的朋友 Netscape Navigator 5.0 iPhone iPhone OS 8_1 like Mac OS X 四川省 移动数据上网公共出口

    网站流量都不多,暂时没有做 APP 的打算

  1. 动平衡仪 评论达人 LV.1 来自天朝的朋友 谷歌浏览器 63.0.3239.132 Windows 7 江苏省苏州市 电信

    果断收藏!

    216楼 1小时前
    0 0 回复
扫一扫二维码分享