Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you have been placed in read-only mode.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

Javascript Snippet: Amazon ASIN aus Amazon Link erhalten

Tipps, Tricks & Tutorials

157

Anmelden zum Antworten

cooper

Falls jemand eine Javascript-Funktion braucht, um die Amazon ASIN aus einem Link zu extrahieren… use:

function getProductAsin(url){
  var regex = RegExp("https://www.amazon.de/(.*?)?(dp|gp/product)/(\\w+/)?(\\w{10})");
  var m = url.match(regex);
  if (m) { 
    return m[4];
  }
}

Funktioniert mit beiden Link-Formaten von Amazon
https://www.amazon.de/xxx-x-xxx-xx/dp/ASIN/
https://www.amazon.de/gp/product/ASIN/

var asin = getProductAsin("https://www.amazon.de/Ryzen7-Garantie-16-Thread-Prozessor-Geforce/dp/B087JWMGT7/");

console.log(asin);

Output:

$: B087JWMGT7

Ähnliche Themen

Der eigene Discord Bot mit discord.js
bot discord discord.js javascript programmieren
Tipps, Tricks & Tutorials • • cooper

1

0
Stimmen

1
Beiträge

2525
Aufrufe

Wenn es darum geht, den eigenen Discord Bot zu programmieren, sind zwei Programmiersprachen besonders im Trend: Python und Javascript in der Laufzeitumgebung Node.js. Und genau um letzteres geht es heute. In diesem Tutorial möchte ich zusammen mit euch den ersten eigenen Discord-Bot mithilfe von discord.js programmieren.

In der Anleitung werden wir ein Template verwenden, welches mir freundlicherweise von @AllerEchteNlmyr zur Verfügung gestellt wurde.
Vorbereitungen
Bevor der eigene Bot mit Javascript programmiert werden kann, muss Node.js auf deinem System installiert sein. Du kannst es prüfen, in dem du die Kommandozeile deines Computers aufrufst und folgenden Befehl in der Konsole absetzt:
node -v
Ich habe Node.js installiert und bekomme folgende Rückmeldung:
C:\Users\cooper>node -v v14.15.1
Falls du Node noch nicht installiert hast, solltest du das jetzt unbedingt tun. Eine Anleitung zur Installation unter Linux findest du hier: Installation und Update von Node.js und NPM unter Linux. Für die Installation unter Windows oder MacOS kannst du den Installer von Node.js verwenden: nodejs.org - Node.js Installer herunterladen
Das Bot-Verzeichnis
In Node.js gibt es viele Module, die man herunterladen und verwenden kann. Auch für unseren eigenen Bot werden wir ein solches Modul verwenden und erstellen. Dank eines Befehls via NPM geht das ziemlich einfach.

Erstellt zunächst einen Ordner in dem ihr den Bot speichern und programmieren möchtet.
Mein Ordner trägt den Namen makesmart-discord-bot.

In diesem Ordner müsst ihr die Konsole öffnen. Navigiert dazu entweder manuell - via Konsole - in den Ordner, oder öffnet die Konsole direkt aus dem geöffneten Ordner heraus:

Datei -> Windows PowerShell öffnen -> Windows PowerShell öffnen

makesmart_windows_powershell
PS D:\Users\cooper\Desktop\makesmart-discord-bot>
Um den eigenen Discord Bot zu initialisieren setzen wir folgenden Befehl in der Konsole ab: npm init.

