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


  共有40356人关注过本帖平板打印复制链接

主题:[分享]将网页打包成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编辑过]

[本帖被加为精华]
 回到顶部
总数 36 1 2 3 4 下一页