Check out this youtube video i made about this experience.
youtube.com/watch?v=BQgP5VUbQok
Post
Replies
Boosts
Views
Activity
@creatingrev it is all good! We are in this together!
I think some good information came out of this post and I hope it helps others!
I think the safari smart App banner that was temporarily working in iOS 14 beta 5 threw a lot of us off as we thought that was the only way to show the App clip card. It stopped working in iOS beta 6, but it sounds like it showing was bug in the first place.
The other really specific detail is that the QR code invocation only works when you use the QR code reader App from the control center. This does not work with the normal Camera App. Another Apple engineer confirmed this by linking the foot notes from the iOS 14 announcement page. Footnote 14 - https://www.apple.com/ios/ios-14/#footnote-14
Hi ZK (DTS Engineer)!
Thanks for these instructions.
I can report that it worked on iOS 14 Beta 8
There are two things different from the instructions you provided vs what I was doing.
QR Code Scanning App Use the QR code scanning app via Control center.
The camera app in iOS 14 Beat 8 no longer reacts to a QR code. It no longer prompts to open a URL. (The camera app still prompts to open Safari when it sees a QR code in iOS 13).
Install the App Clip via Xcode Before trying to test the App Clip Card Installing the app clip via Xcode first will allow the App Clip Card's Call to Action button to take you into the App Clip.
When the Safari Smart App Banner worked in iOS 14 Beta 5, clicking it would show the App Clip Card.
If you had the App Clip installed (via TestFlight), the Safari Smart App Banner would take you directly to the App Clip, bypassing the Card. This is why I didn't install the App Clip via Xcode. I was able to reproduce this behavior by uninstalling the App Clip and going to saferhood.org in Safari.
Safari Smart App Banner still doesn't work Going to a website with Safari Smart App Banner enabled still doesn't work.
My site association file is here: saferhood.org/.well-known/apple-app-site-association
And I have the Meta tag as <meta name="apple-itunes-app" content="app-clip-bundle-id=com.bumbleparrot.saferhood.Clip, app-id=1498248101, affiliate-data=myAffiliateData, app-argument=myAppArgument" "="">
The apple-app-site-association file is like so:
{
"appclips": {
"apps": ["URLVBAN9B7.com.bumbleparrot.saferhood.Clip"]
}
}
I'm going to upgrade to NON BETA iOS 14 and retry the Safari Smart App Banner
Is the QR Code and NFC tag currently the only way to invoke the App Card?
Thanks!
Bumbleparrot
Hi creatingrev,
Are you able to invoke the App Clip Card via NFC in iOS 14 Beta 8?
Thanks!
Hi @DTS Engineer.
There are 2 major issues with theApp Clip Development Experience.
The activation and display (invocation) of the App Clip Card
End-to-End Testing Experience for the App Clip itself.
There are issues with the two as of right now.
Activation and Display of the App Clip Card In iOS 14 Beta 5, there was finally a method to make the App Clip Card show. That method was to goto the developer settings in iOS and setup the "Local Experiences". After you set this up, it still required you to use Safari to navigate to a webpage that had the Smart Banner setup. From there the Smart Banner would appear at the top of the Safari browser and clicking it would make the App Clip Card that was defined in Local Experiences display. This stopped working after iOS 14 Beta 5
After it stopped working, I have not found any other way to get the App Clip Card to show. I've tried QR Codes, going to an enabled URL in Safari, and Sending the URL via iMessage.
End-to-End Testing Experience Even when I could get the App Clip to show back in iOS 14 Beta 5, there was no way to click the Call to Action button to get into the App Clip itself. You were only able to test that the App Clip card would display. The button was grayed out and not clickable.
This leaves us with no way to test the end to end experience like a user would get in production.
We would have to test the invocation of the card and what it displays as one experience.
We would have to then test the entry into the App Clip as a separate experience (via Test Flight).
As developers we want to be able to experience the full end to end flow as if we were the user. Thats the only way we know that all the pieces of the experience is working together as expected.
With iOS 14 going live tomorrow. Will app clips start working?
I can verify that this is still not working on: iOS 14 Beta 8
xCode 12 Beta 6
The Safari Smart App Banner was last working in iOS 14 Beta 5.
Can someone from Apple confirm this no longer works?
I can verify that this is still not working on:
iOS 14 Beta 7
xCode 12 Beta 6
The Safari Smart App Banner was last working in iOS 14 Beta 5.
Can someone from Apple confirm this no longer works?
I can verify that this is still not working on:
iOS 14 Beta 7
xCode 12 Beta 6
The Safari Smart App Banner was last working in iOS 14 Beta 5.
Can someone from Apple confirm this no longer works?
Hi @liazkam,
Yeh, Launching the app clip card from a Safari Smart Banner worked in iOS 14 Beta 5.
It is no longer working in iOS 14 beta 6.
This was working in iOS 14 beta 5. It’s in the release notes.
Can you confirm if this was purposely disabled or broken in iOS 14 beta 6?
The Smart Banner App Clip invokation was 100% working in iOS 14 Beta 5.
The release notes even mention it with regards to testing "Local Experiences".
In addition to that, my thread "How to I make the App Clip Card Show?" 100% confirmed it was working. I even have screen shots on my phone from when it was working.
So I guess iOS 14 Beta 6 broke the Safari Banner?
As far as I understand, the Safari Banner was the only way to make the app clip card show.
Hey Guys,
I figured this out. Here are some details.
Make sure you have the latest iOS 14 beta 5 installed on your phone.
Make sure you have the latest xcode 12 beta 5 installed.
Check your phone's developer mode setting. To do this you must plug your phone in via USB cable to a mac running xcode. You will see the developer settings if you scroll down slowly. It is normally under the section of apple apps that contain Music, TV, Photos, Camera, Books, Podcasts, and Game Center.
In the developer settings goto the section called "APP CLIPS TESTING".
In the Local Experiences menu, click "Register Local Experience..."
Enter the URL Prefix that you will be using. (Basically just the full URL of the domain you will be using)
Enter the BUNDLE ID for your App Clip "com.mycompany.myapp.Clip"
Enter a Title string, Subtitle string, and select an action.
Choose a photo.
10. Done!
Okay heres the catch. It seems like right now, you can only test the App Clip card via Safari and Smart Banner.
The smart banner is placed in the Head section of an HTML page and looks like this:
<meta name="apple-itunes-app" content="app-clip-bundle-id=com.yourcompany.yourapp.Clip, app-id=99999999">
IMPORTANT
If you have the App Clip Installed, you will not see the card when you click "Open" from the Safari Smart Banner. You have to uninstall the App Clip from your phone.
To remove the App Clip: Goto your settings on the iPhone.
Above your apps there will be a new item called "App Clips".
You can remove your App Clip here.
Once you remove the installed App Clip, you can click on the Safari Smart Banner and the card will appear!
Thanks!
Mike
Can you take another look?
I don't think the URL() object actually makes any requests. It just regex's and validates the URL locally right?
Why does it work with 1 query string parameter that contains a custom scheme "myapp%3A%2F%2F (myapp://), but it doesn't work if i have two parameters with the same scheme as a value?
Hi,
Thank you for replying!
I followed the instructions and was able to get the Safari browser to show the App Clip Banner from pages that have the matching META tag.
Clicking open on the smart banner takes me directly into the App Clip itself. It did not show the card.
What I did was use a generic QR code generator for my URL, but all that does is open safari and show the banner at the top. I even tried sending myself an iMessage that uses my URL. It does the same thing; it just opens safari and shows the smart banner.
How exactly do I get the App Clip Card to show?
How do I generate a QR code that will invoke the App Card?
Can you give additional instructions?