I've been digging Mastodon for the past couple of weeks. It's fun and it's incredible to see how polished the web app is. It's an exemplar of what is possible in the browser. Kudos.
One thing that I love is that I can follow people on any other Mastodon instance, or really anything that supports ActivityPub. The process of following across server instances is kinda hard.
I've not spoken to anyone in the ActivityPub or Mastodon ecosystem about this, and I'm not sure if anyone would appreciate my drive-by hypothesising... but... this is my site. I'm not going to proactively push it because I know how teams feel when there's a pile on for Developer Advocates and other outsiders suggesting things that have been discussed and considered in the past (and more recently) with valid concerns about the UX issues of a confusing prompt.
Using Attempt 4 in "Detecting if a URL scheme has a handler", I believe there can be a relatively seamless solution to the concept of follow on the web.
Before I introduce the notion of a dedicated web+follow
URL scheme, I thought it might be useful to highlight that it is possible for a web app (in a select set of browsers) or a regular installed app to declare its intent to become the default system handler for any link that is encoded with that particular URL scheme. Where a browser might handle the scheme https
, a mail client might handle mailto
, an irc client might handle irc
- it's possible for a web site to handle a range of app to app integrations via an API called registerProtocolHandler.
A web+follow
link is much like mailto
link - it encodes the users address web+follow:@paul@status.kinlan.me
that when clicked would open your mastodon instance (or what ever app you choose to use that understands the ActivityPub follow actions) to let you follow that user. This is much like a mailto
link opening your default Mail app to send an email to the person in the link.
The thing is ... the majority of people are not going to understand what web+follow
means and custom web+
schemes are not supported in many browsers, so why even think about a custom scheme?
My belief is that custom schemes are great infrastructure for directing people to installed web apps or apps (it's literally the only solution) and there is already a lot of infrastructure in Chrome and Firefox that let the user own the experience of which app handles a particular scheme.
While custom schemes are not author-friendly or user-friendly - we can't expect people to encode web+
url - it highlights that we would need a solution that doesn't require web+follow
from an authorship perspective and it must handle the following scenarios:
- A user clicks a web+follow link from a web page, it must route the user to "something" (home instance or authors instance)
- A user clicks a web+follow link from another app (i.e, email client), it must route the user to "something" (home instance or authors instance)
- A user follows a normal https link and we want to reroute it to an installed app.
Note: I am going to talk about Mastodon, and conflate ActivityPub. Apologies. Additionally, I am not a spec writer, so expect gaps.
Step 1. Your home instance registers as a protocol handler for web+follow
scheme.
This means that you ever see a link of the form web+follow:
i.e, web+follow:@paul@status.kinlan.me
embedded in a web page or native app, then your home instance will be opened.
Mastodon could add a protocol_handler
to their Web App manifest, or let the user register it via a button in the UI that calls registerProtocolHandler("web+follow", "/follow?id=%s")
Step 2. All mastodon instances should handle the /follow
request.
This page will show the user's page as something like https://status.kinlan.me/@paul does today and it would embed <meta http-equiv="refresh" content="0; url=/resolve-app?id=@paul@status.kinlan.me" />
in the html head
to help redirect to the user's app.
If there is no installed web+follow
handler, the page would remain as is. i.e, the traditional follow UI.
Step 3. Mastodon instances should have an endpoint called /resolve-app
This endpoint returns a 302 redirect to the url web+follow: [id]
. If the user doesn't have an app to handle the scheme, the request to redirect will be cancelled by the browser, leaving the user on the current page with the existing experience.
Benefits of this solution?
This solution works well (at least conceptually) because it is:
- Progressive. The default user facing experience is
https
based URLs and notweb+follow:
so a browser that doesn't support custom schemes will work as it does today. - Resilient. If the user doesn't have a handler installed it offers the user the same experience as today.
- No JS required - the resolution of the app that can handle the follow works without JS being enabled
- Non-technical user friendly - because it relies on
https
all education about websites for general users continues to work, and we would not have to educate people on a new unfamiliar scheme.
That's it in a nutshell.
I lead the Chrome Developer Relations team at Google.
We want people to have the best experience possible on the web without having to install a native app or produce content in a walled garden.
Our team tries to make it easier for developers to build on the web by supporting every Chrome release, creating great content to support developers on web.dev, contributing to MDN, helping to improve browser compatibility, and some of the best developer tools like Lighthouse, Workbox, Squoosh to name just a few.
I love to learn about what you are building, and how I can help with Chrome or Web development in general, so if you want to chat with me directly, please feel free to book a consultation.
I'm trialing a newsletter, you can subscribe below (thank you!)