Hi, Alex here from rebeloper.com and welcome back to another awesome tutorial in the
Rebeloper Messages tutorial series and today we are going to talk about our
assets and some setup. So without further ado let's dive into it.
Okay, now first thing you are most probably interested in is how can I change the stickers or
how can I change these buttons? Well it is pretty simple. You just go
ahead and select the assets dot Xcode assets folder in Xcode or you could just
simply right-click on any of these and make them show in finder and then you
just simply replace these. Make sure that the sizes are the same like the
dimension that is mentioned here. So 408 by 408 and all of the other category
buttons go as well by 408 by 408 and here we have our frequently used button.
That is basically the same and now let's take a look at the check mark and it's a
little bit, well it is not that of the dimension the others. Now the most
important part here is the stickers images. So these are plain PNG images and
they are 408 by 408. So go ahead and you should be making these of this
dimension too. And basically that's it. Let's take a look at the stickers
background. This is a huge background suitable for all device types so go
ahead and make sure that it is this large, okay. And that is it now let's talk
about the app icons because they are a little bit different than all of
the other resources. Here I have the iMessage app icon and the basic app icon.
Now I use icon kit for my icons to be made what I need to add here is the 1024
by 1024 size basically the largest icon and then this will create these app
icons. So let's close that, okay. Now that is it for the asset and let's go
head down well about the flat UI colors we will use these colors later on in the
categories date plist file. Now let's take a look at the launchscreen. storyboard
and as I have already told you this is just plain all blackground
with the Rebeloper Messages icon image. So this is a separate image in the
assets folder, okay. Now let's take a look at the setup and we are not going to
bother about these in-app purchase IDs because we will cover them in a later
tutorial. We are going to take a look at the setup.
Now in the setup here we have some static let constants well you can set
them up. So let's go through each and every one of these. Now first up we have
app behaves as sticker pack and it is set to false. Now once this is set to
false you are basically using the extension as an iMessage app. Which means
that you cannot peel the stickers and once you send the stickers they are they
all have these let's say the bubble of your chat and they have the icon of your
iMessage extension. Right, I believe it's on the right of the sticker, okay. If you
set this to true that the app behaves as a sticker pack so you don't no longer
gag the bubble and you can simply peel all the sticker
or just send a sticker as you like and you won't have of course the icon of
your app inside the bubble which is also missing. Now next up is app uses in-app
purchases. Now if you set this to true that you will have in-app purchases and
you can tweak them and add them and so on but if you don't if you set this to
false it will mean that all of your stickers are for free. And of course you will
still need to tweak the stickers data dot plist file to make sure that your
stickers are actually set as free but this is where you set up let's say the
logic that this app doesn't use any in-app purchases so it doesn't require
in a purchase IDs and so on. Okay, app has only one consumable in-app
purchase. Now we are using the stickers as non consumables. Let's say we have a
category that you want to sell or maybe we just want to sell a part of that
category that is a non consumable. But if you have only one non consumable then
you can set this to true. So if app uses in-app purchases is set to false then
no a purchases not all if you want just one category then you have to
set this app has only one non consumable image purchase to true, okay. Now if you set
this to false then you will not have any non consumable so you should just leave
it as is if you want to have in-app purchases in your app. Next up is app
uses subscription in-app purchases and this is set to false but we can also
change it to true and this means that besides having those non consumables or
not having those non consumable you can set these locked stickers to be unlocked
via subscriptions and we will talk about that in a
stickers data and of course the Rebeloper Store config dot plist file in a
later video but for now you know that you could let's say leash your stickers
on a subscription base and that is very unique and awesome to these let's say I
message sticker packs. Next up we have our numbers of stickers in a
row and the same for the iPad. Basically how many stickers there will be in a row
of stickers and that is three and seven for the iPhone and iPad respectively.
Okay, that is pretty simple. You can change this if you want it
basically if you have a lot of stickers then you should maybe bump up three to
seven and seven to let's say twenty it doesn't really matter
it automatically scales to your needs. Now frequently used stickers max count.
Now if you are setting app behaves as sticker pack to false then you can have
this frequently used stickers and you can set the maximum amount that will be
shown in this that's so code category the frequently used category and that is
when you tap on that start button in the categories list.
So then is default you can change it to whatever you like well you should make
sure that this is not higher than the total amount of your stickers, okay.
Next up we have our shop title and that is categories basic stuff you can change
this to whatever you like like shop or store or whatever. Universal category
title. Now once you go into one of those categories you will see the header to be
changed to stickers. Now if you set this to an empty string then the category
display name will be fetched from the categories data dot plist file.
So basically let's just go into this and if you just select your display name for
let say item one that is category one. So not just it will not just say
stickers it will say category 1 or category 2 or whatever you say like cats
dogs and emojis whatever. Now let's go down and take a look at this keychain
sharing prefix and the keychain sharing access group and we will wrap this
tutorial up with this information and we are going to set up kitchen sharing
access because the main app and the extension is communicating through
keychain. So this is a prefix that is unique to your app and if you want to
change this let's say after you released your app that is basically losing your
users data because if you change this even if they have those data on
the kitchen they will not be able to fetch it. They will just basically need
to be stored all of their purchases and they will be off to go. Now the kitchen
sharing access group and as you can see here I have my so called Apple ID and
a com.Rebeloper.RebeloperMessages12 and I will change this to
tutorial and maybe a grab this second part of it so I am just
copying it and now let's set up our kitchen access groups. First of all let's
select our project and select our first target the Rebeloper Messages target
and go to capabilities and just scroll down till you see keychain sharing.
Now you could just simply click on this plus button. So let's do that and
as you can see it added com.Rebeloper.RebeloperMessages.Tutorial
because it fetched the bundle ID. Now let's delete this first one so we
can only have a this one, okay. If you take a look at the Rebeloper
Messages entitlements now you can see that it has been changed. Now here you
can see the app identifier prefix and that is those numbers and letters that
you could see in the set up. Now one last thing you need to do is go to the
extensions of the, well the capabilities of your extension just scroll down again
and add a new one here as you can see it automatically added the bundle
identifier of your extension. Now because we need the same group and then we just
need to edit this so I will just paste that in so com.Rebeleoper.RebeloperMessages.Tutorial.
And I will just delete the standard default one. Now if you
double checked your extension entitlements you will see that it's the
same as in the Rebeloper Messages main app entitlements. So that is that and now
your extension can communicate with your app and vice versa.
Now that is it for this tutorial in the next one we are going to take a look at
the categories later and maybe add the stickers data dot plist file. Now I hope
you enjoyed this one if you did go in and give it a thumbs up and subscribe to
the channel if you haven't already done so and hit that notification bell, you
will get notified when I release these new tutorials. And as always I will see
you in the next one.