CINXE.COM
OAuth Community Site
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>OAuth Community Site</title> <link href="/stylesheets/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="/stylesheets/style.css?2" rel="stylesheet" type="text/css" /> <link href="/stylesheets/print.css" rel="stylesheet" type="text/css" media="print" /> <link rel="webmention" href="https://webmention.io/oauth/webmention" /> </head> <body> <div id="ea"> <div class="ea-placement"><div class="ea-content"></div></div> </div> <script src="https://cdn.usefathom.com/script.js" site="KKZQTOOD" defer></script> <script> var trackOutboundClick = function(url, code) { if(window.fathom) { window.fathom.trackGoal(code, 0); } } </script> <nav class="navbar navbar-expand-md navbar-light bg-light"> <a class="navbar-brand" href="/"><img src="/images/oauth-logo-square.png" width="45" alt=""></a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarsExampleDefault"> <ul class="navbar-nav mr-auto"> <li class="nav-item"><a class="nav-link" href="/2/">OAuth 2.0</a></li> <li class="nav-item"><a class="nav-link" href="/specs/">Specs</a></li> <li class="nav-item"><a class="nav-link" href="/code/">Code</a></li> <li class="nav-item"><a class="nav-link" href="/articles/">Articles</a></li> <li class="nav-item"><a class="nav-link" href="/videos/">Videos</a></li> <li class="nav-item"><a class="nav-link" href="https://events.oauth.net/">Events</a></li> <li class="nav-item"><a class="nav-link" href="/books/">Books</a></li> <li class="nav-item"><a class="nav-link" href="/security/">Security</a></li> <li class="nav-item"><a class="nav-link" href="https://shop.oauth.net/">Merch</a></li> <li class="nav-item"><a class="nav-link" href="/about/credits/">About</a></li> </ul> </div> </nav> <div class="print-header"> <span class="item"><img src="/images/oauth-logo-square.png" width="45" alt=""></span> <span class="item">oauth.net/</span> </div> <div class="alert alert-success" role="alert" style="border-radius: 0;" id="site-banner"> <div style="max-width:800px; margin: 0 auto; padding: 0 15px;"> Featured Video Course: <span ><a href="https://www.udemy.com/course/oauth-2-simplified/?referralCode=B04F59AED67B8DA74FA7" onclick="fathom.trackGoal('XOPGAGDA', 0);" class="featured-banner">The Nuts & Bolts of OAuth 2.0</a></span> </div> </div> <div class="container"> <div id="header" class="column first last span-20"> <div id="site-description" class="column span-18 append-1 prepend-1 first last"> <h3>An <strong>open protocol</strong> to allow <strong>secure authorization </strong> in a <strong>simple</strong> and <strong>standard</strong> method from web, mobile and desktop applications.</h3> <p id="read-more"> <a href="/2/">Learn more about OAuth 2.0 »</a> </p> </div> </div> <div style="margin-top: 10px;"> <iframe width="100%" height="400" src="https://www.youtube.com/embed/KT8ybowdyr0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> <div class="column first last span-20" style="clear: both; text-align: center; margin: 20px auto; float: none; max-width: 300px;"> <div style="padding: 20px 0; display: flex; flex-direction: row;"> </div> </div> <div class="row"> <div id="client-side" class="col-md-6"> <h5>For app developers...</h5> <p> If you're building... </p> <ul> <li>web applications</li> <li>desktop applications</li> <li>mobile applications</li> <li>JavaScript or browser-based apps</li> </ul> <p> OAuth is a way to get access to protected data from an application. It's safer and more secure than asking users to log in with passwords. </p> </div> <div id="server-side" class="col-md-6"> <h5>For API developers...</h5> <p> If you're supporting... </p> <ul> <li>web applications</li> <li>mobile applications</li> <li>server-side APIs</li> <li>mashups</li> </ul> <p> Use OAuth to let application developers securely get access to your users' data without sharing their passwords. </p> </div> <div class="clear"></div> <a href="/getting-started/">Get started...</a> <div class="clear"></div> </div> </div> <footer> <div class="source"> Missing something? <a href="https://github.com/aaronpk/oauth.net/blob/main/public/index.php">Edit this page</a>. </div> <div class="container"> </div> </footer> <script src="/stylesheets/jquery-3.2.1.slim.min.js"></script> <script src="/stylesheets/bootstrap/js/bootstrap.min.js"></script> <script> function ea(response) { if(response.html) { $("#ea").html(response.html); } }; $(function(){ if(window.fathom && $(".featured-banner").data("view-code")) { window.fathom.trackGoal($(".featured-banner").data("view-code"), 0); } }); </script> <script async src="/thanks.php"></script> </body> </html>