Device Browser ohne Premium-Abo nutzen

Der Device-Browser der sich bei einem Premium-Abo in den Editor (WiFi-IDE) integriert lässt sich auch ohne Premium-Account nutzen:

Download: PremiumDeviceBrowser.js

Undokumentierter Device-Browser auf Port 8889

Beim stöbern im Javascript-Quellcode (DroidScript Version 1.34) bin ich auf einen undokumentierten AJAX-Browser gestoßen:

Er läuft auf Port 8889 und erfordert kein Passwort, daher ist für jeden der sich im selben Netzwerk befindet der Inhalt des Smartphones/Tablets zugänglich. Ohne den Zusatz "/browse" erfolgt das übliche Directory-Listing (Option "ListDir" bei app.CreateWebServer), allerdings ohne eine "index.html" als Startseite (undokumentierte Option "NoWelcome") zu verwenden. Der Device-Browser befindet sich im DroidScript-Verzeichnis im Editor-Ordner, also bei den meisten Geräten unter  "/sdcard/DroidScript/.edit/browse" und wird mittels der undokumentierten WebServer-Methode "AddRedirect" von http://192.168.42.129:8889/browse nach "/DroidScript/.edit/browse/index.html" weitergeleitet. Der Browser bietet zusätzlich die Möglichkeit neue Verzeichnisse zu erstellen sowie Dateien/Ordner umzubenennen oder gar gleich zu löschen.

Kontext-Menü des Browsers

Forum-Thread: https://groups.google.com/d/msg/androidscript/cqU_-rurz3c/PpSmISb0BQAJ

Wie sich mittlerweile herausgestellt hat ist der Device-Browser Bestandteil des integrierten Editors (WiFi-IDE) und wird dort im Falle eines Premium-Abos angezeigt. Allerdings lässt sich der Browser auch ohne Premium-Account nutzen: PremiumDeviceBrowser

Funktion zum rekursiven Auflisten von Ordnern

Leider liefert app.ListFolder nur die Dateien und Ordner des gewählten Verzeichnisses, für eine Auflistung der enthaltenen Unterordner muss man sich mit einer eigenen Funktion behelfen:

Quelle: http://wiki.droidscript.me.uk/doku.php?id=sample_code:list_folders_and_subfolders

function RecursiveFolderList(path,kids){
    kids=(typeof kids==='undefined')?[]:kids;  
    if (app.IsFolder(path))
    {
        kids.push(path);
        app.ListFolder(path).forEach(function(s){
          var fil = path + "/" + s;
          if (app.IsFolder(fil)) kids = RecursiveFolderList(fil, kids);        
        });
    }
    return kids;
};

Anleitung: DroidScript-Editor über USB-Tethering nutzen

Der integrierte WiFi-Editor zum Bearbeiten und Erstellen von DroidScript-Apps ist eine praktische Sache, Javascript-Code lässt sich nach wie vor mit einer realen Tastatur leichter eintippen als über eine Glasscheibe mit beschränktem Tastenfeld. Leider ist nicht immer ein WLAN-Netzwerk vorhanden und auch bestimmte Sicherheitsmängel vermiesen einem den Spaß am Programmieren einer eigenen App. Zum Glück lässt sich DroidScript mittlerweile aber auch über Tethering nutzen, in dieser Anleitung veranschauliche ich die Einrichtung von USB-Tethering und zeige wie Sie sich mit dem Online-Editor verbinden können. Zuerst muss in den DroidScript-Settings die Option "Use ADB" angewählt werden. Zur Sicherheit legen Sie dort auch gleich noch ein neues Passwort fest, Sie werden bei Verbindung mit dem Editor später danach gefragt:

Anschließend muss in den Android-Einstellungen das Tethering über USB aktiviert werden:

Öffnen Sie dazu in den Verbindungseinstellungen die "weiteren Einstellungen", das "Tethering und mobiler Hotspot"-Menü und aktivieren dort USB-Tethering.

