Foxtable(狐表)用户栏目专家坐堂 → [分享]foxtable+hbuilder开发手机网页app实例,调用手机摄像头扫描条码功能(简单实用)


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

主题:[分享]foxtable+hbuilder开发手机网页app实例,调用手机摄像头扫描条码功能(简单实用)

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


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
[分享]foxtable+hbuilder开发手机网页app实例,调用手机摄像头扫描条码功能(简单实用)  发帖心情 Post By:2017/9/20 19:26:00 [显示全部帖子]

首先你得已经有Foxtable高级开发版。


第一步,下载下面的项目打开,端口是10086

 

 下载信息  [文件大小:   下载次数: ]
图片点击可在新窗口打开查看点击浏览该文件:001hbuilder实例一(扫描条码功能).zip



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

 

第二步,下载打开HBuilder界面,打开foxtableAppTest项目
 


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


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

 


第三步,打开manifest.json文件配置首页地址(注意,请改成自己的局域网或互联网的ip地址)

 


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

 

 

第四步,在你的电脑上插入手机进行调试

 

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

 

 

第五步,测试运行效果,你可以在foxtable或者hbuilder两个地方修改代码,然后在手机上测试运行后的效果



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

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

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

 


第六步,所有功能测试完毕以后,打包生成app,这样就可以在手机那里安装使用了

 

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


 

延伸,这个例子基本教会大家如何调试、开发、生成自己的网站和app了,更多的知识,请移步hbuilder文档学习

 

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

 

 

-----------------------------------------------------后续补充--------------------------------------------------------------------


2017年9月22日09:21:29 添加:

    如何把得到的扫描信息填入文本框里,执行如下js代码?

    wb.InsertHTML("<script>function scaned( t, r, f ) {document.getElementById('姓名').value=r;}</script>")

 

[此贴子已经被作者于2017/9/22 9:23:00编辑过]

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


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

 若有疑问,请回帖提问,空闲的时候会逐一解答。

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


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

 不结合foxtable也可以,个人可以直接使用HBuilder复制粘贴,简单修改模板的代码,就可以做到属于自己的app了。

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


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

回复9楼,官方有例子的,新建一个项目,即可测试功能。每一个功能都是相对独立的,拷贝到自己项目就能用了。代码也简单易懂。

 


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


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


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

以下是引用刘林在2017/9/21 9:38:00的发言:
请问老师,我现在把首页地地址打包该如何操作,请具体一点,谢谢

 

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

 


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


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

以下是引用2在2017/9/21 9:50:00的发言:
永久开发版不可以吗?

 

如果结合foxtable使用,需要拥有高级开发版,普通开发版没有web的功能。

[此贴子已经被作者于2017/9/21 9:53:03编辑过]

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


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

以下是引用zhy400137在2017/9/21 10:02:00的发言:
老师,能不能就这个例子,再讲细一点。其他例子有点不会调用?还有要去扩展哪方面的知识,谢谢!

 

测试别的例子这样测试:尽量先脱离foxtable,把例子测试好了,再放到foxtable里面结合。

 

新建空的app项目,把需要的js/css拷贝过来,把需要测试的单个页面也拷贝过来,单独测试运行。然后看懂里面的代码(代码都不难的)

 

后续会有其它实例的调用讲解。


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


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

以下是引用rjh4078在2017/9/21 11:14:00的发言:
我没深入了解  刚刚开始学习BS开发 就是想请教下甜版 这个可以在苹果上生成APP吗? 

 

越狱的苹果手机可以直接安装生成的app。没越狱的苹果手机,app需要证书和审核通过才能安装。


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


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

以下是引用bohe在2017/9/21 11:28:00的发言:
如果仅仅是用到狐表的WEB服务,那到不如用IIS好,甜版出个与狐表有交互的例子吧

 

狐表网络上使用,基本就是通过web方式的。当然还有udp或者tcp的交互方式,在手机端实现socket不就好了?

 

http://ask.dcloud.net.cn/article/114

 

app和狐表的交互,主要是可以直接使用foxtable里面的数据信息,从而更简便的和手机端进行交互。

[此贴子已经被作者于2017/9/21 15:01:30编辑过]

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


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

以下是引用luodang2050在2017/9/21 15:01:00的发言:
非常感谢分享,不知道苹果app证书审核怎么弄,听说每次更新都要再次审核?

 

如果是苹果app,那就麻烦了。首先要注册成开发者 99美元/年,开发的app,要提交到store审核(而且还要符合各种规范,不容易通过)

 

如果要测试app,你苹果手机要越狱,这样,你可以安装任意app。

 


 回到顶部
总数 45 1 2 3 4 5 下一页