Foxtable(狐表)用户栏目专家坐堂 → [分享]将网页打包成app安装包,支持ios/android(利用HBuilder与手机进行信息交互)


  共有40367人关注过本帖树形打印复制链接

主题:[分享]将网页打包成app安装包,支持ios/android(利用HBuilder与手机进行信息交互)

帅哥哟,离线,有人找我吗?
有点甜
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
[分享]将网页打包成app安装包,支持ios/android(利用HBuilder与手机进行信息交互)  发帖心情 Post By:2017/9/19 18:15:00 [显示全部帖子]

 
这种打包方式很简单,设置傻瓜化,不过生成安装包需要等候较长时间(注意),但相比自己安装配置开发工具,然后生成,少了不少工序。

 

第一步:下载HBuilder http://www.dcloud.io/

 

第二步:打开,新建项目

 


图片点击可在新窗口打开查看此主题相关图片如下:001.jpg
图片点击可在新窗口打开查看

图片点击可在新窗口打开查看此主题相关图片如下:002.jpg
图片点击可在新窗口打开查看

 

第三步:设置你首页的地址(最关键一步)

 


图片点击可在新窗口打开查看此主题相关图片如下:003.jpg
图片点击可在新窗口打开查看


 

第四步:设置图标等app生成的信息

 


图片点击可在新窗口打开查看此主题相关图片如下:004.jpg
图片点击可在新窗口打开查看



图片点击可在新窗口打开查看此主题相关图片如下:005.jpg
图片点击可在新窗口打开查看


 
第五步:保存设置,生成app,等候app


图片点击可在新窗口打开查看此主题相关图片如下:006.jpg
图片点击可在新窗口打开查看

图片点击可在新窗口打开查看此主题相关图片如下:007.jpg
图片点击可在新窗口打开查看

图片点击可在新窗口打开查看此主题相关图片如下:008.jpg
图片点击可在新窗口打开查看

 

最终测试效果


图片点击可在新窗口打开查看此主题相关图片如下:screenshot_2017-09-19-17-55-25-011_桌面.png
图片点击可在新窗口打开查看


测试的安装包如下(自行测试)


苹果 https://pan.baidu.com/s/1i4UGvWT

 

安卓 https://pan.baidu.com/s/1qXLE9kS


延伸,可以学习HBuilder,实现对手机硬件设备的调用,实现更多网页所无法完成的操作

 

http://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/89

 

[此贴子已经被作者于2017/9/19 18:31:37编辑过]

[本帖被加为精华]
 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2017/9/19 18:26:00 [显示全部帖子]

 mark一下,后续再测试和讲解网页通过hbuilder调用手机硬件信息实现交互的知识。

 

http://www.foxtable.com/bbs/dispbbs.asp?BoardID=2&ID=107063&skin=0

 

[此贴子已经被作者于2017/9/21 13:00:37编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2017/9/21 13:00:00 [显示全部帖子]

以下是引用baoxyang在2017/9/21 12:20:00的发言:

楼主,谢谢你的分享,非常棒!期待你的待续部分带来更好精彩!

 

移步这里 http://www.foxtable.com/bbs/dispbbs.asp?BoardID=2&ID=107063&skin=0

 


 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2018/6/3 17:59:00 [显示全部帖子]

以下是引用一笑在2018/1/13 19:05:00的发言:
把带安全登录页面的网页打包,尝试了一下,能屏蔽掉原来使用浏览器上IP地址,美观许多。相对浏览器而言,发现以下缺陷:
1. 无返回图标,不能返回到上一个地址,点手机的后退图标则直接退出程序,再进入又要输入账号不密码;
2.不能记住用户名和密码;
不知道有没有解决方法,谢谢
[此贴子已经被作者于2018/1/13 19:07:10编辑过]

 

http://www.foxtable.com/bbs/dispbbs.asp?BoardID=2&ID=107253&skin=0

 


 回到顶部