AppInventor开发环境搭建

 写在前面

      本次教程使用的开发包是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,小猫!小伙伴们可以通过关注微信公众号“云端微课”来获得下节课的素材。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。