读书频道 > 移动开发 > Android > 人人都能开发安卓App ——App Inventor 2应用开发实战
1.2 App Inventor 2环境搭建
2014-11-19 15:47:02     我来说两句 
收藏    我要投稿   
本书是基于App Inventor 2的安卓开发教程。App Inventor 2是一款图形化在线安卓开发软件,软件入门门槛低,无需编程基础,程序员和非程序员均能上手。App Inventor 2不仅可以开发各种安卓程序,还可以同单  立即去当当网订购
 
由于AI2是完全基于浏览器开发安卓应用的(也叫做云端开发),只要你能访问AI2云端官方服务器
 
http://ai2.appinventor.mit.edu(由于受Google插件影响,国内经常无法访问,可访问备用服务器
 
http://contest.appinventor.mit.edu/),再通过以下三种方式,就可以快速开发一个安卓应用。
 
提示
 
尽管App Inventor 2官方是在线开发软件,但由于是开源软件,一些程序员也开发出了离线开发包,即没有互联网时,本地也可使用。由于离线包并非官网推出,本书不再介绍,有需要者可自行下载。
 
方式一:使用安卓设备(安卓手机或平板电脑)和无线网络进行开发(强烈推荐)
 
这种方式不需要你在计算机上下载任何额外的软件,而是直接在云端服务器上开发,并通过在安卓设备上安装MIT App Inventor Companion配套App进行实时调试,如图1-1所示。
 

       
 
图1-1 Wi-Fi真机开发方式
 
以下是方式一的步骤。
 
步骤1:下载安装MIT App Inventor Companion配套App
 
可以扫描图1-2中的二维码从谷歌Play Store下载安装,这也是推荐方式。
 
另外也可以直接下载APK方式安装,地址为http://appinv.us/xAI2cf34。
小窍门☆
 
如果你的安卓手机或平板电脑未安装二维码扫描App,也可以直接到谷歌应用市场搜索“MIT App Inventor Companion”然后安装。如果希望直接使用APK方式安装,请将手机设置为“信任未知源”,这在调试和安装软件时同样适用。
 
步骤2:将计算机和安卓设备连接到同一无线网络
 
记住,只有当计算机和安装有配套App的安卓设备连接到同一无线网络时,才能将你正在开发的App显示到安卓设备上,便于调试。换句话说,你的计算机和安卓设备必须在同一局域网。
 
步骤3:打开App Inventor的项目将它与安卓设备连接
 
打开App Inventor,新建一个项目,单击“Project”→“Start New Project”,然后输入一个项目名称(只能使用英文字母、数字或下划线组成项目名称)。
 
接下来在AI2浏览器的顶部菜单中选择“Connect”→“AI Companion”,如图1-3所示。
图1-3 AI Companion连接
 
然后浏览器中会出现一个二维码对话框。使用你的安卓设备像打开其他应用一样的方式开启AI Companion应用。然后单击“Scan QR code”按钮开始扫描浏览器中的二维码,如图1-4所示。
 
几秒钟之后,正在开发的App就会显示在安卓设备上了。在Designer或Blocks界面做了修改之后,安卓设备会即时更新你的App,这种特性叫做“实时调试”。
 
假如你的手机没有摄像头,或者其他原因导致无法扫描,你也可以直接将二维码对话框中“Your code is”下面的6个字母输入安卓设备中打开的配套App的输入框“Six Dight Code”中,然后单击“connect with code”按钮。
 
假如你设计的App没有显示在安卓设备上,可能原因如下:
 
你的配套App已经过期,需要更新。按步骤1的方法重新安装即可。
 
你的安卓手机或平板电脑没有连接到Wi-Fi。确认你的配套App下方显示了网络IP地址。
 
你的安卓设备没有和计算机连接到同一网络。确认计算机和手机连接的是同一Wi-Fi网络。
 
方式二:安装并运行AI2模拟器
 
假如没有安卓手机或平板电脑,你仍然可以使用AI2模拟器来调试App。AI2提供了一个安卓模拟器,同安卓设备一样,但需要在你的计算机上运行。你可以在安卓模拟器中调试程序,并打包分发到其他安卓设备,甚至上传到谷歌Play Store。很多学校或课后兴趣小组都使用模拟器这种方式来开发。注意:模拟器与真机在部分组件测试时可能有所不同。使用模拟器来开发,需要首先在计算机上安装相应的软件,步骤如下,如
图1-5所示。
步骤1:在计算机上安装 App Inventor Setup软件包
 
