Paglikha ng Sticker Packs para sa WhatsApp sa iOS

Ilang araw na lamang ang nakalilipas, sa oras ng pagsulat ng post na ito, inilabas ng WhatsApp ang posibilidad na magpadala ng mga sticker sa aming mga chat. Upang magawa ito, kailangan mo lamang i-update ang iyong app sa pinakabagong bersyon. Ngunit kung ano ang mas kawili-wili para sa amin ay, posible na lumikha ng mga pack ng third-party sticker. Ginagawa ito sa isang napaka-partikular na paraan, sigurado ako na ito lamang ang pagsisimula at ito ay mapabuti habang ito ay nagiging malaki at mas malaki, kaya nais kong isulat ang tungkol sa aking karanasan sa pagbabago ng mga iMonsticker upang suportahan ang paggamit nito sa WhatsApp.

Button para sa pagpapadala ng mga sticker sa WhatsApp

Lamang upang linawin, maaari kang lumikha ng mga sticker pack para sa parehong iOS at Android, na kung saan ay isang malaking pagpapabuti sa mga mensahe, kung saan walang paraan ng pagpapadala ng iyong magagandang sticker sa iyong mga kaibigan, na sa ilang kadahilanan, ay gumagamit ng mga teleponong Android . Ngunit pupunta kami sa pagtuon sa proseso para sa iOS. Para sa Android ay talagang magkatulad.

Mga iMonsticker para sa WhatsApp

Ang unang bagay na maaari kang magtataka ay: Paano ito gumagana? May WhatsApp store ba ang WhatsApp na maaari mong isumite? Maaari kang singilin para sa kanila?

Ang diskarte ay talagang medyo kawili-wili, kahit na nagdaragdag ito ng isang bit ng pagkikiskisan sa gumagamit. Wala silang isang tindahan o isang paraan upang maghanap para sa mga pack ng third-party sticker sa ngayon. Maaari mong gamitin ang iyong kasalukuyang iOS app, o bumuo ng bago, upang lumikha ng isang sticker pack para sa WhatsApp. At hindi mahalaga kung mayroon kang isang extension ng sticker para sa Mga Mensahe o hindi.

Ito ay medyo simple, nagdagdag sila ng isang mekanismo na maaari mong gamitin upang tukuyin ang ilang impormasyon tungkol sa sticker pack at isang paraan upang maipadala ito, kasama ang mga asset ng imahe, sa WhatsApp app sa pamamagitan ng "whatsapp: //" na pasadyang pamamaraan.

Nagbigay pa sila ng isang skeleton app na malaya mong gamitin. Upang lumikha ng isang gallery para sa iyong mga sticker pack at payagan ang gumagamit na ibahagi ang mga sticker bilang mga imahe sa iba pang mga app, pati na rin upang maipadala ang mga ito upang magamit sa WhatsApp, kailangan mo lamang i-drag at i-drop ang iyong mga imahe at baguhin ang ilang mga piraso ng impormasyon sa isang JSON.

Proseso para sa pagdaragdag ng isang Stickers Pack mula sa isang iOS App hanggang sa Whatsapp (Halimbawa sa mga iMonsticker)

Nais kong galugarin dito kung paano mo maidaragdag ang pag-andar na ito sa isang umiiral na app.

Ang unang bagay ay upang mai-clone ang repo na ito: https://github.com/WhatsApp/stickers

Sa pamamagitan ng paraan, makikita mo ang karamihan sa impormasyong kailangan mo dito: https://github.com/WhatsApp/stickers/tree/master/iOS

