Skip to content

Creating Extensions

Info

Now you can just skip this tutorial and paste your code in Kodular IDE!

Tools you will need

Warning

This guide assumes you to be a Windows user.

Step 1: Setting up Java JDK

  • Install JDK

Warning

Be sure not to install it in a directory whose path contains spaces

  • Set the Environmental Variables:

    • Set JAVA_HOME to where you installed Java JDK.

    For example: C:\Program Files\Java\jdk1.8.0_131

    • Edit PATH and add those:

    %JAVA_HOME%/bin, %JAVA_HOME%/jre/bin, C:\ProgramData\Oracle\Java\javapath

  • Check Java installation:

    bash $ java -version java version "1.8.0_131" Java(TM) SE Runtime Environment (build 1.8.0_131-b11) Java HotSpot(TM) 64-Bit Server VM (build 25.131-b11, mixed mode)

Step 2: Setting up Apache Ant

  • Unzip the folder and move it to a place where it is safe. For example: C:\apache-ant-1.10.1

Warning

Be sure not to install it in a directory whose path contains spaces

  • Set the Environmental Variables:
    • Set ANT_HOME to where you have the Ant folder placed. For example: C:\Ant\apache-ant-1.10.1
    • Edit Path and add %ANT_HOME%\bin
    • Edit ClassPath and add %ANT_HOME%\bin
  • Check Ant installation:

    bash $ ant -version Apache Ant(TM) version 1.10.1 compiled on February 2 2017

Step 3: Setting up Git

  • Set it up as written in this tutorial
  • Check Git installation:

    bash $ git version git version 2.11.0.windows.3

Step 4: App Inventor Sources

  • Unzip the folder and move it to a place where it is safe

Warning

Be sure not to place it in a directory whose path contains spaces

Step 5: Building an Extension

  • Save the above code to appinventor-sources/appinventor/components/src/io/kodular/as SimpleMaths.java
  • Go back to the appinventor folder.
  • Open Command Prompt on that directory.
  • Type ant extensions and click on enter.

Wait for the extension to build...

Success

If it says: BUILD SUCCESSFUL, then you just created an extension. :-)

Danger

But if it says: BUILD FAILED, then you did something wrong and have to look over again. :-(

Step 6: Sharing Extensions

Your extension file (.aix file) should appear in the directory:

appinventor-sources/appinventor/components/build/extensions

Now, you can easily share the aix files with anyone and can import it into Kodular seemlessly.

  • For more information about extensions, read here

  • Keep making more and more and more extensions and help our community to build the best app.

  • Share your extensions with our community and become an "Extension Developer".

If you want more help, feel free to ask us on Kodular Community.