Leider wird nicht die IP-Adresse des Handys angezeigt, dies ist für den Editor allerdings nötig. 

Zum Glück ist diese (zumindest bei den vier Smartphones an denen ich es testen konnte) immer die selbe: 192.168.42.129

Wer nun den Editor in DroidScript aktiviert (Zweiter Button auf der Menüleiste: "Pfeil nach oben") sollte folgendes Fenster sehen:

Leider zeigt DroidScript bei ADB-Verbindung statt der öffentlichen Adresse die lokale IP 127.0.0.1 (localhost) an, aber zumindest der Port auf dem der Webeditor läuft ist ersichtlich. Mit diesem Wissen kann man den Browser öffnen und folgende Url laden: http://192.168.42.129:8088/

Benutzer von Google Chrome/Chromium haben zusätzlich die Möglichkeit die Editor-App zu installieren. Somit ist die Entwicklungsumgebung in einem eigenen Fenster zu sehen und vom Browser und dessen Tabs getrennt. Starten Sie einfach den Editor über seine Verknüpfung beziehungsweise über die Adresse chrome://apps/, geben die oben genannte IP und abschließend Ihr in den Einstellung von DroidScript festgelegtes Passwort ein und Sie können mit dem Editieren in der komfortablen Entwicklungsumgebung beginnen...

Bei weiteren Fragen stehe ich gerne zur Verfügung, alternativ kann Sie auch (in englisch) im offiziellen Forum gestellte werden.

Viel Spaß bei Programmieren!

jsontest.com XMLHttpRequest Beispiel

Um Daten von einem Remote-Server zu laden kann, wie in Javascript üblich, das XMLHttpRequest-Objekt für asynchrone Requests (Ajax) verwendet werden. Folgendes DroidScript-Skript kann als Basis für eigene Entwicklungen genutzt werden:

download DEVjsonTestXHR.js

Sensoren auflisten - SensorList.js

DroidScript erlaubt den Zugriff auf die verschiedenen Sensoren die im Smartphone eingebaut sind, allerdings hat nicht jedes Telefon auch die gleichen Sensoren.

Um aufzulisten welche Sensoren im Handy stecken kann man folgendes Script verwenden:

download SensorList.js

CreateWebServer - HTTP-Server Beispiele

Mit DroidScript läßt sich mit ein paar Zeilen Code eine eigene Webserver-App erstellen:

var srv=app.CreateWebServer(port,opts);

Das Basis-Verzeichnis wird mit der 'SetFolder'-Funktion festgelegt:

var path = "/sdcard/DroidScript";
srv.SetFolder(path);

Abschließend muss der Server noch gestartet werden:

srv.Start();

Folgende Optionen stehen zur Auswahl:

• ListDir (Verzeichnis auflisten)
• NoWelcome (index.html ignorieren)
• Upload
• Reflect (für WebSockets)

Die Optionen werden, wie in DroidScript üblich, als Komma-separierte Zeichenfolge angegeben.

Eigene Servlets um Parameter zu verarbeiten lassen sich folgendermaßen erstellen:

//Servlet hinzufügen
srv.AddServlet( path, fn);

//Servlet-Funktion
function OnServlet(request,info){
    srv.SetResponse("IP "+ info.remoteAddress);
}

Ich habe folgende App geschrieben um den WebServer und seine Funktionen zu testen:

download

DroidScript App Menü Objekt Beispiel

Hier ein Beispiel zu einem Menüobjekt:

// Menüobjekt definieren
var mnu = {
   About: function(){
        app.Alert('Menu Demo','About');
    },
   Quit: function(){
        app.Exit();
    }
};

// Menü setzen
App.SetMenu(Object.keys(mnu));

// Menü Handler Funktion
function OnMenu(s){
  if(typeof mnu[s]==='function')
    mnu[s]();
}

DroidScript im Google PlayStore bewerten

