Dragon
龙笑天龙笑天  2016-04-17 19:13 龙笑天下 隐藏边栏 |   368 条评论  11,645 
文章评分 183 次,平均分 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。

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

龙笑天
龙笑天 关注:79    粉丝:32 最后编辑于:2018-09-02
互助分享,互联网本该如此!

发表评论

表情 贴图 链接 私密 格式 签到
最赞评论
  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. 软件库
    软件库 来自天朝的朋友 谷歌浏览器 73.0.3683.103 Windows 7 河北省 联通

    果断收藏!

    196楼 16天前
    0 0 回复
  2. 搬瓦工
    搬瓦工 评论达人 LV.1 来自天朝的朋友 谷歌浏览器 63.0.3239.132 Windows 8.1 江苏省苏州市 电信

    为了友链 先友后链

    195楼 2019-06-18 08:45
    0 0 回复
  3. 浪子丶刘少
    浪子丶刘少 来自天朝的朋友 谷歌浏览器 55.0.2883.87 Windows 10 北京市 联通

    这个感觉棒棒哒,一定要试试~~

    194楼 2019-04-03 07:03
    0 0 回复
  4. 大缺缺 来自天朝的朋友 谷歌浏览器 72.0.3626.121 Windows 7 四川省成都市 移动

    哈哈 自己建一个 APP 玩玩

    193楼 2019-03-11 15:13
    0 0 回复
  5. t1174148618
    t1174148618 来自天朝的朋友 谷歌浏览器 55.0.2883.87 Windows 10 广东省河源市 联通

    测试一下
    007aZ0JIgy1fy9yq41lkkj32bc1jk19v

    192楼 2019-01-21 13:36
    0 0 回复
  6. MEI
    MEI 来自天朝的朋友 QQ浏览器  Android 8.0.0 MI 5s Build/OPR1.170623.032 广东省河源市 联通

    博主,请教一下,您评论区的贴图功能怎么弄的可以调取本地图片,有相关教程分享吗?谢谢Screenshot_2019-01-18-01-31-35-073_com

    191楼 2019-01-18 01:35
    0 0 回复
  7. 稔知 来自天朝的朋友 谷歌浏览器 63.0.3239.132 Windows 10 湖南省郴州市 电信

    什么叫响应式,其他可以吗

    190楼 2018-12-31 14:33
    0 0 回复
  8. 人心太拥挤
    人心太拥挤 来自天朝的朋友 火狐浏览器 64.0 Windows 10 广东省广州市 联通

    贴图的功能,博主能分享一下吗

    189楼 2018-12-16 17:34
    0 0 回复
  9. 中意眼镜工作室
    中意眼镜工作室 来自天朝的朋友 谷歌浏览器 70.0.3538.110 Windows 10 河南省郑州市 移动

    我来试试看

    188楼 2018-12-15 14:22
    0 0 回复
  10. 楚狂人博客
    楚狂人博客 来自天朝的朋友 谷歌浏览器 63.0.3239.132 Windows 10 山东省潍坊市 联通

    技术贴,支持下了 42

    187楼 2018-12-12 15:29
    0 0 回复
  11. 萧瑟
    萧瑟 来自天朝的朋友 谷歌浏览器 69.0.3497.100 Windows 7 北京市海淀区 联通

    APPCAN,这个我之前公司写过项目,很不好用,基本上都是给人家 APPCAN 测试 BUG,工单提交了一堆堆。可以看看 apicloud,这个做混合开发还不错。

    186楼 2018-10-12 09:22
    0 0 回复
  12. 优站盒子 来自天朝的朋友 谷歌浏览器 69.0.3497.81 Windows 7 北京市丰台区 联通

    搞个小程序还可以,现在不太喜欢装太多的 app

    185楼 2018-10-02 22:24
    0 0 回复
  13. 微想创意 来自天朝的朋友 谷歌浏览器 69.0.3497.92 Mac OS X 10_13_4 四川省成都市 电信

    卧槽,果然简单实用,不错

    184楼 2018-09-19 16:20
    0 0 回复
  14. 深夜笔记 来自天朝的朋友 谷歌浏览器 67.0.3396.62 Windows 10 河北省廊坊市 联通

    这个是用 web 页面,封装的一个壳 APP 吧,哈哈哈

    183楼 2018-09-15 19:25
    0 0 回复
  15. 广州网站建设
    广州网站建设 评论达人 LV.2 来自天朝的朋友 谷歌浏览器 48.0.2564.116 Windows 7 河南省郑州市 360网站卫士联通节点

    这个好,做成 app 的

    182楼 2018-08-13 10:49
    0 0 回复
  16. 银色月航
    银色月航 评论达人 LV.3 来自天朝的朋友 谷歌浏览器 67.0.3396.99 Mac OS X 10_10_5 河南省郑州市 360网站卫士联通节点

    前段时间折腾一下,没搞成功,随放弃

    181楼 2018-08-12 16:48
    0 0 回复
切换注册

登录

短信快捷登录 忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册

验证码

您也可以使用第三方帐号一键快捷注册

×

感谢您对龙笑天的支持,么么哒~

支付宝打赏 龙笑天
请扫码随意打赏

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

龙笑天下 - 分享悲伤;共享快乐

扫一扫二维码分享