web-sign-in - Revision history

Tantek: /* example implementations */ relmeauth demo needs an update, prefer IndieLogin as a service to IndieAuth, link to indieweb-org

2025-06-04T00:00:52Z

example implementations: relmeauth demo needs an update, prefer IndieLogin as a service to IndieAuth, link to indieweb-org

← Older revision		Revision as of 00:00, 4 June 2025
Line 44:		Line 44:

	=== example implementations ===		=== example implementations ===
	* [http://tantek.com/relmeauth/ RelMeAuth prototype] demonstrates Web sign-in for both read-only/read-write permissions, and provides a simple interface for Tweeting when read-write permissions are provided.		<!-- Needs updating to GitHub: * [http://tantek.com/relmeauth/ RelMeAuth prototype] demonstrates Web sign-in for both read-only/read-write permissions, and provides a simple interface for Tweeting when read-write permissions are provided. -->
	* [~~http~~://~~indieauth~~.com ~~IndieAuth~~] not only uses Web sign-in but also provides a web sign-in authentication API!		* [https://indielogin.com IndieLogin] not only uses Web sign-in but also provides a [https://indielogin.com/api web sign-in authentication API]!
	** ~~IndieWebCamp~~: Try out ~~IndieAuth~~ by signing-in to [~~http~~://~~IndieWebCamp~~.~~com IndieWebCamp~~.~~com~~].		** IndieWeb: Try out IndieLogin by signing-in to [https://indieweb.org IndieWeb.org].

	== why ==		== why ==
	See [http://indiewebcamp.com/Why_web_sign-in Why web sign-in] on the IndieWebCamp site.		See [http://indiewebcamp.com/Why_web_sign-in Why web sign-in] on the IndieWebCamp site.

Tantek: /* user interface */ canonicalize require https

2025-06-03T23:58:06Z

user interface: canonicalize require https

← Older revision		Revision as of 23:58, 3 June 2025
Line 37:		Line 37:
	Important details:		Important details:
	* The web address input "[........................]" MUST accept		* The web address input "[........................]" MUST accept
	** a "plain domain" e.g. tantek.com and canonicalize that ~~to http://tantek.com/ or preferably~~ to https://tantek.com/		** a "plain domain" e.g. tantek.com and canonicalize that to https://tantek.com/
	** an ~~http(s)~~ domain without a path e.g. ~~http://sixtwothree.org or~~ https://sixtwothree.org and canonicalize ~~http://sixtwothree.org/ or~~ https://sixtwothree.org/ ~~respectively~~		** an https domain without a path e.g. https://sixtwothree.org and canonicalize to https://sixtwothree.org/

	=== protocol ===		=== protocol ===

Tantek: /* set up */ your https

2025-06-03T23:56:48Z

set up: your https

← Older revision		Revision as of 23:56, 3 June 2025
Line 24:		Line 24:

	# Link from your personal site to your other profiles. Add <code>rel="me"</code> to those hyperlinks. E.g.: <blockquote style="white-space:nowrap"><code><a <strong>rel="me"</strong> <nowiki>href="https://github.com/your_github_alias">...</nowiki></code></blockquote>		# Link from your personal site to your other profiles. Add <code>rel="me"</code> to those hyperlinks. E.g.: <blockquote style="white-space:nowrap"><code><a <strong>rel="me"</strong> <nowiki>href="https://github.com/your_github_alias">...</nowiki></code></blockquote>
	# Edit your other profiles, e.g. your [https://github.com/ GitHub] profile, and set link (🔗) text field to your personal web address. E.g. <blockquote style="white-space:nowrap">🔗 <span style="border:1px solid silver; padding:5px; margin-left:1em"><nowiki>~~http~~://yoursite.example.com/</nowiki></span></blockquote>		# Edit your other profiles, e.g. your [https://github.com/ GitHub] profile, and set link (🔗) text field to your personal web address. E.g. <blockquote style="white-space:nowrap">🔗 <span style="border:1px solid silver; padding:5px; margin-left:1em"><nowiki>https://yoursite.example.com/</nowiki></span></blockquote>
	# When you use your personal site with web sign-in the first time[[#subsequent\|*]], your browser will redirect you to to your online profile, e.g. GitHub, and ask you to:		# When you use your personal site with web sign-in the first time[[#subsequent\|*]], your browser will redirect you to to your online profile, e.g. GitHub, and ask you to:
	#* Sign-in with your account on that profile (e.g. sign in to GitHub) if you're not already signed-in.		#* Sign-in with your account on that profile (e.g. sign in to GitHub) if you're not already signed-in.

Tantek: /* set up */ https

2025-06-03T23:56:32Z

set up: https

← Older revision		Revision as of 23:56, 3 June 2025
Line 23:		Line 23:
	Your personal site must be set up for web sign-in.		Your personal site must be set up for web sign-in.

	# Link from your personal site to your other profiles. Add <code>rel="me"</code> to those hyperlinks. E.g.: <blockquote style="white-space:nowrap"><code><a <strong>rel="me"</strong> <nowiki>href="~~http~~://github.com/your_github_alias">...</nowiki></code></blockquote>		# Link from your personal site to your other profiles. Add <code>rel="me"</code> to those hyperlinks. E.g.: <blockquote style="white-space:nowrap"><code><a <strong>rel="me"</strong> <nowiki>href="https://github.com/your_github_alias">...</nowiki></code></blockquote>
	# Edit your other profiles, e.g. your [https://github.com/ GitHub] profile, and set link (🔗) text field to your personal web address. E.g. <blockquote style="white-space:nowrap">🔗 <span style="border:1px solid silver; padding:5px; margin-left:1em"><nowiki>http://yoursite.example.com/</nowiki></span></blockquote>		# Edit your other profiles, e.g. your [https://github.com/ GitHub] profile, and set link (🔗) text field to your personal web address. E.g. <blockquote style="white-space:nowrap">🔗 <span style="border:1px solid silver; padding:5px; margin-left:1em"><nowiki>http://yoursite.example.com/</nowiki></span></blockquote>
	# When you use your personal site with web sign-in the first time[[#subsequent\|*]], your browser will redirect you to to your online profile, e.g. GitHub, and ask you to:		# When you use your personal site with web sign-in the first time[[#subsequent\|*]], your browser will redirect you to to your online profile, e.g. GitHub, and ask you to:

Tantek: update to use GitHub in examples rather than Twitter

2025-06-03T23:19:36Z

update to use GitHub in examples rather than Twitter

← Older revision		Revision as of 23:19, 3 June 2025
Line 23:		Line 23:
	Your personal site must be set up for web sign-in.		Your personal site must be set up for web sign-in.

	# Link from your personal site to your other profiles. Add <code>rel="me"</code> to those hyperlinks. E.g.: <blockquote style="white-space:nowrap"><code><a <strong>rel="me"</strong> <nowiki>href="http://~~twitter~~.com/~~your_twitter_alias~~">...</nowiki></code></blockquote>		# Link from your personal site to your other profiles. Add <code>rel="me"</code> to those hyperlinks. E.g.: <blockquote style="white-space:nowrap"><code><a <strong>rel="me"</strong> <nowiki>href="http://github.com/your_github_alias">...</nowiki></code></blockquote>
	# Edit your other profiles, e.g. your [https://~~twitter~~.com/~~settings/profile Twitter~~ profile ~~settings]~~, and set ~~the "Web"~~ (~~"homepage", "Website/Blog"~~) field to your personal ~~site~~. E.g. <blockquote style="white-space:nowrap">~~Web~~ <span style="border:1px solid silver; padding:5px; margin-left:1em"><nowiki>http://yoursite.example.com/</nowiki></span></blockquote>		# Edit your other profiles, e.g. your [https://github.com/ GitHub] profile, and set link (🔗) text field to your personal web address. E.g. <blockquote style="white-space:nowrap">🔗 <span style="border:1px solid silver; padding:5px; margin-left:1em"><nowiki>http://yoursite.example.com/</nowiki></span></blockquote>
	# When you use your personal site with web sign-in the first time[[#subsequent\|*]], your browser will redirect you to to your online profile, e.g. ~~Twitter~~, and ask you to:		# When you use your personal site with web sign-in the first time[[#subsequent\|*]], your browser will redirect you to to your online profile, e.g. GitHub, and ask you to:
	#* Sign-in with your account on that profile (e.g. sign in to ~~Twitter~~) if you're not already signed-in.		#* Sign-in with your account on that profile (e.g. sign in to GitHub) if you're not already signed-in.
	#* Authorize the site to use your account, e.g. your ~~Twitter~~ account: <blockquote><p>Authorize Site to use your account?</p><p>This application will be able to:</p><ul><li>Read Tweets from your timeline.</li><li>See who you follow.</li></ul><p>( Sign In )</p></blockquote> Click the <b>( Sign In )</b> button and you should be all set.		#* Authorize the site to use your account, e.g. your GitHub account: <blockquote><p>Authorize Site to use your account?<!-- Replace this with the GitHub OAuth text: </p><p>This application will be able to:</p><ul><li>Read Tweets from your timeline.</li><li>See who you follow.</li></ul><p>( Sign In )</p></blockquote> Click the <b>( Sign In )</b> button and you should be all set.-->

	<nowiki>*</nowiki> <span id="subsequent">Subsequent</span> sign-ins to the same web sign-in form should be pre-filled with your domain name (e.g. via a cookie from the site) so all you have to do is click (Sign-in). In addition, if the site is properly using HTML5 <code><input type=url></code>, browsers will help you auto-complete your personal web address for you across all sites that do web sign-in.		<nowiki>*</nowiki> <span id="subsequent">Subsequent</span> sign-ins to the same web sign-in form should be pre-filled with your domain name (e.g. via a cookie from the site) so all you have to do is click (Sign-in). In addition, if the site is properly using HTML5 <code><input type=url></code>, browsers will help you auto-complete your personal web address for you across all sites that do web sign-in.

Tantek: /* user interface */ note preferably to https, similar to IndieAuth spec guidance

2021-08-26T21:55:19Z

user interface: note preferably to https, similar to IndieAuth spec guidance

← Older revision		Revision as of 21:55, 26 August 2021
Line 37:		Line 37:
	Important details:		Important details:
	* The web address input "[........................]" MUST accept		* The web address input "[........................]" MUST accept
	** a "plain domain" e.g. tantek.com and canonicalize that to http://tantek.com/		** a "plain domain" e.g. tantek.com and canonicalize that to http://tantek.com/ or preferably to https://tantek.com/
	** an http(s) domain without a path e.g. http://sixtwothree.org or https://sixtwothree.org and canonicalize http://sixtwothree.org/ or https://sixtwothree.org/ respectively		** an http(s) domain without a path e.g. http://sixtwothree.org or https://sixtwothree.org and canonicalize http://sixtwothree.org/ or https://sixtwothree.org/ respectively

Aaronpk: Replace with {{DISPLAYTITLE:}}

2020-07-18T16:34:58Z

Replace <entry-title> with {{DISPLAYTITLE:}}

← Older revision		Revision as of 16:34, 18 July 2020
Line 1:		Line 1:
	~~<entry-title>~~Web sign-in~~</entry-title>~~		{{DISPLAYTITLE:Web sign-in}}

	Use the (Web sign-in) button on a site to sign-in with your personal web address.		Use the (Web sign-in) button on a site to sign-in with your personal web address.

Tantek: add UI subsection for developers with plain domain and pathless domain canonicalization

2018-05-24T01:12:57Z

add UI subsection for developers with plain domain and pathless domain canonicalization

← Older revision		Revision as of 01:12, 24 May 2018
Line 32:		Line 32:

	== developers ==		== developers ==
	See the [[RelMeAuth]] page for documentation on how to support Web sign-in on your site.		=== user interface ===
			For the Web sign-in UI, see the text mockups at the top of this page as a design starting point.

			Important details:
			* The web address input "[........................]" MUST accept
			** a "plain domain" e.g. tantek.com and canonicalize that to http://tantek.com/
			** an http(s) domain without a path e.g. http://sixtwothree.org or https://sixtwothree.org and canonicalize http://sixtwothree.org/ or https://sixtwothree.org/ respectively

			=== protocol ===
			See the [[RelMeAuth]] page for documentation on how to support Web sign-in protocol on your site.

	=== example implementations ===		=== example implementations ===

Aaronpk at 20:52, 27 July 2015

2015-07-27T20:52:12Z

← Older revision		Revision as of 20:52, 27 July 2015
Line 36:		Line 36:
	=== example implementations ===		=== example implementations ===
	* [http://tantek.com/relmeauth/ RelMeAuth prototype] demonstrates Web sign-in for both read-only/read-write permissions, and provides a simple interface for Tweeting when read-write permissions are provided.		* [http://tantek.com/relmeauth/ RelMeAuth prototype] demonstrates Web sign-in for both read-only/read-write permissions, and provides a simple interface for Tweeting when read-write permissions are provided.
	* [http://indieauth.com IndieAuth] not only uses Web sign-in but also provides a ~~RESTful Web~~ sign-in authentication ~~service~~!		* [http://indieauth.com IndieAuth] not only uses Web sign-in but also provides a web sign-in authentication API!
	** IndieWebCamp: Try out IndieAuth by signing-in to [http://IndieWebCamp.com IndieWebCamp.com].		** IndieWebCamp: Try out IndieAuth by signing-in to [http://IndieWebCamp.com IndieWebCamp.com].

	== why ==		== why ==
	See [http://indiewebcamp.com/Why_web_sign-in Why web sign-in] on the IndieWebCamp site.		See [http://indiewebcamp.com/Why_web_sign-in Why web sign-in] on the IndieWebCamp site.

Tantek: susequent sign-ins, input type=url

2014-07-08T17:08:19Z

susequent sign-ins, input type=url

← Older revision		Revision as of 17:08, 8 July 2014
Line 25:		Line 25:
	# Link from your personal site to your other profiles. Add <code>rel="me"</code> to those hyperlinks. E.g.: <blockquote style="white-space:nowrap"><code><a <strong>rel="me"</strong> <nowiki>href="http://twitter.com/your_twitter_alias">...</nowiki></code></blockquote>		# Link from your personal site to your other profiles. Add <code>rel="me"</code> to those hyperlinks. E.g.: <blockquote style="white-space:nowrap"><code><a <strong>rel="me"</strong> <nowiki>href="http://twitter.com/your_twitter_alias">...</nowiki></code></blockquote>
	# Edit your other profiles, e.g. your [https://twitter.com/settings/profile Twitter profile settings], and set the "Web" ("homepage", "Website/Blog") field to your personal site. E.g. <blockquote style="white-space:nowrap">Web <span style="border:1px solid silver; padding:5px; margin-left:1em"><nowiki>http://yoursite.example.com/</nowiki></span></blockquote>		# Edit your other profiles, e.g. your [https://twitter.com/settings/profile Twitter profile settings], and set the "Web" ("homepage", "Website/Blog") field to your personal site. E.g. <blockquote style="white-space:nowrap">Web <span style="border:1px solid silver; padding:5px; margin-left:1em"><nowiki>http://yoursite.example.com/</nowiki></span></blockquote>
	# When you use your personal site with web sign-in the first time, your browser will redirect you to to your online profile, e.g. Twitter, and ask you to:		# When you use your personal site with web sign-in the first time[[#subsequent\|*]], your browser will redirect you to to your online profile, e.g. Twitter, and ask you to:
	#* Sign-in with your account on that profile (e.g. sign in to Twitter) if you're not already signed-in.		#* Sign-in with your account on that profile (e.g. sign in to Twitter) if you're not already signed-in.
	#* Authorize the site to use your account, e.g. your Twitter account: <blockquote><p>Authorize Site to use your account?</p><p>This application will be able to:</p><ul><li>Read Tweets from your timeline.</li><li>See who you follow.</li></ul><p>( Sign In )</p></blockquote> Click the <b>( Sign In )</b> button and you should be all set.		#* Authorize the site to use your account, e.g. your Twitter account: <blockquote><p>Authorize Site to use your account?</p><p>This application will be able to:</p><ul><li>Read Tweets from your timeline.</li><li>See who you follow.</li></ul><p>( Sign In )</p></blockquote> Click the <b>( Sign In )</b> button and you should be all set.

			<nowiki>*</nowiki> <span id="subsequent">Subsequent</span> sign-ins to the same web sign-in form should be pre-filled with your domain name (e.g. via a cookie from the site) so all you have to do is click (Sign-in). In addition, if the site is properly using HTML5 <code><input type=url></code>, browsers will help you auto-complete your personal web address for you across all sites that do web sign-in.

	== developers ==		== developers ==