当前位置:17727 > web前端信息 > 环境搭建,非常好用的免费官方开发调试工具

环境搭建,非常好用的免费官方开发调试工具

文章作者:web前端信息 上传时间:2019-12-26

17727.com 1

把开发者给的两个文件托转到itunes的应用程序中。

DevApp内置插件列表

card.io.cordova.mobilesdk 2.1.0 "CardIO"
com-intel-security-cordova-plugin 2.0.3 "APP Security API"
com.darktalker.cordova.screenshot 0.1.5 "Screenshot"
com.paypal.cordova.mobilesdk 3.5.0 "PayPalMobile"
cordova-admob-sdk 0.8.0 "AdMob SDK"
cordova-base64-to-gallery 4.1.2 "base64ToGallery"
cordova-instagram-plugin 0.5.5 "Instagram"
cordova-launch-review 2.0.0 "Launch Review"
cordova-plugin-3dtouch 1.3.5 "3D Touch"
cordova-plugin-actionsheet 2.3.3 "ActionSheet"
cordova-plugin-add-swift-support 1.6.2 "AddSwiftSupport"
cordova-plugin-admob-free 0.10.0 "Cordova AdMob Plugin"
cordova-plugin-app-event 1.2.0 "Application Events"
cordova-plugin-apprate 1.3.0 "AppRate"
cordova-plugin-battery-status 1.2.4 "Battery"
cordova-plugin-ble-central 1.1.4 "BLE"
cordova-plugin-bluetooth-serial 0.4.7 "Bluetooth Serial"
cordova-plugin-brightness 0.1.5 "Brightness"
cordova-plugin-calendar 4.6.0 "Calendar"
cordova-plugin-camera 2.4.1 "Camera"
cordova-plugin-compat 1.1.0 "Compat"
cordova-plugin-console 1.0.7 "Console"
cordova-plugin-contacts 2.3.1 "Contacts"
cordova-plugin-datepicker 0.9.3 "DatePicker"
cordova-plugin-device 1.1.6 "Device"
cordova-plugin-device-motion 1.2.5 "Device Motion"
cordova-plugin-device-orientation 1.0.7 "Device Orientation"
cordova-plugin-dialogs 1.3.3 "Notification"
cordova-plugin-email-composer 0.8.7 "EmailComposer"
cordova-plugin-geolocation 2.4.3 "Geolocation"
cordova-plugin-globalization 1.0.7 "Globalization"
cordova-plugin-google-analytics 1.8.3 "Google Universal Analytics Plugin"
cordova-plugin-health 1.0.0 "Cordova Health"
cordova-plugin-image-picker 1.1.1 "ImagePicker"
cordova-plugin-inappbrowser 1.6.1 "InAppBrowser"
cordova-plugin-insomnia 4.3.0 "Insomnia (prevent screen sleep)"
cordova-plugin-intercom 3.2.2 "Intercom"
cordova-plugin-ionic 1.1.6 "IonicCordova"
cordova-plugin-ios-keychain 3.0.1 "KeyChain Plugin for Cordova iOS"
cordova-plugin-media 3.0.1 "Media"
cordova-plugin-mixpanel 3.1.0 "Mixpanel"
cordova-plugin-music-controls 2.0.0 "MusicControls"
cordova-plugin-nativeaudio 3.0.9 "Cordova Native Audio"
cordova-plugin-nativestorage 2.2.2 "NativeStorage"
cordova-plugin-network-information 1.3.3 "Network Information"
cordova-plugin-request-location-accuracy 2.2.1 "Request Location Accuracy"
cordova-plugin-safariviewcontroller 1.4.7 "SafariViewController"
cordova-plugin-screen-orientation 2.0.1 "Screen Orientation"
cordova-plugin-secure-storage 2.6.8 "SecureStorage"
cordova-plugin-shake 0.6.0 "Shake Gesture Detection"
cordova-plugin-sim 1.3.3 "SIM"
cordova-plugin-splashscreen 4.0.3 "Splashscreen"
cordova-plugin-statusbar 2.2.3 "StatusBar"
cordova-plugin-stripe 1.5.3 "cordova-plugin-stripe"
cordova-plugin-taptic-engine 2.1.0 "Taptic Engine"
cordova-plugin-themeablebrowser 0.2.17 "ThemeableBrowser"
cordova-plugin-touch-id 3.2.0 "Touch ID"
cordova-plugin-tts 0.2.3 "TTS"
cordova-plugin-vibration 2.1.5 "Vibration"
cordova-plugin-whitelist 1.3.2 "Whitelist"
cordova-plugin-x-socialsharing 5.1.8 "SocialSharing"
cordova-plugin-x-toast 2.6.0 "Toast"
cordova-plugin-zip 3.1.0 "cordova-plugin-zip"
cordova-promise-polyfill 0.0.2 "cordova-promise-polyfill"
cordova-sms-plugin 0.1.11 "Cordova SMS Plugin"
cordova-sqlite-storage 2.0.4 "Cordova sqlite storage plugin"
cordova-universal-clipboard 0.1.0 "Clipboard"
de.appplant.cordova.plugin.local-notification 0.8.5 "LocalNotification"
de.appplant.cordova.plugin.printer 0.7.1 "Printer"
ionic-plugin-keyboard 2.2.1 "Keyboard"
phonegap-nfc 0.6.6 "NFC"
phonegap-plugin-barcodescanner 6.0.7 "BarcodeScanner"
phonegap-plugin-mobile-accessibility 1.0.5-dev "Mobile Accessibility"
uk.co.workingedge.phonegap.plugin.launchnavigator 4.0.4 "Launch Navigator"