下载软件包(网址:http://appinv.us/aisetup_windows),双击打开软件包,像安装其他软件一样单击“Next”按钮(注意:必须使用管理员权限安装软件包)。
 
如以前使用过App Invnetor 1,请先卸载软件。另外在双击软件包时,可能会弹出“不可信任的发行者”对话框,请直接单击“确定”以继续。通常情况下App Inventor Setup软件可以自己找到安装程序的位置,但假如该软件询问软件安装位置,直接输入“C:\Program Files\Appinventor\commands-for-Appinventor”即可。如果你使用的是64位操作系统,请将Program Files替换成Program Files(x86)。
 
步骤2:启动aiStarter
 
我们需要辅助程序aiStarter才能在浏览器中启动模拟器。该程序已经在步骤1中安装App Inventor Setup软件包时安装好了,并在桌面创建了一个快捷方式,如图1-6所示。
双击该图标,便可启动辅助程序。在Windows操作系统下该程序默认开机自启动。启动后将会出现图1-7所示的窗口。
 
 
步骤3:打开App Inventor项目并连接到模拟器
 
同方式一一样,转到App Inventor Companion(网址ai2.appinventor.mit.edu),打开或创建一个项目。然后从App Inventor的顶部菜单中依次单击“Connenct” →“Emulator”菜单项,如图1-8所示。
 
 
浏览器中央会弹出一个对话框,如图1-9所示,告诉我们正在连接模拟器,可能需要几分钟时间。
同时,aiStarter窗口会有一些更新的状态信息,如图1-10所示。
 
接下来出现模拟器窗口,依次出现如图1-11的模拟器启动过程。图1-11a为启动初始状态,启动成功后,会显示图1-11b所示的状态。启动成功到可以显示你正在开发的App,可能还需要几分钟时间,这期间模拟器会准备SD卡:从模拟器顶部的状态栏中可以看到相应提示。完成该工作后,模拟器就会启动并显示你正在App Inventor中创建的App。
 
图1-10 aiStarter窗口状态

    
                             
 
提示
 
由于App Inventor还处于beta测试版,软件功能在不断变化,相应的配套软件更新有可能会滞后。如果遇到模拟器有类似如图1-12所示的画面,表示模拟器中的配套软件不是最新的版本,App Inventor会自动更新它。
 
 
在浏览器中单击“OK”按钮,将会下载最新版的配套App,然后自动安装到模拟器中。安装时,需要在模拟器中确认替换App。
 
提示
 
如果你正在创建的App没有在模拟器中显示,请从以下方面排除故障。
 
确认是否是某一特定的项目不能显示?如果是某一项目的App没有显示,而其他的工作正常,则可能是你的App有问题。
 
确认是否有其他设备连接到你的计算机上?因为目前App Inventor 2配套软件只能处理一台设备或模拟器。如果是这种情况,请关闭其他设备或模拟器。
 
确认你的配套软件是否安装正确?App Inventor配套软件目录Commands for App Inventor应该安装在C:\Program Files或C:\Program Files(x86),当安装目录不在默认目录时,配套软件将不能启动模拟器。
 
确定你的浏览器是否运行了一些阻止连接模拟器的插件?已知的一个名叫NoScript的Firefox插件会阻止连接模拟器,假如你运行了类似的插件,使用App Inventor时最好禁用该插件。
 
App Inventor是否提示你重启配套App?AI配套软件包括运行在计算机上的模拟器、aiStarter,还包括运行在模拟器中的配套App。如果App Inventor不能和模拟器通信,它可能会提示你重启配套App。遇到这种情况,简单的方法就是关掉模拟器,然后重新开始步骤3。开始步骤3前,需要单击“Reset Connection”选项。
 
你是否等了足够长的时间?模拟器启动需要一个过程,特别是在你的计算机配置不是很高的情况下,需要耐心等待足够长的时间。
 
小窍门☆
 
模拟器其实和真实安卓设备类似,可以改变系统语言,让界面变成中文版。具体设置步骤为:单击“Menu”,单击模拟器Setting,拖曳模拟器屏幕,定位到Language & Keyboard并单击,继续单击Select Language,拖曳模拟器屏幕,单击简体(中文)。你的模拟器就显示中文界面了。
 
更改模拟器分辨率。默认的模拟器分辨率是最小的HVGA。在C:\Program Files\AppInventor\commands-for-Appinventor目录,找到run-emulator.bat,右击编辑,在最下方找到skin HVGA-AppInventor,可以更改为C:\Program Files\AppInventor\commands-for-Appinventor\from-Android-SDK\platforms\android-8\skins目录下的分辨率,如skin WVGA854。
 
方式三:使用USB数据线连接安卓手机或平板电脑
 
当你使用安卓手机或平板电脑连接App Inventor时,设备中配套App管理着与计算机中的配套软件通过计算机中浏览器建立的连接。方式一中步骤1已经说明了如何安装配套App,并且说明了使用无线网络来建立这种连接实时调试应用是App Inventor官方推荐的连接方式。
 
但是仍然会有一些场所不提供Wi-Fi网络,或者禁止连接Wi-Fi网络的设备彼此通信,例如,某些学校、酒店、会议中心等。尽管经验丰富的计算机使用者可以使用小型路由器(例如小度Wi-Fi、360Wi-Fi)来建立小型无线网络,或者使用笔记本无线网卡提供小型无线网络,但是App Inventor还是提供了使用USB数据线来连接安卓手机或平板电脑的方式,如图1-13所示。
 
在Windows操作系统上使用USB数据线来连接App Inventor和安卓设备最大的不便就是安装驱动程序(Mac和Linux操作系统不需要特别安装驱动程序),并且不同厂家的设备需要不同的驱动程序。因此,你需要查询设备官方网站来获取驱动程序。
 
        
 
 
步骤1:在计算机上安装App Inventor Setup软件包
 
该步骤同方式二步骤1。
 
步骤2:下载安装MIT App Inventor Companion的配套App
 
该步骤同方式一步骤1。
 
步骤3:启动aiStarter
 
该步骤同方式二步骤2。
 
步骤4:在计算机上为安卓设备安装驱动程序,并打开调试模式
如之前所述,在Windows上使用USB数据线调试安卓应用,需要在系统设置里打开开发者选项,确保打开USB调试模式。在Android 3.2或以下版本操作系统的设备上,你可以在设置→应用程序→开发者选项中找到相关选项;在Android 4.0或以上版本的设备上,相关选项直接在设置→开发者选项里。
 
提示
 
Android 4.2或以上版本的设备中,开发者选项默认是隐藏的。要使该选项可见,在设置→关于手机中单击几次Build Number,然后返回设置将可以看到开发者选项。
 
步骤5:使用USB数据连接计算机和安卓设备
 
要使用USB数据线连接安卓设备并调试应用,需要为安卓设备安装驱动程序。安卓设备连接计算机有很多种模式,比如大容量存储设备模式、多媒体设备模式,甚至上网卡模式。App Inventor官方建议使用大容量存储设备模式来连接计算机,并安装相应的驱动程序。由于制造安卓手机或平板电脑的厂商较多,请仔细阅读说明书或在线支持网站来安装驱动程序。
 
提示
 
Android 4.2.2版本或更新的操作系统的设备第一次连接到一台计算机时,会弹出“是否允许USB调试”对话框,单击“确定”按钮来允许这台计算机连接你的安卓设备。
 
小窍门☆
 
很多智能手机助手软件可以自动帮你的安卓设备安装驱动程序,比如91手机助手、豌豆夹手机助手等。安装这类手机助手安卓版后,当你的设备使用USB数据线连接到计算机上之后,助手将会自动识别设备型号,并下载相应驱动程序,指导你打开调试模式。
 
步骤6:测试你的连接
 
使用浏览器打开连接测试网站(http://appinventor.mit.edu/test/),如果测试网站测试通过(即没有红色字出现),说明App Inventor可以检测到你的测试。接下来就可以开始制作你的App了。如果没通过测试,主要可能是步骤5的驱动程序没有正确安装,你可以向设备厂商或相关论坛寻求帮助。
点击复制链接 与好友分享!回本站首页
分享到: 更多
您对本文章有什么意见或着疑问吗?请到论坛讨论您的关注和建议是我们前行的参考和动力  
上一篇:1.1 App Inventor 2基础知识
下一篇:1.3 App Inventor 2界面
相关文章
图文推荐
3.6.4 框架MVC实例分
3.6.3 框架MVC思路讲
3.5 认识Smarty模板
3.3 使用JSON通信
排行
热门
文章
下载
读书

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训
版权所有: 红黑联盟--致力于做最好的IT技术学习网站