Creating a sample Hello World Adobe AIR application with HTML and Javascript
Posted on: March 12, 2008
- In: Adobe AIR
- 9 Comments
I thought I might try to study how to create air application with HTML and javascript,
so, I went to the Livedocs and, here’s how I learned it:
Firstly,
You have to download and/or install the following files (Assuming you have windows as your OS):
http://www.adobe.com/go/learn_air_download_AIRSDK_en
Note:
ADL requires Java JDK:
http://java.sun.com/javase/downloads/index.jsp
Adobe AIR:
http://get.adobe.com/air/
1. Create a folder named “HelloWorld”.
2. Create 2 files, named “HelloWorld-app.xml” , “HelloWorld.html” that should be in “HelloWorld” directory.
3. copy AIRAliases.js from ADL frameworks directory to HelloWorld directory.
4. edit HelloWorld-app.xml, and save it with this text:
<id>examples.html.HelloWorld</id>
<version>0.1</version>
<filename>HelloWorld</filename>
<initialWindow>
<content>HelloWorld.html</content>
<visible>true</visible>
<width>400</width>
<height>200</height>
</initialWindow>
</application>
5. edit HelloWorld.html and save it with this text:
<head>
<title>Hello World</title>
<script src=”AIRAliases.js” type=”text/javascript”></script>
<script type=”text/javascript”>
function appLoad(){
air.trace(“Hello World”);
}
</script>
</head>
<body onLoad=”appLoad()”>
<h1>Hello World</h1>
</body>
</html>
To test the application , go to command console , and type:
If there are no problems, your AIR application should show up like this:
6. use the ADT utility to package the application into an AIR installation file.
Air applications must be digitally signed, especially for commercial distribution for application security. See AIR security for more details and information.
Create the HelloWorld Air application file by typing this in the command console:
HelloWorld-app.xml HelloWorld.html AIRAliases.js
9 Responses to "Creating a sample Hello World Adobe AIR application with HTML and Javascript"
March 13, 2008 at 8:50 am
some related articles you would read:
1. http://extjs.com/blog/2007/06/29/building-a-desktop-application-with-ext-air-aptana-and-red-bull/
[...] geposte link naar tutorial is voor Adobe AIR beta en werkte dus maar half meer met de nieuwe AIR. Deze tutorial half toegepast, geeft eindelijke een deftig Hello World [...]
October 31, 2009 at 12:49 pm
In my case
When I copy 3 files mentioned above in the BIN directory, and using first command then it is giving error
application descriptor not found
Please tell me how to do it as I am new to AIR programming.
December 9, 2009 at 1:07 am
Hi Mayur,
I had the same issue but fixed it by making sure the path was correct
C:\MagellanGPS\Air\bin>adl
c:\magellangps\air\helloworld\HelloWorld-app.xml
My bin folder had the adl file and this worked fine.
Rajesh
March 13, 2008 at 2:30 am
Astig mo Joe… teach me please…