Nach dem Absenden des Befehls werden euch einige Fragen zu eurem Paket gestellt. Unter anderem wird nach dem Namen und der Version gefragt. Da das unser eigenes Paket ist, können wir die Parameter alle selber bestimmen.
package name: (makesmart-discord-bot) makesmart-discord-bot version: (1.0.0) 1.0.0 description: Little discord bot from cooper@makesmart entry point: (index.js) index.js test command: git repository: keywords: author: license: (ISC) About to write to D:\Users\cooper\Desktop\makesmart-discord-bot\package.json: { "name": "makesmart-discord-bot", "version": "1.0.0", "description": "Little discord bot from cooper@makesmart", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC" } Is this OK? (yes)
Mit der Eingabe von yes wird unser Paket initialisiert und die Datei package.json erstellt, mit Inhalt gefüllt und abschließend gespeichert.

Der Ordner makesmart-discord-bot ist nun nicht mehr leer sondern enthält Informationen zu unserem Paket in der package.json.
makesmart-discord-bot └───package.json Die Installation von discord.js
Um das discord.js Modul zu installieren, verwenden wir ebenfalls den Paketmanager NPM. Auch dieser Befehl wird wieder direkt innerhalb des Ordners makesmart-discord-bot ausgeführt.

Der Befehl zum installieren des Moduls lautet: npm install discord.js.
PS D:\Users\cooper\Desktop\makesmart-discord-bot> npm install discord.js npm notice created a lockfile as package-lock.json. You should commit this file. npm WARN makesmart-discord-bot@1.0.0 No repository field. + discord.js@12.5.1 added 15 packages from 17 contributors and audited 15 packages in 3.292s found 0 vulnerabilities
In unserem Ordner wurde das Paket discord.js installiert. Das Paket sowie alle Abhängigkeiten befinden sich im Order node_modules.
makesmart-discord-bot └─── node-modules └─── package.json └─── package-lock.json
Wir haben unserer Ordnerstruktur soweit fertig und können uns dem Template widmen.
Das Template
Wie bereits erwähnt verwende ich in diesem Tutorial ein Template von @AllerEchteNlmyr. Das Template könnt ihr euch direkt hier herunterladen:

makesmart-discord-template.zip

Entpackt das Archiv und speichert alle Dateien in dem Order eures Bots. Das Verzeichnis sollte dann wie folgt aussehen:
makesmart-discord-bot ├───commands ├───node-modules └───utils └─── package.json └─── package-lock.json └─── index.js Discord Bot anlegen
Um einen Discord Bot zu programmieren, muss er zuerst über die Developer-Konsole von Discord angelegt werden. Das geht über diesen Link: https://discord.com/developers/applications

makesmart_discord_bot_new_application

Vergebt eurer App einen passenden Namen und erstellt sie. Anschließend kann links über das Menü der Bot innerhalb der Applikation erstellt werden.

makesmart_add_discord_bot.png

Um die Präsenz eines Users triggern zu können, muss ein Haken bei den folgenden Einstellungen aktiviert sein:
PRESENCE INTENT If your bot tracks presence data, you may need the presence intent to receive presence event data. [YES] SERVER MEMBERS INTENT If your bot tracks server members or downloads the entire member list, you may need the server members intent to receive member events and the member list. [YES]
Abschließend kann der Token des Bots kopiert und gespeichert werden.

makesmart_discord_bot_show_token.png

Zu guter letzt muss der Bot noch zum Server hinzugefügt werden. Geht dazu innerhalb der erstellen Applikation links im Menü auf OAuth2 und setzt einen Haken bei bot. Im Textfeld taucht ein Link aus, mit dem ihr den Bot auf euren Server einladen könnt.

Nachdem der Bot erstellt wurde, können für den Bot weitere Berechtigungen festgelegt werden.
Zum üben und probieren könnt ihr eurem eigenen Bot einfach die Berechtigung Administrator geben.
Der erste Start
Bevor der Bot das erste mal gestartet werden kann, muss der gerade eben kopierte Token in der config.json im Ordner utlis eingefügt werden.
{ "token": "NzgyNTcTNjc5MjY3ODk2MYQ1.X7OT2A.Ex4XlxDzN3kRZNAzRHP9BDht8II", "prefix": "ms." }
Der Value von prefix bestimmt, wie die commands des Bots aufgerufen werden. In diesem Fall würden die commands wie folgt aussehen:
ms.start ms.show ms.ban ms.poll
Nachdem der Token eingetragen und die Datei gespeichert wurde, kann der Bot das erste Mal gestartet werden. Das passiert wieder über die Konsole innerhalb des Bot-Ordners:
PS D:\Users\cooper\Desktop\makesmart-discord-bot> node index.js
Der Bot wurde erfolgreich eingeloggt und lauscht nun nach Befehlen im Chat:
PS D:\Users\cooper\Desktop\makesmart-discord-bot> node index.js Logged in as cooper-bot-tutorial#6189!
Egal was wir schreiben, es wird nichts passieren. Denn es wurde noch keine Aktion für einzelne Commands festgelegt. Lediglich der Prefix wurde definiert.
Der erste eigene Befehl
Öffnet den Ordner commands und darin die Datei command.js.
const Discord = require("discord.js"); const fs = require("fs"); const config = JSON.parse(fs.readFileSync("./utils/config.json", "utf8")); module.exports = { name: "command", description: "This is a command!", execute(message, args){ } }
Als leichtes Beispiel, werden wir innerhalb der Konsole ausgeben lassen, wenn wir eine Nachricht mit dem command command erhalten.

Das geht mithilfe von console.log("Nachricht mit command 'command' erhalten.");
const Discord = require("discord.js"); const fs = require("fs"); const config = JSON.parse(fs.readFileSync("./utils/config.json", "utf8")); module.exports = { name: "command", description: "This is a command!", execute(message, args){ console.log("Nachricht mit command 'command' erhalten."); } }
Damit der Bot den command auch erfasst, muss dieser in der Datei index.js festgelegt werden.
client.on("message", message => { if(!message.content.startsWith(config.prefix) || message.author.bot) return; const args = message.content.slice(config.prefix.length).split(/ +/); const command = args.shift().toLowerCase(); if(command === "help"){ client.commands.get("help").execute(message, args); } });
Ersetzt den Befehl help durch den in der commands/command.js definierten command.
if(command === "command"){ client.commands.get("command").execute(message, args); }
Vergesst nicht, das Programm in der Konsole mithilfe von Strg + C zu beenden, um es dann wieder mit node index.js zu starten, da die Änderungen sonst nicht wirksam werden.

Sobald wir innerhalb von Discord jetzt ms.command senden, erhalten wir die Ausgabe in der Konsole:
PS D:\Users\cooper\Desktop\makesmart-discord-bot> node index.js Logged in as cooper-bot-tutorial#6189! Nachricht mit command 'command' erhalten. Zusammenfassung Prefix
Der Prefix, mit dem die Funktionen des Bots aufgerufen werden, muss immer vorangestellt werden.

Egal ob ms.command, !command oder ?command, der Prefix wird in der Datei utils/config.json festgelegt.
{ "token": "NzgyNTcTNjc5MjY3ODk2MYQ1.X7OT2A.Ex4XlxDzN3kRZNAzRHP9BDht8II", "prefix": "ms." } Commands
Es ist ratsam, für jeden command eine eigene Datei anzulegen. Die Dateien für die commands werden automatisch von der index.js eingebunden. Die Dateien für die einzelnen commands befinden sich unter commands/*.

Der Name der Datei hat nichts mit dem command an sich zu tun. Die Paramater werden in der Datei nochmal einzeln definiert. Wobei der Wert von name der eigentliche command ist.
module.exports = { name: "meinCommand", description: "This is a command!", execute(message, args){ } } Command ausführen
Commands werden in der index.js ausgeführt. Wenn der Bot eine Nachricht erhält der mit einem command beginnt, wird die execute()-Funktion des jeweiligen commands aufgerufen.
if(command === "meinCommand"){ client.commands.get("meinCommand").execute(message, args); } const Discord = require("discord.js"); const fs = require("fs"); const config = JSON.parse(fs.readFileSync("./utils/config.json", "utf8")); module.exports = { name: "meinCommand", description: "This is a command!", execute(message, args){ console.log("Nachricht mit command 'meinCommand' erhalten."); } }
Weiteres wird folgen…

Wollt ihr wissen, wie ihr einen Discord-Bot mit Slash-Commands programmiert? Dann schaut euch gerne das Tutorial von @merlin an.
Tutorial: Der eigene Discord Bot mit Slash Commands
Javascript RegEx - großgeschriebene Wörter filtern mit common words list
filter javascript regex
Tipps, Tricks & Tutorials • • cooper

1

2
Stimmen

1
Beiträge

192
Aufrufe

Für ein aktuelles Projekt brauchte ich eine RegExp, um großgeschriebene Wörter aus einem Titel zu filtern. Dabei sollten aber auch sog. common words, also Wörter die oft benutzt werden und keine Bedeutung haben, berücksichtigt und gelöscht werden.

Konkret sieht das so aus:
Input-String:
Der DHT22 am D1 Mini - Temperatur und Luftfeuchtigkeit messen - Tutorial
Output-String:
dht22-d1-mini-temperatur-luftfeuchtigkeit

Ich dachte mir ich teile kurz und knackig meine kleine Funktion, da ich das in Zukunft wahrscheinlich des Öfteren nochmal brauchen werde. Außerdem gibt es unter euch vielleicht auch den ein oder anderen, der es mal gebrauchen könnte. 🙂

Die Funktion sieht wie folgt aus:
function generateDiscordTitle(title){ var regexRule = /\b[A-Z][A-Za-z0-9]*\b/g; var inputString = title; var commonWords = ["der", "die", "das", "tutorial"]; var generatedTags = inputString.match(regexRule, inputString); var topicTitle = []; generatedTags.forEach(function(item){ var itemLowercased = item.toLowerCase(); var itemIsCommonWord = commonWords.includes(itemLowercased); if(!itemIsCommonWord){ topicTitle.push(itemLowercased); } }); return topicTitle.join('-'); } Anwendung var topicTitle = generateDiscordTitle("Der DHT22 am D1 Mini - Temperatur und Luftfeuchtigkeit messen - Tutorial"); console.log(topicTitle); dht22-d1-mini-temperatur-luftfeuchtigkeit
Die Liste der common words ist sehr überschaubar
var commonWords = ["der", "die", "das", "tutorial"];
… und kann natürlich nach Belieben erweitert oder auch aus einer Datei ausgelesen werden.
ESP8266 Webserver echte HTML Dateien ausliefern - Tutorial
css esp8266 espasyncwebserver html javascript webserver
Tipps, Tricks & Tutorials • • cooper

1

1
Stimmen

1
Beiträge

3442
Aufrufe

Vorbereitungen ESPAsyncWebserver installieren makesmart HTML-Template herunterladen Die Dateien entpacken und in einen Order names data packen. Sieht dann ungefähr so aus: / ├── data │ ├── assets │ │ ├── css │ │ │ └── style.css │ │ ├── img │ │ └── js │ │ └── script.js │ └── index.html └── webserver_filesystem.ino Den Order Data via Arduino IDE hochladen
Werkzeuge -> ESP8266 Sketch Data Upload
Bildschirmfoto 2021-05-21 um 22.30.38.png
Note: Der Upload funktioniert nur, wenn der serielle Monitor geschlossen ist. :heh:
Der Uploader sollte bei neueren Version der Arduino IDE schon standardmäßig vorhanden sein, ansonsten muss die Erweiterung manuell installiert werden.
Der Programmcode
WLAN-Daten und Hostname bearbeiten:
// WLAN-Zugangsdaten const char* ssid = "SSID"; const char* password = "PSK"; // Hostname des ESPs -> http://spiffinger.local/ const char* espHostname = "spiffinger";
Sketch hochladen:
// // Einfacher Webserver der Dateien aus dem SPIFFS (Filesystem) ausliefert // CC by cooper @ makesmart.net // mehr Infos unter: https://my.makesmart.net/topic/206/ // void setupServerRoutes(); void setupFilePaths(); // WLAN #include <ESP8266WiFi.h> #include <ESP8266mDNS.h> // Webserver #include <ESPAsyncTCP.h> #include <ESPAsyncWebServer.h> // Filesystem #include <FS.h> // Standard HTTP-Port 80 AsyncWebServer server(80); // WLAN-Zugangsdaten const char* ssid = "SSID"; const char* password = "PSK"; // Hostname des ESPs -> http://spiffinger.local/ const char* espHostname = "spiffinger"; // Was passiert, wenn eine Seite nicht gefunden werden kann void notFound(AsyncWebServerRequest *request) { request->send(404, "text/html", "<center><h1>404 error - Seite nicht gefunden</h1></center>"); } void setup() { delay(500); Serial.begin(115200); Serial.println(); delay(500); // Dateisystem initialisieren if(SPIFFS.begin()){ Serial.println("Dateisystem: initialisiert"); }else{ Serial.println("Dateisystem: Fehler beim initialisieren"); } WiFi.mode(WIFI_STA); WiFi.begin(ssid, password); if (WiFi.waitForConnectResult() != WL_CONNECTED) { Serial.println("WLAN Verbindung fehlgeschlagen"); return; } Serial.print("Verbunden! IP-Adresse: "); Serial.println(WiFi.localIP()); // Starten des mDNS-Servers if (!MDNS.begin(espHostname)) { Serial.println("Fehler beim Staren des mDNS-Servers!"); } // Server Routen werden in einer eigenen Funktion definiert setupServerRoutes(); // Datei Routen werden in einer eigenen Funktion definiert setupFilePaths(); server.begin(); } void loop() { MDNS.update(); } void setupServerRoutes(){ // Als Document-Root wird der Ordner "data" // Alle Pfade müssen relativ vom Ordner "data" definiert werden // Datei index.html wird ausgeliefert server.on("/", HTTP_GET, [](AsyncWebServerRequest *request){ request->send(SPIFFS, "/index.html"); }); server.onNotFound(notFound); } void setupFilePaths(){ // In der index.html Datei wird eine .js und eine .css Datei verlinkt // diese können ohne die folgenden Zeilen nicht gefunden werden // Der erste Pfad bezieht sich auf die .html-Datei // dort ist als Pfad zur CSS-Datei "assets/css/style.css" hinterlegt server.on("/assets/css/style.css", HTTP_GET, [](AsyncWebServerRequest *request){ // also soll auch die Datei aus dem SPIFFS dementsprechend ausgeliefert werden request->send(SPIFFS, "/assets/css/style.css", "text/css"); }); server.on("/assets/js/script.js", HTTP_GET, [](AsyncWebServerRequest *request){ request->send(SPIFFS, "/assets/js/script.js", "text/javascript"); }); // Gleiches kann man auch mit Bildern anderen Dateien machen } Webserver mit HTML-Dateien feiern
Ausgabe im seriellen Monitor beachten:
22:21:26.396 -> Dateisystem: initialisiert 22:21:27.490 -> Verbunden! IP-Adresse: 192.168.178.89
Webseite öffnen und freuen, dass die HTML-Datei aus dem Dateisystem angezeigt wird.

Bildschirmfoto 2021-05-21 um 22.28.09.png

Die HTML-, CSS- und Javascript-Dateien können jetzt mit einem beliebigem Editor bearbeitet und im Browser gedebugged / designed und anschließend wieder mit Punkt 4 hochgeladen werden. Der Sketch muss dafür nicht immer wieder neu hochgeladen werden. 👍 Freuen dass jetzt auch echte HTML-Dateien mit CSS und Javascript über den Webserver auf dem ESP angezeigt werden können. :programmingparrot:

Wird noch ausgearbeitet und dient aktuell als Entwurf :heh:
Javascript auf dem ESP8266 D1 Mini - Tutorial
d1-mini esp8266 javascript
Tipps, Tricks & Tutorials • • cooper

3

3
Stimmen

3
Beiträge

1589
Aufrufe

Also die LED bringe ich zum blinken, weiter habe ich mich damit leider noch nicht beschäftigen können. 🐵

Hier sind aber mal ein paar Codebeispiele:

Flashing Lights - Espruino
Tutorials and Examples - Espruino
Using the ESP8266 with Wifi - Espruino
HTML Grundgerüst und Template - HTML, Bootstrap & jQuery für dein Projekt
css html javascript jquery template webentwicklung
Tipps, Tricks & Tutorials • • cooper

2

0
Stimmen

2
Beiträge

1426
Aufrufe

T

Super Erklärungen, danke dir. Könntest du den Github Link einmal aktualisieren?

Javascript Snippet: Amazon ASIN aus Amazon Link erhalten

Ähnliche Themen

Der eigene Discord Bot mit discord.js bot discord discord.js javascript programmieren Tipps, Tricks & Tutorials • • cooper

Javascript RegEx - großgeschriebene Wörter filtern mit common words list filter javascript regex Tipps, Tricks & Tutorials • • cooper

ESP8266 Webserver echte HTML Dateien ausliefern - Tutorial css esp8266 espasyncwebserver html javascript webserver Tipps, Tricks & Tutorials • • cooper

Javascript auf dem ESP8266 D1 Mini - Tutorial d1-mini esp8266 javascript Tipps, Tricks & Tutorials • • cooper

HTML Grundgerüst und Template - HTML, Bootstrap & jQuery für dein Projekt css html javascript jquery template webentwicklung Tipps, Tricks & Tutorials • • cooper

Der eigene Discord Bot mit discord.js
bot discord discord.js javascript programmieren
Tipps, Tricks & Tutorials • • cooper

Javascript RegEx - großgeschriebene Wörter filtern mit common words list
filter javascript regex
Tipps, Tricks & Tutorials • • cooper

ESP8266 Webserver echte HTML Dateien ausliefern - Tutorial
css esp8266 espasyncwebserver html javascript webserver
Tipps, Tricks & Tutorials • • cooper

Javascript auf dem ESP8266 D1 Mini - Tutorial
d1-mini esp8266 javascript
Tipps, Tricks & Tutorials • • cooper

HTML Grundgerüst und Template - HTML, Bootstrap & jQuery für dein Projekt
css html javascript jquery template webentwicklung
Tipps, Tricks & Tutorials • • cooper