3.1.      Flash Builder

“文件”—>“新建”—>“ActionScript手机项目”或“Flex手机项目”。如果想使用Flex框架,就选择Flex手机项目;如果想使用纯ActionScript,就选择ActionScript手机项目。我们选择ActionScript手机项目。

近日,Intel与诺基亚联合加入了一个开源手机应用解决方案,oFono项目。这个项目基于GPLv2协议,它为手机应用程序提供了一个高级D-Bus API,并具有简单易用的界面,开发者可用它来开发丰富的手机应用程序,而不需要深入了解手机的基础技术构造。

17727.com 2

跳过处理令人沮丧的原生SDK安装问题,只需运行ionic serve,打开DevApp,连接到相同的网络,应用程序将自动加载并运行您的应用程序。

3.  开发工具及步骤

下面介绍使用Flash Builder和Flash Develop这2个开发工具Android应用,个人主要使用Flash Develop开发(写代码利器),高级调试时使用Flash Builder。

详解IOS应用程序测试过程是本文要介绍的内容,不多说,进入内容。做好一个应用程序之后,需要大量的测试,可能开发者手里没有全部版本的手机,这时候就需要周围朋友帮忙测试,下面介绍一下程序的安装方法。

使用

1)首先,确保你运行了最新版本的Ionic CLI npm install -g ionic
17727.com ,3)将您的设备和开发计算机连接到同一个WiFi网络。
2)手机安装Ionic DevApp。
4)在您的设备上打开DevApp。
5)ionic serve在您的电脑上运行,为您的应用程序提供服务 然后,您应该看到在DevApp上弹出的应用程序。
6)点击你的应用程序和繁荣,你现在有一个开发版本的应用程序运行在您的设备上,LiveReload和cordova插件的支持

注意:DevApp查找ionic serve在本地网络上运行的实例,并需要最新版本的Ionic CLI(至少版本3.13.2)。

将应用程序打包成apk文件并安装到设备

为了在Flash Builder中将应用程序打包成APK文件并安装到Android设置上,请按以下步骤操作。

n  右键项目文件夹,然后从弹出的快捷键菜单中选择“属性”。

n  选择“ActionScript构建打包”-->“Google Android”—>“数字签名”-->“证书”。如果已经有AIR代码签名证书,浏览选择即可;否则创建一个临时证书,填写相应选项即可。

17727.com 3

图4:选择数字签名-证书

17727.com 4

图5:创建数字证书

