web-sign-in: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
m (→‎set up: gr)
(example implementations section with RelMeAuth prototype and IndieAuth)
Line 5: Line 5:
When you click a (Web sign-in) button, the site will ask you for your web address, e.g.:
When you click a (Web sign-in) button, the site will ask you for your web address, e.g.:


<blockquote style="border:1px solid gray; float:left; padding:1em">
<blockquote style="border:1px solid gray; float:left; clear; left; padding:1em">
Web address: [........................] (Sign-in)
</blockquote>
<div style="clear:both">or:</div>
 
<blockquote style="border:1px solid gray; float:left; clear; left; padding:1em">
Web address: <br/>
Web address: <br/>
[........................] <br/>
[........................] <br/>
Line 25: Line 30:


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


See the [[RelMeAuth]] page for documentation on how to support Web sign-in on your site.
=== 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://indieauth.com IndieAuth] not only uses Web sign-in but also provides a RESTful Web sign-in authentication service!

Revision as of 00:47, 3 April 2012

<entry-title>Web sign-in</entry-title>

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

When you click a (Web sign-in) button, the site will ask you for your web address, e.g.:

Web address: [........................] (Sign-in)

or:

Web address:
[........................]
(Sign-in)

 

Enter your personal web address and press return / click (Sign-in).

set up

Your personal site must be set up for web sign-in.

  1. Link from your personal site to your other profiles. Add rel="me" to those hyperlinks. E.g.:

    <a rel="me" href="http://twitter.com/your_twitter_alias">...

  2. Edit your other profiles, e.g. your Twitter profile settings, and set the "Web" ("homepage", "Website/Blog") field to your personal site. E.g.

    Web http://yoursite.example.com/

  3. 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:
    • 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:

      Authorize Site to use your account?

      This application will be able to:

      • Read Tweets from your timeline.
      • See who you follow.

      ( Sign In )

      Click the ( Sign In ) button and you should be all set.

developers

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

example implementations

  • 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.
  • IndieAuth not only uses Web sign-in but also provides a RESTful Web sign-in authentication service!