Momentan (24.Juli'16) ist DroidScript von 4263 Personen auf 4,2 von 5 Sternen gevotet wordern. Wer selber bewerten möchte kann dies im Google PlayStore tun, und natürlich auch die neueste Version aus sein Smartphone downloaden...

DroidScript Plugins deinstallieren/löschen

Leider gibt es in DroidScript keine direkte Möglichkeit ein installiertes Plugin zu entfernen, da dies aber (gerade beim Entwickeln eigener Plugins) dennoch nötig ist muss man sich mit einer kleinen DroidScript-App selbst helfen:

Quelle: DroidScript WIKI > plugins:own_javascript_plugin

Dort wird übrigens auch beschrieben wie man sich seine eigenen Plugins in purem Javascript schreiben kann...

Font-Awesome Liste

In die meisten UI-Elemente lassen sich die Icons von Font-Awesome einbinden, als Option muss dazu "fontawesome" angegeben werden und das gewählte Icon in eckigen Klammern an der gewünschten Position.

Hier ein paar Beispiele:

// Schliessen-Schalter
var btn=app.CreateButton("[fa-close]",-1,-1,'fontawesome');

// Datei-Liste
var lst=app.CreateList("[fa-file] dateiname,[fa-file-text] readme.txt"
    + ",[fa-file-image] icon.png,[fa-file-audio] sound.mp3",-1,-1,'FontAwesome');

// Text-Label
var txt = app.CreateText("unsere [fa-facebook]-Seite auf..",-1,-1,"fontawesome");


Aktuell werden 674 Font-Awesome Symbole unterstütz, um Platz zu sparen habe ich in der folgenden alphabetisch sortierten Liste das vorangestellte "fa-" entfernt. Dies muss selbstverständlich wieder hinzugefügt werden (Beispiel: "copy" => "[fa-copy]"):

500px, adjust, adn, align-center, align-justify, align-left, align-right, amazon, ambulance, anchor, android, angellist, angle-double-down, angle-double-left, angle-double-right, angle-double-up, angle-down, angle-left, angle-right, angle-up, apple, archive, area-chart, arrow-circle-down, arrow-circle-left, arrow-circle-o-down, arrow-circle-o-left, arrow-circle-o-right, arrow-circle-o-up, arrow-circle-right, arrow-circle-up, arrow-down, arrow-left, arrow-right, arrow-up, arrows, arrows-alt, arrows-h, arrows-v, asterisk, at, automobile, backward, balance-scale, ban, bank, bar-chart, bar-chart-o, barcode, bars, battery-0, battery-1, battery-2, battery-3, battery-4, battery-empty, battery-full, battery-half, battery-quarter, battery-three-quarters, bed, beer, behance, behance-square, bell, bell-o, bell-slash, bell-slash-o, bicycle, binoculars, birthday-cake, bitbucket, bitbucket-square, bitcoin, black-tie, bold, bolt, bomb, book, bookmark, bookmark-o, briefcase, btc, bug, building, building-o, bullhorn, bullseye, bus, buysellads, cab, calculator, calendar, calendar-check-o, calendar-minus-o, calendar-o, calendar-plus-o, calendar-times-o, camera, camera-retro, car, caret-down, caret-left, caret-right, caret-square-o-down, caret-square-o-left, caret-square-o-right, caret-square-o-up, caret-up, cart-arrow-down, cart-plus, cc, cc-amex, cc-diners-club, cc-discover, cc-jcb, cc-mastercard, cc-paypal, cc-stripe, cc-visa, certificate, chain, chain-broken, check, check-circle, check-circle-o, check-square, check-square-o, chevron-circle-down, chevron-circle-left, chevron-circle-right, chevron-circle-up, chevron-down, chevron-left, chevron-right, chevron-up, child, chrome, circle, circle-o, circle-o-notch, circle-thin, clipboard, clock-o, clone, close, cloud, cloud-download, cloud-upload, cny, code, code-fork, codepen, coffee, cog, cogs, columns, comment, comment-o, commenting, commenting-o, comments, comments-o, compass, compress, connectdevelop, contao, copy, copyright, creative-commons, credit-card, crop, crosshairs, css3, cube, cubes, cut, cutlery, dashboard, dashcube, database, dedent, delicious, desktop, deviantart, diamond, digg, dollar, dot-circle-o, download, dribbble, dropbox, drupal, edit, eject, ellipsis-h, ellipsis-v, empire, envelope, envelope-o, envelope-square, eraser, eur, euro, exchange, exclamation, exclamation-circle, exclamation-triangle, expand, expeditedssl, external-link, external-link-square, eye, eye-slash, eyedropper, facebook, facebook-f, facebook-official, facebook-square, fast-backward, fast-forward, fax, feed, female, fighter-jet, file, file-archive-o, file-audio-o, file-code-o, file-excel-o, file-image-o, file-movie-o, file-o, file-pdf-o, file-photo-o, file-picture-o, file-powerpoint-o, file-sound-o, file-text, file-text-o, file-video-o, file-word-o, file-zip-o, files-o, film, filter, fire, fire-extinguisher, firefox, flag, flag-checkered, flag-o, flash, flask, flickr, floppy-o, folder, folder-o, folder-open, folder-open-o, font, fonticons, forumbee, forward, foursquare, frown-o, futbol-o, gamepad, gavel, gbp, ge, gear, gears, genderless, get-pocket, gg, gg-circle, gift, git, git-square, github, github-alt, github-square, gittip, glass, globe, google, google-plus, google-plus-square, google-wallet, graduation-cap, gratipay, group, h-square, hacker-news, hand-grab-o, hand-lizard-o, hand-o-down, hand-o-left, hand-o-right, hand-o-up, hand-paper-o, hand-peace-o, hand-pointer-o, hand-rock-o, hand-scissors-o, hand-spock-o, hand-stop-o, hdd-o, header, headphones, heart, heart-o, heartbeat, history, home, hospital-o, hotel, hourglass, hourglass-1, hourglass-2, hourglass-3, hourglass-end, hourglass-half, hourglass-o, hourglass-start, houzz, html5, i-cursor, ils, image, inbox, indent, industry, info, info-circle, inr, instagram, institution, internet-explorer, intersex, ioxhost, italic, joomla, jpy, jsfiddle, key, keyboard-o, krw, language, laptop, lastfm, lastfm-square, leaf, leanpub, legal, lemon-o, level-down, level-up, life-bouy, life-buoy, life-ring, life-saver, lightbulb-o, line-chart, link, linkedin, linkedin-square, linux, list, list-alt, list-ol, list-ul, location-arrow, lock, long-arrow-down, long-arrow-left, long-arrow-right, long-arrow-up, magic, magnet, mail-forward, mail-reply, mail-reply-all, male, map, map-marker, map-o, map-pin, map-signs, mars, mars-double, mars-stroke, mars-stroke-h, mars-stroke-v, maxcdn, meanpath, medium, medkit, meh-o, mercury, microphone, microphone-slash, minus, minus-circle, minus-square, minus-square-o, mobile, mobile-phone, money, moon-o, mortar-board, motorcycle, mouse-pointer, music, navicon, neuter, newspaper-o, object-group, object-ungroup, odnoklassniki, odnoklassniki-square, opencart, openid, opera, optin-monster, outdent, pagelines, paint-brush, paper-plane, paper-plane-o, paperclip, paragraph, paste, pause, paw, paypal, pencil, pencil-square, pencil-square-o, phone, phone-square, photo, picture-o, pie-chart, pied-piper, pied-piper-alt, pinterest, pinterest-p, pinterest-square, plane, play, play-circle, play-circle-o, plug, plus, plus-circle, plus-square, plus-square-o, power-off, print, puzzle-piece, qq, qrcode, question, question-circle, quote-left, quote-right, ra, random, rebel, recycle, reddit, reddit-square, refresh, registered, remove, renren, reorder, repeat, reply, reply-all, retweet, rmb, road, rocket, rotate-left, rotate-right, rouble, rss, rss-square, rub, ruble, rupee, safari, save, scissors, search, search-minus, search-plus, sellsy, send, send-o, server, share, share-alt, share-alt-square, share-square, share-square-o, shekel, sheqel, shield, ship, shirtsinbulk, shopping-cart, sign-in, sign-out, signal, simplybuilt, sitemap, skyatlas, skype, slack, sliders, slideshare, smile-o, soccer-ball-o, sort, sort-alpha-asc, sort-alpha-desc, sort-amount-asc, sort-amount-desc, sort-asc, sort-desc, sort-down, sort-numeric-asc, sort-numeric-desc, sort-up, soundcloud, space-shuttle, spinner, spoon, spotify, square, square-o, stack-exchange, stack-overflow, star, star-half, star-half-empty, star-half-full, star-half-o, star-o, steam, steam-square, step-backward, step-forward, stethoscope, sticky-note, sticky-note-o, stop, street-view, strikethrough, stumbleupon, stumbleupon-circle, subscript, subway, suitcase, sun-o, superscript, support, table, tablet, tachometer, tag, tags, tasks, taxi, television, tencent-weibo, terminal, text-height, text-width, th, th-large, th-list, thumb-tack, thumbs-down, thumbs-o-down, thumbs-o-up, thumbs-up, ticket, times, times-circle, times-circle-o, tint, toggle-down, toggle-left, toggle-off, toggle-on, toggle-right, toggle-up, trademark, train, transgender, transgender-alt, trash, trash-o, tree, trello, tripadvisor, trophy, truck, try, tty, tumblr, tumblr-square, turkish-lira, tv, twitch, twitter, twitter-square, umbrella, underline, undo, university, unlink, unlock, unlock-alt, unsorted, upload, usd, user, user-md, user-plus, user-secret, user-times, users, venus, venus-double, venus-mars, viacoin, video-camera, vimeo, vimeo-square, vine, vk, volume-down, volume-off, volume-up, warning, wechat, weibo, weixin, whatsapp, wheelchair, wifi, wikipedia-w, windows, won, wordpress, wrench, xing, xing-square, y-combinator, y-combinator-square, yahoo, yc, yc-square, yelp, yen, youtube, youtube-play, youtube-square

Beispiel-Code für FontAwesome Picker:
wiki.droidscript.me.uk/doku.php?id=sample_code:fontawesomepicker

"Alex F"s FontAwesome Viewer:
groups.google.com/forum/androidscript

DroidScript New Default Javascript

DroidScript Premium Account

Seit neuestem wird die Premium-Mitgliedschaft in DroidScript angeboten. Dieses Abonnement kostet zur Zeit 6,95€ im Monat und wird über den Google-PlayStore abgerechnet. Zu den Vorteilen des Premium-Accounts zählen: freie Nutzung aller (ansonsten kostenpflichtigen) Plugins priorisierter Support und Hilfe im Premium-Forum Zugriff auf erweiterte Funktionen (Themes, WiFi-Browser, etc..) zusätzliche Beispiel-Anwendungen Das Abo läuft monatlich und kann jederzeit gekündigt werden. Für den Zugriff auf das Premium-Support-Forum muss eine Email-Addresse angegeben werden, allein diese erhält Zugriff auf die Inhalte des Forums.

DroidScript Plugins

Der Entwickler von DroidScript bietet nützliche Erweiterungen in Form von Plugins an. Diese müssen leider über den Google-PlayStore-Account erworben werden, alternativ lassen sie sich bei Abschließen eines Premium-Abos (z.Zt. 6,95€/Monat) runterladen und für die Zeit des Abonnements kostenlos nutzen.

Folgende kostenpflichtige Plugins werden momentan angeboten:

• ApkBuilder 14,99€ (Apps kompilieren)
• BarcodeReader 5,49€ (Code-Scanner für QR,Barcode,etc)
• ImageGrid 5,99€ (UI-Element zur Bildanzeige)
• UIExtras 7,49€ (erweiterte UI-Elemente)
• IOIOController 5,99€ (USB-Controller)
• SonySmartWatch2 5,99€ (App-Entwicklung)
• OcrScanner 5,99€ (Texterkennung)
• SpheroBall 4,95€ (Controller)
• Moga 4,94€ (Gamepad-Controller)

Stand der Preise 18. Juli 2016
Die Preise haben sich im Laufe der Zeit geändert: Für den ApkBuilder habe ich bei Veröffentlichung ungefähr 4,99€ bezahlt. Die letzte Preisänderung (konkret: Erhöhung) fand zeitgleich mit der Einführung des Premium-Abonnements statt, ob das wohl Zufall war...? ;)

