写在前面
本次教程使用的开发包是AppInventor2.0离线版,如果有小伙伴需要可以关注微信公众号“云端微课”,并给林子留言,林子会第一时间将开发包分享给你,不接受博客留言预定,请见谅!
三步轻松开启AppInventor之旅
Step1:解压开发包
图1-开发包
?
图2-压缩包里的内容
解开压缩包之后双击AI2CN(顾名思义是AppInventor2.0中文版)这个蓝色图标,弹出界面如下所示:?
图3-AI2离线版界面
Step2:一键启动离线服务器?
点击上图中的图标“一键启动”,此时会弹出三个黑色的窗口,注意千万不要关闭这三个窗口,下面我将不吝口水将这三个窗口的功能分别介绍。
图4-注册环境变量
学过Java和安卓的童鞋都记得在安装jdk的时候需要注册环境变量,这个窗口执行的就是这个功能。?
图5-启动服务器
我们要模拟虚拟开发环境,服务器当然是必不可少的,学过Javaweb开发的小伙伴应该还记得当时的Apache服务器。??
图6-端口监听
该窗口指定工程路径并执行窗口监听的功能。
口水浪费了这么多,不知道小伙伴们是否理解呢?不理解也没有关系,记住开发过程中,不要关闭就OK了!接下来,打开浏览器(用带有Google内核浏览器,其他浏览器可能不支持),在地址栏中键入:127.0.0.1:8888,按回车键,等待奇迹吧,哈哈!Duang~Duang~两下就可以看到庐山真面目啦!?
图7-开发环境登陆界面
点击Login,进入界面,哇,有没有很鸡冻的赶脚?
图8-AppInventor开发界面
至此,开发环境就搭建好啦!什么,写了这么多,才写到第二步????
Step3:手机仿真?
打开开发包文件夹,找到一个名为“MIT AI2 Companion.apk”的东东,一看后缀大家都知道这是手机安装程序,没错,将它安装到你的手机上,不管你用QQ传输还是数据线,总之将它传到你的手机上,记住要安装。?
图9-将它安装到你的手机上
用usb线将你的手机和电脑连接起来,你需要在手机的设置选项里找到开发者选项,并打开usb调试。这时点击AppInventor开发界面的connect中的USB(看不懂文字请看下面的图)?
图10-打开contect中的USB
稍微等待一会~你会发现手机中的MIT AI2 Companion 2.12启动了,看看你的开发环境界面和你的手机显示是否同步呢?此时此刻,有没有很兴奋呢?至此,我们的开发前的准备就已经充分完成了(打包apk,我们下次再讲解)?
温馨说明:如果大家看英语界面不习惯的话,点击开发界面的右上角的小地图,点击其中的“简体中文”就可以切换到中文界面啦!?
图12-语言版本切换
好啦!本次课程就到这吧!下节课,我们就开始学习第一个app的开发——hello,小猫!小伙伴们可以通过关注微信公众号“云端微课”来获得下节课的素材。