Developing your first App Clip

In this section, we are going to start with an existing app, and we will add an App Clip to it step by step. Open the AppClipExample_start project in this book's code bundle. If you launch the app, you will see that we have a coffee shop app in which we can order three different types of drinks, review the order, and pay by Apple Pay or by entering our credit card details:

Figure 14.3 – Our app's main screens – Menu, Payment, and Credit Card controllers

Note that the purpose of this example app is to help us build the interesting part: the App Clip. Some functionalities, such as the credit card and Apple Pay payments, are not fully implemented; they just simulate this feature.

Before we jump into the App Clip process, let's take a moment to review the project's structure and its contents:

Figure 14.4 – Initial project structure

The app contains a single target...