n  返回“运行配置”。在启动方法下选择“在设备上”,单击“运行”。这个时候会创建一个APK文件,可以在项目中看到它。APK文件会安装到设备上,随后设备启动应用程序。

点击应用即可。

实例演示:1.打开手机端DevApp

image.png

应用程序描述文件

application.xml是自动生成的应用程序描述文件,可以手动修改**xml文件**;也可以通过“项目”-->”AIR项目属性”进行设置。

17727.com 5

图7:修改Initial Window描述部分

17727.com 6

图8:修改Manifiest部分

17727.com 7

DevApp自带了许多原生插件,因此您不必担心安装插件。

2.2.      AIR SDK

一般Flex SDK中已经包含了AIR SDK,可以去Adobe或者Apache Flex网站下载。解压到你喜欢的路径即可,然后在相应的开发工具Flash Builder或Flash Develop中设置SDK即可。也可以单独下载AIR SDK,然后解压到Flex SDK目录里面。

如果你使用Flash Builder开发,SDK都已经随着Flash Builder按照好了,直接使用即可;如果你使用Flash Develop开发,可以参考走在网页游戏开发的路上(一)介绍的方法设置。

第二、开发者需要传递两个文件给测试者。

故障排除

如果您在列表中看不到您的应用程序,请尝试以下方法解决问题:

  • 首先,确保你和应用程序在同一个网络上。仔细检查你的WiFi连接设置。
  • 尝试强制退出DevApp并重新启动它
  • 尝试ionic serve在您的计算机上重新启动。
    如果这些东西仍然不能解决问题,请确保您没有任何自定义网络设置,可能导​​致应用程序无法发现服务实例。

2.  依赖环境

IOS 应用 程序测试 过程是本文要介绍的内容,不多说,进入内容。做好一个应用程序之后,需要大量的 测试 ,可能开发者手里没有全...

实例演示:2.手机端DevApp会自动搜索出在同一WIFI下的项目:

image.png

1.  AIR SDK之于Android

AIR SDK是一组打包和部署AIR应用程序的工具。它与工具捆绑,所以无需额外的安装。工具负责访问这些文件,不需要有你进行任何管理。AIR SDK有下面这些组件构成。

17727.com 8

图0:AIR SDK组件图

n  AIR Develop Tool(ADT)

AIR使用Java编写的多用途工具。它需要Java 1.5或更高的版本才能运行,用于为**Android设备打包AIR应用程序**。它根据指定的目标来创建不同的包:

l  apk用于发布

l  apk-emulator用于模拟器

l  apk-debug用于在本地或者在设备上调试

ADT创建自由签名的数字代码证书,用于签署应用程序,通过一个选项来延长有效期,以遵循Android规范。它能在Android设备上安装、卸载和启动应用程序。ADT工具的名称是adtadt.bat,位于bin文件夹。adt.jar是由adtadt.bat调用的可执行文件位于lib文件夹。

n  AIR Debug Launcher(ADL)

ADL用于在开发期间测试AIR应用程序,而无需对他进行打包。它使用SDK包含的运行时,并能打印跟踪语句和运行时错误。还可用于启动Flash Debugger(FDB)会话。ADL工具名为adladl.exe,位于bin文件夹中。

n  AIR runtime(AIR运行时)

在将应用程序安装到设备之前,AIR运行时用于在开发和调试过程中启动和测试应用程序。AIR运行时的名称是runtime.apk,位于runtimes文件夹。

n  Frameworks

Frameworks目录包含所有AIR核心库。

第四、把程序安装到手机。

DevApp是一款100%免费的iOS和Android手机应用程序,可以让您直接在手机上测试应用程序。DevApp提供了一个实时的更改视图,并提供丰富的预装本机插件库来测试应用程序的每个功能。

创建应用程序描述

在“手机设置“中:

n  目标平台(Target Platforms),选择Google Android;

n  权限(Permissions),选择Internet;

n  单击“下一步”,然后设置应用程序主文件(即文档类)、应用程序ID、输出文件夹等等;

n  单击“完成”。

