web-sign-in: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(drafted)
 
(fix a few minor typos / copy-pasteos)
Line 1: Line 1:
<entry-title>Web sign-in<entry-title>
<entry-title>Web sign-in</entry-title>


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.
Line 13: Line 13:
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>&lt;a <strong>rel="me"</strong> href="http://twitter.com/your_twitter_alias"&gt;...</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>&lt;a <strong>rel="me"</strong> <nowiki>href="http://twitter.com/your_twitter_alias"&gt;...</nowiki></code></blockquote>
[[rel-me|rel="me"]] to links from your home page to your various profiles on other services.
 
# Edit your other profiles, e.g. your [https://twitter.com/settings/profile Twitter profile settings], and set "Web" ("homepage", "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 "Web" ("homepage", "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, 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 Aaron Parecki's Wiki 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.


== 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.

Revision as of 07:15, 27 November 2011

<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)

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 "Web" ("homepage", "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.