文档中心

本文基于BingoTouch进行App的开发的快速指引。阅读本文需具备一定的Web开发技能,如阅读和编写html,css,javascript的能力、部署web站点的能力、了解http请求的基本原理等。如果有过Android或者iOS原生应用开发经验并且了解移动应用的相关知识,整个二次开发的过程将会更加轻松愉快! 接下来,我们一起进入BingoTouch的世界吧!

环境搭建

开发人员需要注意的几个方面:

  1. 开发人员需要配备android或者iOS移动设备;
  2. 确保 PC、移动设备在同一局域网内,需要wifi环境,并且移动设备能够正常连接上;
  3. 确保 PC 防火墙关闭,否则移动设备无法访问部署在 PC 上的站点;
  4. PC 上查看页面效果,建议使用Chrome浏览器,因为android/iOS平台 和Chrome一样都是基于开源webkit浏览器内核的。(推荐使用Chromium41.0.2240.0+进行查看和仿真调试);
  5. 与原生进行交互的接口,建议使用DebugTool进行页面开发与调试;

资源获取

轻应用开发框架(BingoTouch)为开发者提供了丰富的资源。请根据自己的实际情况下载使用:

开发工具

工程模板

Link模板 新闻应用模板 移动营业厅模板

更多资源,请参进入:资源中心

轻应用开发

创建工程

运行BingoTouch IDE,进入项目创建向导页面,根据实际情况,可以选择“新建应用”和“导入项目”两种方式创建工程。

  • 新建应用 :创建的一个空白的工程,仅包含API演示的界面
  • 导入项目 :需先下载上面提供的几种工程模板,解压后,选择导入

工程运行

工程创建成功后,可直接点击IDE上面的运行按钮,启动程序。

浏览器上测试

轻应用使用了Web技术进行开发应用,因此在开发过程中,可以使用主流的浏览器进行开发、调试。由于chrome对html5、css3及移动开发支持比较好,目前推荐使用chrome进行浏览器的开发。
打开chrome浏览器,在地址栏输入http://localhost/Helloworld/index.html。

Link上运行

轻应用除了具备web应用的特性外,还具备移动应用的特性,可以调用移动设备的功能。为了实现更好的开发、调试效果,可以使用Link的开发者模式浏览应用,在浏览应用前,需先开启“开发者模式”。

  • Android版Link 开启方式
    底部选项卡TAB进入 “我 > 关于” , 点击“LINK”Logo十下,返回即可在 “我”界面看到“开发者模式”。

  • iOS版本Link 开启方式
    iOS设备的开发人员工具的开关不在Link应用里面,而是在操作系统的设置里面,请打开 “系统 > 设置” 在下面的列表里面找到 Link 应用,进入后找到“开启开发者选项”,将其打开即可。

Link的开发者模式开启后,就可以通过上面的BingoTouch调试功能,访问应用了,点击“BingoTouch调用”进入调试工具,在该页面输入待访问的页面地址,就可以在Link内对应用进行测试了。

Link上访问应用时需要注意以下几点:

  • 手机与开发机在同一网段,
  • 访问地址不能使用127.0.0.1,需使用手机可访问的地址
  • 开发机需开放相应的端口
  • 如果不想每次都输入地址,可将地址生成二维码,通过扫描二维码方式进行比较方便

应用打包

将www目录下的资源进行压缩,必须是打成 zip压缩包,另外,资源里面不能有中文字符命名的文件。
直接压缩左边红色部分,不要直接压缩外层目录(例如www文件夹)。

图标和启动页

图标和启动页修改的地方为res文件夹下面的Android文件夹或ios文件夹。如果需要更改这些文件,一定要根据原有文件的尺寸来修改定制。