17727.com 9

图2:应用程序描述-手机设置

17727.com 10

图3:构建路径设置

根据上面设置的应用程序描述,会自动生成一个XML文件,它在打包时与.swf文件捆绑,这个文件可以手动修改。应用程序描述包含屏幕方向,权限设置等等,我们例子中生成的描述文件为——HelloWorld-app.xml,你可以打开查看下里面有哪些设置。

然后开发者把手机添加到测试手机驱动内。

Ionic DevApp是一个免费的应用程序,可以让您直接在iOS或Android设备上运行您的Ionic应用程序。

测试和调试

Adobe远程调试会话支持USB(推荐)或Wi-Fi,这正是之前设置Internet权限的原因。使用Wi-Fi,要打开一定设置的Wi-Fi,并且在Windows中,要设置防火墙来打开7935端口。

17727.com 11

图6:调试选项

为了在Flash Builder进行测试盒调试,可以点击屏幕顶部的Debug按钮。点击按钮式,在控制台窗口会出现trace语句。除了输出窗口中显示的跟踪,还可以在调试过程中使用断点控制、单步调试和变量监视等功能。(其实跟普通的as项目调试一样简单)

手机连接到itunes上:

实例演示:3.点击即可调试项目:

image.png

4.  Hello World

按照【开发工具及步骤】中创建项目,在主文件如下,启动app显示一行文本“Hello World!”。

Main.as

       public class Main extends Sprite

       {

             

              public function Main():void

              {

                     stage.scaleMode = StageScaleMode.NO_SCALE;

                     stage.align = StageAlign.TOP_LEFT;

                     stage.addEventListener(Event.DEACTIVATE, deactivate);

                    

                     // touch or gesture?

                     Multitouch.inputMode = MultitouchInputMode.TOUCH_POINT;

                    

                     // entry point

                     //设置字体样式

                     var font:TextFormat = new TextFormat();

                     font.size = 28;

                     font.color = 0xFF8000;

                     //

                     var hello:TextField = new TextField();

                     hello.defaultTextFormat = font;

                     hello.text = "Hello World!";

                     hello.autoSize = TextFieldAutoSize.CENTER;

                     addChild(hello);

              }

                           

              private function deactivate(e:Event):void

              {

                     // auto-close

                     NativeApplication.nativeApplication.exit();

              }

      

       }

打包安装到手机上面效果如下图:

17727.com 12

图9:Hello World效果图(比较丑-_-。sorry!)

注意:如果使用的调试版本,可能会有下面这个提示,输入电脑的ip会连接上调试,不输入直接取消不影响功能。

17727.com 13

图10:调试连接提醒

到itunes中点击手机,选择应用程序,同步应用程序,选择项目。

5.  总结

开发工具中介绍了如何使用Flash Builder创建和调试Android应用程序,其实这些工具为了做了以下几件事(我们手动也可以做到)。

1)        创建应用程序描述文件,并且和应用程序捆绑一起打包。下面一个应用程序描述文件例子,字段名字都很好理解:

application.xml

<?xml version="1.0" encoding="utf-8" ?>

<application xmlns="http://ns.adobe.com/air/application/3.5">

      

       <id>air.HelloWorld</id>

       <versionNumber>0.1</versionNumber>

       <supportedProfiles>mobileDevice</supportedProfiles>

       <filename>HelloWorld</filename>

      

       <name>Hello World</name>

       <description></description>

       <copyright></copyright>

      

       <android>

              <manifestAdditions><![CDATA[

                    

                     <manifest android:installLocation="auto">

                       <uses-sdk android:minSdkVersion="8"/>

                            <uses-permission android:name="android.permission.INTERNET"/>

                            <uses-feature android:required="true" android:name="android.hardware.touchscreen.multitouch"/>

                     </manifest>

                    

              ]]></manifestAdditions>

       </android>

      

       <initialWindow>

              <title>Hello World</title>

              <content>HelloWorld.swf</content>

              <visible>true</visible>

              <fullScreen>true</fullScreen>

              <!--<autoOrients>false</autoOrients>-->

              <!--<aspectRatio>landscape</aspectRatio>-->

              <renderMode>direct</renderMode>

       </initialWindow>

      

       <icon>

              <image48x48>icons/icon_48.png</image48x48>

              <image57x57>icons/icon_57.png</image57x57>

              <image72x72>icons/icon_72.png</image72x72>

              <image114x114>icons/icon_114.png</image114x114>

              <image512x512>icons/icon_512.png</image512x512>

       </icon>