Weiterhin kostenlos erhältlich sind diese Plugins:

• MicroBit (Bluetooth-LE Verbindung)
• NXT-Docs (Verbingung zu Lego-NXT-Brick)
• FtpClient (Verbindung mit Ftp-Servern)
• GoProController (Action-Cam Controller)

Außerdem besteht die Möglichkeit eigene Plugins zu entwickeln, wahlweise als reines JavaScript-Plugin oder mit Java-Quellcode. Doch dazu später mehr...


Einige Plugins werden im DroidScript-Forum beschrieben, generell werden die Plugins aber mit einer Beschreibung und Beispielen ausgeliefert die sich in die bestehende DroidScript-Dokumentation integriert.

Chrome DroidScript Editor App

Benutzer des Browsers Chrome von Google (bzw. der Open-Source Variante Chromium) können sich zum einfachen Erstellen und Bearbeiten Ihrer DroidScript-Apps eine Editor-App aus dem Chrome-WebStore installieren:

DroidScript Javascript Editor installieren...

droidscript-javascript-ed (fgnpiobcofdgpanjebklpihjmnhfdhic)

Als Berechtigung wird lediglich "Datenaustausch mit Netzwerkgeräten" eingefordert, also nur die für den Betrieb der Editor-Anwedung nötige:

Diese Chrome-App bietet den gleichen Umfang wie der in DroidScript integrierte Editor und kann im gleichen WLAN-Netzwerk oder aber auch per Hotspot/Tethering (USB, Bluetooth) genutzt werden.

DroidScript Foren @ Google Groups

Da die Dokumentation zum Teil veraltet und unvollständig ist kommen manchmal Fragen auf die der Entwickler und sein kompetentes Team im Forum recht zügig beantworten.

Sie finden das öffentliche Forum in den Google Groups unter folgender Adresse:
https://groups.google.com/forum/#!forum/androidscript

Für Abonnenten des Premium-Accounts wurde ein zusätzliches Forum angelegt, zu erreichen unter
https://groups.google.com/forum/#!forum/droidscriptpremium
mit der Email-Adresse die bei Registrierung des Abos angegeben wurde.

DroidScript

DroidScript - mit Javascript zur eigenen Android-App...

Endlich lassen sich mit Javascript schnell und einfach eigene Apps entwickeln, DroidScript machts möglich! Inzwischen in Version 1.34 kann DroidScript für alle möglichen Anwendungsfälle verwendet werden, dank dem ApkBuilder-Plugin sogar als APK-Datei fertig kompiliert und bereit für die Veröffentlichung im PlayStore.

DroidScript im Google PlayStore

Weitere Informationen zu DroidScript finden Sie auf der offiziellen DroidScript Webseite, nützliche Anleitungen und Beispiel-Skripts auf der inoffizielen Community-Dokumentation DroidScript-Wiki.

Viel Spass beim Probieren und Programmieren wünscht euch

droidScriptKiddy