以文本方式查看主题

-  Foxtable(狐表)  (http://www.foxtable.com/bbs/index.asp)
--  专家坐堂  (http://www.foxtable.com/bbs/list.asp?boardid=2)
----  [分享]将网页打包成app安装包,支持ios/android(利用HBuilder与手机进行信息交互)  (http://www.foxtable.com/bbs/dispbbs.asp?boardid=2&id=106991)

--  作者:有点甜
--  发布时间:2017/9/19 18:15:00
--  [分享]将网页打包成app安装包,支持ios/android(利用HBuilder与手机进行信息交互)

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

 

第一步:下载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编辑过]

--  作者:有点甜
--  发布时间: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编辑过]

--  作者:zhy400137
--  发布时间:2017/9/19 20:30:00
--  
mark
--  作者:notebook
--  发布时间:2017/9/19 20:46:00
--  
mark
--  作者:zhangjian222200
--  发布时间:2017/9/19 20:50:00
--  
mark

看见好贴,我会在浏览器收藏下,但是浏览器收藏了太多,都感觉浏览器不够用了

foxtable站点本身标记好帖子功能么?

--  作者:blsu33
--  发布时间:2017/9/19 20:53:00
--  
呃的神
--  作者:有点蓝
--  发布时间:2017/9/19 21:04:00
--  
收藏
--  作者:zsslly
--  发布时间:2017/9/19 21:07:00
--  
mark

感觉好牛的,努力学习中!

--  作者:浙江仔
--  发布时间:2017/9/20 8:21:00
--  
先进技术
--  作者:kao_go
--  发布时间:2017/9/20 8:48:00
--  
mark