</application>

 

2)        创建代码签名证书。我们可以手动使用以下命令创建

创建代码签名证书

adt -certificate -validityPeriod 25 -cn [应用名称] 1024-RSA [代码签名文件] [签名密码]

 

3)        将AIR应用程序打包成APK文件。

打包成APK文件

adt -package –target apk -storetype pkcs12 -keystore [代码签名文件] -storepass [签名密码] [打包文件名xxx.apk] [应用程序描述文件application.xml] [swf]

 

4)        将APK文件安装到Android设备

安装APK文件

Android-SDK-path/tools/adb install xxx.apk

 

说明: 如果应用程序以安装到设备,就是用-r命令重新安装

Android-SDK-path/tools/adb install –r xxx.apk

 

 

待续:基于AIR Android应用开发2:ANDROID运行AIR程序原理

17727.com 14

测试、调试、打包、安装

n  配置

l  - edit 'batSetupSDK.bat' for paths to Flex SDK and Android SDK (default should be ok)

l  install your device's USB drivers

l  enable "USB debugging" on your Android device: Parameters > Applications > Development > USB Debugging

n  运行'batCreateCertificate.bat'创建签名认证;

n  F8构建项目;

n  Run/debug the application on the desktop as usual (F5 or Ctrl+Enter)

n  如果手机上没有安装AIR环境,可以运行'batInstallAirRuntime.bat'安装;

n  在手机上调试运行

l  edit 'Run.bat' and change the run target 'goto desktop' by 'goto android-debug'

l  build & run as usual (Ctrl+Enter or F5) to package, install & run the application on your device

n  正式发布项目

l  Release-build from FlashDevelop (F8)

l  run 'PackageApp.bat' and select Android/normal target

17727.com 15

3.2.      Flash Develop

“项目”—>“新建项目”-->“AIR手机AS3项目(AIR Mobile AS3 App)”或者“AIR 手机Flex项目(AIR Mobile Flex App)”。我使用的是FD4.2.4,创建项目之后,FD会自动为我们生成很多设置文件。

17727.com 16

图7:Flash Develop Android项目结构

首先,手机拥有者需要先把标识符UDID)传给开发者。

2.1.      JDK安装

需要Java 1.5或更高的版本才能运行。如果你还没有JDK的话,可以去这里下载,接下来的工作就是安装提示一步一步走。设置环境变量步骤如下:

n  我的电脑->属性->高级->环境变量->系统变量中添加以下环境变量;

n  JAVA_HOME值为: D:Program FilesJava jdk1.7.0_10(你安装**JDK的目录**)

n  CLASSPATH值为:.;%JAVA_HOME%libtools.jar;%JAVA_HOME%libdt.jar;%JAVA_HOME%bin;

n  Path: 在开始追加 %JAVA_HOME%bin;

安装完成之后,可以在检查JDK是否安装成功。打开cmd窗口,输入java –version 查看JDK的版本信息。出现类似下面的画面表示安装成功了:

17727.com 17

图1:验证JDK安装是否成功

小结:详解IOS应用程序测试过程的内容介绍完了,希望本文对你有所帮助!

——环境搭建

第四、查看手机上是否有新添加的项目。

在桌面上测试程序

将应用程序安装到设备之前,应该先在桌面上运行一下,以防其中包含语法错误等。

第三、测试者把mobileprovision添加到itunes中。

基于AIR Android应用开发

一个是项目的ipa文件,一个是mobileprovision文件,如下图:

本文由17727发布于web前端信息,转载请注明出处:环境搭建,非常好用的免费官方开发调试工具

关键词: