Erstellen von Sticker Packs für WhatsApp in iOS

Vor wenigen Tagen, zum Zeitpunkt des Schreibens dieses Beitrags, hat WhatsApp die Möglichkeit veröffentlicht, Aufkleber in unseren Chats zu versenden. Dazu müssen Sie lediglich Ihre App auf die neueste Version aktualisieren. Viel interessanter für uns ist jedoch, dass es möglich ist, Sticker-Packs von Drittanbietern zu erstellen. Es ist auf eine ganz besondere Art und Weise gemacht. Ich bin sicher, dass dies nur der Anfang ist und dass es sich verbessern wird, wenn es immer größer wird. Deshalb wollte ich über meine Erfahrungen beim Modifizieren von iMonstickern schreiben, um die Verwendung in WhatsApp zu unterstützen.

Schaltfläche zum Versenden von Aufklebern in WhatsApp

Zur Verdeutlichung können Sie die Aufkleberpakete sowohl für iOS als auch für Android erstellen. Dies ist bereits eine enorme Verbesserung gegenüber Nachrichten, bei denen es nicht möglich ist, Ihre schönen Aufkleber an Ihre Freunde zu senden, die aus irgendeinem Grund Android-Telefone verwenden. Wir werden uns jedoch auf den Prozess für iOS konzentrieren. Für Android ist das eigentlich sehr ähnlich.

iMonstickers für WhatsApp

Das erste, was Sie sich vielleicht fragen, ist: Wie funktioniert es? Hat WhatsApp einen Sticker-Shop, bei dem Sie einreichen können? Können Sie für sie berechnen?

Der Ansatz ist eigentlich ziemlich interessant, obwohl er dem Benutzer ein wenig Reibung verleiht. Sie haben derzeit weder ein Geschäft noch eine Möglichkeit, nach Aufkleberpaketen von Drittanbietern zu suchen. Sie können stattdessen Ihre aktuelle iOS-App verwenden oder eine neue erstellen, um ein Aufkleberpaket für WhatsApp zu erstellen. Und es spielt keine Rolle, ob Sie eine Sticker-Erweiterung für Nachrichten haben oder nicht.

Es ist ganz einfach, sie haben einen Mechanismus hinzugefügt, mit dem Sie einige Informationen über das Sticker Pack angeben und es zusammen mit den Bildelementen über das benutzerdefinierte Schema "whatsapp: //" an die WhatsApp-App senden können.

Sie haben sogar eine Skeleton-App bereitgestellt, die Sie kostenlos verwenden können. Um eine Galerie für Ihre Aufkleberpakete zu erstellen und dem Benutzer zu ermöglichen, die Aufkleber als Bilder für andere Apps freizugeben sowie sie zur Verwendung in WhatsApp zu senden, müssen Sie nur Ihre Bilder ziehen und ablegen und einige Informationen ändern in einem JSON.

Verfahren zum Hinzufügen eines Stickers Pack von einer iOS-App zu WhatsApp (Beispiel mit iMonstickers)

Ich möchte hier untersuchen, wie Sie diese Funktionalität zu einer vorhandenen App hinzufügen können.

Als erstes müssen Sie dieses Repo klonen: https://github.com/WhatsApp/stickers

Die meisten Informationen, die Sie benötigen, finden Sie übrigens hier: https://github.com/WhatsApp/stickers/tree/master/iOS

Sobald Sie dies getan haben, müssen Sie Ihrem vorhandenen Projekt nur noch wenige Dateien hinzufügen. Wie in der Datei README.md angegeben:

  • Einige schnelle Dateien: StickerPack.swift, Sticker.swift, Limits.swift, ImageData.swift, Interoperability.swift und WebPManager.swift. Und vergessen Sie nicht, auch den StickerPackManager.swift hinzuzufügen, der zum Zeitpunkt des Schreibens dieses Beitrags in der Dokumentation fehlt.
  • Sie müssen auch einige Objective-C-Dateien hinzufügen: im Grunde alle mit dem Präfix „YY“. Vergessen Sie dabei nicht, Ihren Bridging-Header hinzuzufügen und diesen Import hinzuzufügen: #import “YYImage.h”
  • Schließlich müssen Sie, und es befindet sich derzeit auch nicht in den Dokumenten, das WebP.framework zu Ihren verknüpften Frameworks und Bibliotheken in Ihrem Hauptziel im Abschnitt "Allgemein" des Projekts hinzufügen.
Fügen Sie Ihren verknüpften Frameworks und Bibliotheken WebP.framework hinzu

Das letzte Bit besteht darin, Ihrer App die Verwendung des benutzerdefinierten WhatsApp-Schemas zu ermöglichen, indem Sie der Datei Info.plist die folgenden Zeilen hinzufügen:

Sie sind alle eingerichtet! Und jetzt wollen wir uns ein bisschen mit dem Code befassen ...

Es ist ziemlich einfach. Als erstes müssen Sie die Metadaten rund um das Sticker Pack definieren. Es wird ungefähr so ​​aussehen:

Der Name der Bilddatei des Fachs ist das „Symbol“ Ihres Aufkleberpakets und sollte nicht größer als 96 x 96 Pixel sein.

Und dann müssen Sie die Aufkleber hinzufügen, indem Sie nur den Dateinamen angeben. Dies ist sehr interessant, eine Reihe von bis zu drei Emojis, die Ihren Aufkleber besser beschreiben.

Aufkleber Klassifizierung von Emoji in WhatsApp

Beachten Sie, dass es einige Einschränkungen gibt. Das Wichtigste ist, dass die maximale Größe 512 x 512 Pixel beträgt.

Sie bieten eine andere Möglichkeit, die Daten rund um das Sticker Pack mithilfe von JSON anzugeben. Wenn Sie wie ich bereits etwas Ähnliches getan haben und in meinem Fall eine .plist verwendet haben, war es für mich einfacher, Ihre Datenstruktur der von WhatsApp erwarteten zuzuordnen und dies wie in diesem Beitrag erläutert zu tun.

Und schließlich müssen Sie das Sticker Pack an WhatsApp senden:

Und das ist es im Grunde! Dadurch wird die WhatsApp-App geöffnet und der Benutzer kann das Aufkleberpaket speichern.

Es ist so einfach und wahrscheinlich nichts ganz anderes als das, was Sie bereits in Ihrer aktuellen App tun: Sie müssen es noch in den App Store hochladen, den Überprüfungsprozess von Apple durchlaufen und nur 70% des Umsatzes erzielen, wenn Sie möchten Gebühr für sie. Die Hauptfrage für mich im Moment ist, wie Apple sich zu diesem System fühlen wird oder ob sie Apps mit dieser geringen Funktionalität genehmigen werden, wenn sie die von WhatsApp bereitgestellte Skeleton-App verwenden.

Übrigens ist iMonstickers im Moment nur eine Nachrichtenerweiterung, und ich habe versucht, diese Funktionalität hinzuzufügen, ohne eine Host-App dafür erstellen zu müssen. Es stellt sich heraus, dass dies nicht möglich ist, da die einzigen URLs, die Sie über eine Nachrichtenerweiterung öffnen können, diejenigen sind, die die Host-App öffnen.

Ich hoffe, Ihnen hat der Beitrag gefallen und ich kann es kaum erwarten, die von Ihnen erstellten Sticker-Packs zu verwenden. Es wäre toll, auch in den Kommentaren über Ihre Erfahrungen zu erfahren! Danke fürs Lesen!

Und wenn Ihnen diese wunderschön gestalteten Aufkleber von Raúl Gil gefallen, die mit Apple Messages und hoffentlich auch bald mit WhatsApp-Unterstützung kompatibel sind, finden Sie sie im App Store: https://itunes.apple.com/app/imonstickers/id1164272926