Kapag nagawa mo na iyon, may ilang mga file na kakailanganin mong idagdag sa iyong umiiral na proyekto. Tulad ng tinukoy sa file na README.md:

  • Ang ilang mga matulin na file: StickerPack.swift, Sticker.swift, Limits.swift, ImageData.swift, Interoperability.swift at WebPManager.swift. At huwag kalimutang idagdag ang StickerPackManager.swift din, nawawala ito sa dokumentasyon sa sandaling isulat ang post na ito.
  • Kailangan mong magdagdag ng ilang mga file na Objektibo-C: talaga, ang lahat ng mga prefix na "YY". Kapag ginagawa ito, huwag kalimutang idagdag ang iyong heading ng bridging, at idagdag ang import na ito: #import "YYImage.h"
  • Sa wakas, at wala ito sa mga doc sa ngayon, kakailanganin mong idagdag ang WebP.framework sa iyong naka-link na Frameworks at Mga Aklatan sa iyong pangunahing target, sa Pangkalahatang seksyon ng proyekto.
Magdagdag ng WebP.framework sa iyong naka-link na Mga Frameworks at Mga Aklatan

Ang pinal na bit ay pahintulutan ang iyong app na gamitin ang pasadyang pamamaraan ng WhatsApp sa pamamagitan ng pagdaragdag ng mga sumusunod na linya sa iyong file ng Info.plist:

Lahat kayo nakaayos! At ngayon, maghukay tayo ng kaunti sa code ...

Ito ay medyo tuwid. Ang unang bagay na kailangan mong gawin ay upang tukuyin ang metadata sa paligid ng sticker pack. Magiging hitsura ito ng ganito:

Ang pangalan ng file ng tray ng imahe ay ang "icon" ng iyong sticker pack at hindi dapat mas malaki kaysa sa 96x96px.

At pagkatapos, kailangan mong magdagdag ng mga sticker sa pamamagitan lamang ng pagtukoy ng pangalan ng file, at ito ay medyo kawili-wili, isang hanay ng hanggang sa tatlong emojis na mas mahusay na ilarawan ang iyong sticker.

Pag-uuri ng mga sticker ni Emoji sa WhatsApp

Tandaan na mayroong ilang mga limitasyon. Ang pinakamahalagang dapat malaman ay ang maximum na sukat ay 512x512px.

Nagbibigay sila ng ibang paraan upang tukuyin ang data sa paligid ng sticker pack sa pamamagitan ng paggamit ng ilang JSON. Kung tulad ko ikaw ay gumagawa na ng isang katulad na bagay, sa aking kaso gumamit ako ng isang .plist, mas madali kong nahanap ang mapa ng iyong data sa isang inaasahan ng WhatsApp at gawin ito tulad ng ipinaliwanag sa post na ito.

At sa wakas, kailangan mong ipadala ang sticker pack sa WhatsApp:

At iyon talaga ito! Bubuksan nito ang WhatsApp app at payagan ang gumagamit na i-save ang sticker pack.

Madali at marahil walang ibang kakaiba sa ginagawa mo kapag nagtatrabaho sa iyong kasalukuyang app: kailangan mo pa ring i-upload ito sa App Store, dumaan sa proseso ng pagsusuri ng Apple, at makakuha lamang ng 70% ng kita kung nais mong singilin para sa kanila. Ang pangunahing tanong para sa akin ngayon ay kung paano makaramdam ang Apple tungkol sa sistemang ito o kung aaprubahan nila ang mga app na may maliit na pag-andar kapag ginagamit ang skeleton app na ibinibigay ng WhatsApp.

Sa pamamagitan ng paraan, ang iMonsticker ay isang Extension ng Mga Mensahe sa sandaling ito, at sinubukan kong idagdag ang pag-andar na ito nang hindi kinakailangang lumikha ng host app para dito. Ito ay hindi posible dahil ang tanging mga url na maaari mong buksan mula sa isang Extension ng Mga mensahe ay ang magbubukas sa host app .

Sana ay nasiyahan ka sa post at hindi makapaghintay na gamitin ang mga sticker pack na nilikha mo. Malaking malaman ang tungkol sa iyong mga karanasan sa mga komento! Salamat sa pagbabasa!

At kung gusto mo ang mga magagandang dinisenyo sticker na ito ng Raúl Gil, na katugma sa Mga Mensahe ng Apple, at inaasahan din sa suporta ng WhatsApp sa lalong madaling panahon, mahahanap mo sila sa App Store: https://itunes.apple.com/app/imonstickers/id1164272926