| 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
|---|
| 2 | "http://www.w3.org/TR/html4/loose.dtd"> |
|---|
| 3 | <html> |
|---|
| 4 | <head> |
|---|
| 5 | <meta charset="utf-8"> |
|---|
| 6 | <title>Showcases | HybridAuth</title> |
|---|
| 7 | <style> |
|---|
| 8 | body { |
|---|
| 9 | margin: 100px; |
|---|
| 10 | margin-top: 25px; |
|---|
| 11 | font: 13px/20px normal Helvetica, Arial, sans-serif; |
|---|
| 12 | } |
|---|
| 13 | h1, h2, h3 { |
|---|
| 14 | color: #444; |
|---|
| 15 | font-size: 19px; |
|---|
| 16 | margin: 0 0 14px 0; |
|---|
| 17 | } |
|---|
| 18 | h1 { |
|---|
| 19 | border-bottom: 1px solid #D0D0D0; |
|---|
| 20 | padding: 14px 15px 10px 15px; |
|---|
| 21 | } |
|---|
| 22 | h2 { |
|---|
| 23 | font-size: 16px; |
|---|
| 24 | } |
|---|
| 25 | h3 { |
|---|
| 26 | font-size: 14px; |
|---|
| 27 | } |
|---|
| 28 | pre { |
|---|
| 29 | font-family: Consolas, Monaco, Courier New, Courier, monospace; |
|---|
| 30 | font-size: 12px; |
|---|
| 31 | background-color: #f9f9f9; |
|---|
| 32 | border: 1px solid #D0D0D0; |
|---|
| 33 | color: #002166; |
|---|
| 34 | display: block; |
|---|
| 35 | margin: 14px 0 14px 0; |
|---|
| 36 | padding: 12px 10px 12px 10px; |
|---|
| 37 | } |
|---|
| 38 | |
|---|
| 39 | #body{ |
|---|
| 40 | margin: 0 15px 0 15px; |
|---|
| 41 | } |
|---|
| 42 | |
|---|
| 43 | #container{ |
|---|
| 44 | margin: 10px; |
|---|
| 45 | border: 1px solid #CCCCCC; |
|---|
| 46 | } |
|---|
| 47 | code { |
|---|
| 48 | background-color: #FEE9CC; |
|---|
| 49 | color: rgba(0, 0, 0, 0.75); |
|---|
| 50 | padding: 1px 3px; |
|---|
| 51 | } |
|---|
| 52 | li { |
|---|
| 53 | line-height: 27px; |
|---|
| 54 | } |
|---|
| 55 | hr { |
|---|
| 56 | border-color: #EEEEEE; |
|---|
| 57 | border-style: none none solid; |
|---|
| 58 | border-width: 0 0 1px; |
|---|
| 59 | margin: 20px 0 19px; |
|---|
| 60 | } |
|---|
| 61 | </style> |
|---|
| 62 | </head> |
|---|
| 63 | <body> |
|---|
| 64 | |
|---|
| 65 | <div id="container"> |
|---|
| 66 | <h1>HybridAuth showcases</h1> |
|---|
| 67 | |
|---|
| 68 | <div id="body"> |
|---|
| 69 | <h2>Getting Started</h2> |
|---|
| 70 | |
|---|
| 71 | <p align="justify">To install HybridAuth, you can use the <a href="../hybridauth/install.php">HybridAuth Auto Installer</a>.</p> |
|---|
| 72 | <p align="justify">You can also install HybridAuth manually by refering to <strong>Installation and Configuration</strong> sections at <a href="http://hybridauth.sourceforge.net/userguide.html">http://hybridauth.sourceforge.net/userguide.html</a></p> |
|---|
| 73 | <p align="justify">We also highly recommend to always download and use <b>the latest release</b> from HybridAuth website at <a href="http://hybridauth.sourceforge.net/download.html"></a><a href="http://hybridauth.sourceforge.net/download.html">http://hybridauth.sourceforge.net/download.html</a> </p> |
|---|
| 74 | |
|---|
| 75 | <hr /> |
|---|
| 76 | |
|---|
| 77 | <h3>Available examples and demos</h3> |
|---|
| 78 | |
|---|
| 79 | |
|---|
| 80 | <center> |
|---|
| 81 | <table width="85%" border="0" cellspacing="10"> |
|---|
| 82 | |
|---|
| 83 | <tr> |
|---|
| 84 | <td width="250" align="center"><a href="hello_world/index.php"><img src="http://hybridauth.sourceforge.net/demos/helloworld.gif" width="250" style="border:1px solid #ccc;padding:4px;" /></a></td> |
|---|
| 85 | <td align="left" valign="top"><a href="hello_world/index.php"><b>1 - Hello world</b></a> |
|---|
| 86 | <p align="justify"> |
|---|
| 87 | A very simple sign-in script which will try to directly connect the user with Twitter then grab his complete profile and also access the twitter social api. |
|---|
| 88 | How this script work is well <a href="http://hybridauth.sourceforge.net/userguide/Integrating_HybridAuth_SignIn.html">explained in this online guide</a>. |
|---|
| 89 | </p> |
|---|
| 90 | </td> |
|---|
| 91 | </tr> |
|---|
| 92 | |
|---|
| 93 | <tr> |
|---|
| 94 | <td align="center"><a href="widget_authentication/index.php"><img src="http://hybridauth.sourceforge.net/demos/widget.gif" width="250" style="border:1px solid #ccc;padding:4px;" /></a></td> |
|---|
| 95 | <td align="left" valign="top"><a href="widget_authentication/index.php"><b>2 - Widget integration</b></a> |
|---|
| 96 | <p align="justify"> |
|---|
| 97 | A simple user friendly sign-in interface (aka: provider selector UI) which you can integrate, customize, redesign and improve (and hopefully you will share some of your work with the comminuty). |
|---|
| 98 | </p> |
|---|
| 99 | </td> |
|---|
| 100 | </tr> |
|---|
| 101 | |
|---|
| 102 | <tr> |
|---|
| 103 | <td align="center"><a href="social_hub/index.php"><img src="http://hybridauth.sourceforge.net/demos/embed.gif" width="250" style="border:1px solid #ccc;padding:4px;" /></a></td> |
|---|
| 104 | <td align="left" valign="top"><a href="social_hub/index.php"><b>3 - Tiny Social Hub</b></a> |
|---|
| 105 | <p align="justify"> |
|---|
| 106 | This exapmle show how users can login with providers using HybridAuth. It also show how to grab their profile, update their status or to grab their freinds list from services such as facebook, twitter, myspace. |
|---|
| 107 | </p> |
|---|
| 108 | </tr> |
|---|
| 109 | |
|---|
| 110 | <tr> |
|---|
| 111 | <td align="center"><a href="signin_signup/index.php"><img src="http://hybridauth.sourceforge.net/demos/singup.gif" width="250" style="border:1px solid #ccc;padding:4px;" /></a></td> |
|---|
| 112 | <td align="left" valign="top"><a href="signin_signup/index.php"><b>4 - Sign-in/Sign-up Users</b></a> |
|---|
| 113 | <p align="justify"> |
|---|
| 114 | An attempt to put together an answer to how to sign-in/sign-up users using HybridAuth in an existing web application. <p align="justify"> |
|---|
| 115 | This exapmle provide a simple implementation of the whole sign-in/sign-up process on a MVC environment.</p> |
|---|
| 116 | </tr> |
|---|
| 117 | |
|---|
| 118 | <tr> |
|---|
| 119 | <td align="center"><a href="facebook_integration/index.php"><img src="http://hybridauth.sourceforge.net/demos/fb.gif" width="250" style="border:1px solid #ccc;padding:4px;" /></a></td> |
|---|
| 120 | <td align="left" valign="top"><a href="facebook_integration/index.php"><b>5 - Basic Facebook integration</b></a> |
|---|
| 121 | <p align="justify"> |
|---|
| 122 | A VERY basic example which show how to integrate Facebook Javascript SDK side by side with HybridAuth. |
|---|
| 123 | </p> |
|---|
| 124 | </tr> |
|---|
| 125 | |
|---|
| 126 | </table> |
|---|
| 127 | </center> |
|---|
| 128 | |
|---|
| 129 | |
|---|
| 130 | <hr /> |
|---|
| 131 | |
|---|
| 132 | <h3>Third-party Plugins</h3> |
|---|
| 133 | <p> |
|---|
| 134 | Plugins and Addons available for serval CMS platforms and PHP frameworks using HybridAuth Library. The open source plugins and addons are contributed by members of the community. |
|---|
| 135 | </p> |
|---|
| 136 | <center> |
|---|
| 137 | <table width="85%" border="0" cellspacing="10" style="border: 1px solid #DDDDDD;"> |
|---|
| 138 | <tbody> |
|---|
| 139 | <tr> |
|---|
| 140 | <td align="center" width="50"><img src="http://hybridauth.sourceforge.net/imgs/codeigniter.png" style="border:0; margin0; padding:0;" /></td> |
|---|
| 141 | <td width="120"><b>CodeIgniter</b></td> |
|---|
| 142 | <td>CodeIgniter HybridAuth Library Integration</td> |
|---|
| 143 | <td align="center" width="80"><span class="label success">Open Source</span></td> |
|---|
| 144 | <td align="center" width="80"><a target="_blank" href="https://github.com/andacata/HybridIgniter" class="btn">Download</a></td> |
|---|
| 145 | </tr> |
|---|
| 146 | <tr> |
|---|
| 147 | <td align="center"><img src="http://hybridauth.sourceforge.net/imgs/cakephp.png" style="border:0; margin0; padding:0;" /></td> |
|---|
| 148 | <td><b>CakePHP</b></td> |
|---|
| 149 | <td>CakePHP HybridAuth Library Integration</td> |
|---|
| 150 | <td><span class="label success">Open Source</span></td> |
|---|
| 151 | <td align="center"><a target="_blank" href="http://hybridauth.sourceforge.net/donwloads/CakePHP-HybridAuth.zip" class="btn">Download</a></td> |
|---|
| 152 | </tr> |
|---|
| 153 | <tr> |
|---|
| 154 | <td align="center"><img src="http://hybridauth.sourceforge.net/imgs/zf.png" style="border:0; margin0; padding:0;" /></td> |
|---|
| 155 | <td><b>Zend Framework 2</b></td> |
|---|
| 156 | <td>ZF2 HybridAuth Library Integration</td> |
|---|
| 157 | <td><span class="label success">Open Source</span></td> |
|---|
| 158 | <td align="center"><a target="_blank" href="https://github.com/SocalNick/ScnSocialAuth" class="btn">Download</a></td> |
|---|
| 159 | </tr> |
|---|
| 160 | <tr> |
|---|
| 161 | <td align="center"><img src="http://hybridauth.sourceforge.net/imgs/symfony.png" style="border:0; margin0; padding:0;" /></td> |
|---|
| 162 | <td><b>Symfony2</b></td> |
|---|
| 163 | <td>Bundle for connecton via HybridAuth library</td> |
|---|
| 164 | <td><span class="label success">Open Source</span></td> |
|---|
| 165 | <td align="center"><a target="_blank" href="https://github.com/Soullivaneuh/SLLHHybridAuthBundle" class="btn">Download</a></td> |
|---|
| 166 | </tr> |
|---|
| 167 | <tr> |
|---|
| 168 | <td align="center"><img src="http://hybridauth.sourceforge.net/imgs/yii.png" style="border:0; margin0; padding:0;" /></td> |
|---|
| 169 | <td><b>YII</b></td> |
|---|
| 170 | <td>Yii Implementation of HybridAuth for social (Facebook, Yahoo etc) logins</td> |
|---|
| 171 | <td align="center"><span class="label success">Open Source</span></td> |
|---|
| 172 | <td align="center"><a target="_blank" href="http://www.yiiframework.com/extension/hybridauth/" class="btn">Download</a></td> |
|---|
| 173 | </tr> |
|---|
| 174 | <tr> |
|---|
| 175 | <td align="center"><img src="http://hybridauth.sourceforge.net/imgs/yii.png" style="border:0; margin0; padding:0;" /></td> |
|---|
| 176 | <td><b>YII</b></td> |
|---|
| 177 | <td>Yiiauth, A hybridauth module for the Yii php framework</td> |
|---|
| 178 | <td align="center"><span class="label success">Open Source</span></td> |
|---|
| 179 | <td align="center"><a target="_blank" href="http://www.yiiframework.com/extension/yiiauth/" class="btn">Download</a></td> |
|---|
| 180 | </tr> |
|---|
| 181 | </tbody> |
|---|
| 182 | </table> |
|---|
| 183 | <br /> |
|---|
| 184 | <table width="85%" border="0" cellspacing="10" style="border: 1px solid #DDDDDD;"> |
|---|
| 185 | <tbody> |
|---|
| 186 | <tr> |
|---|
| 187 | <td align="center" width="50"><img src="http://hybridauth.sourceforge.net/imgs/wordpress.png" style="border:0; margin0; padding:0;" /></td> |
|---|
| 188 | <td width="120"><b>WordPress</b></td> |
|---|
| 189 | <td>WordPress Social Login</td> |
|---|
| 190 | <td align="center" width="80"><span class="label success">Open Source</span></td> |
|---|
| 191 | <td align="center" width="80"><a target="_blank" href="http://wordpress.org/extend/plugins/wordpress-social-login/" class="btn">Download</a></td> |
|---|
| 192 | </tr> |
|---|
| 193 | <tr> |
|---|
| 194 | <td align="center" width="50"><img src="http://hybridauth.sourceforge.net/imgs/wordpress.png" style="border:0; margin0; padding:0;" /></td> |
|---|
| 195 | <td width="120"><b>WordPress</b></td> |
|---|
| 196 | <td>SocialAuth-WP</td> |
|---|
| 197 | <td align="center" width="80"><span class="label success">Open Source</span></td> |
|---|
| 198 | <td align="center" width="80"><a target="_blank" href="http://wordpress.org/extend/plugins/socialauth-wp/" class="btn">Download</a></td> |
|---|
| 199 | </tr> |
|---|
| 200 | <tr> |
|---|
| 201 | <td align="center"><img src="http://hybridauth.sourceforge.net/imgs/elgg.png" style="border:0; margin0; padding:0;" /></td> |
|---|
| 202 | <td><b>Elgg</b></td> |
|---|
| 203 | <td>Social Connect for Elgg 1.8</td> |
|---|
| 204 | <td align="center"><span class="label success">Open Source</span></td> |
|---|
| 205 | <td align="center"><a target="_blank" href="http://community.elgg.org/plugins/1116977/1.0/social-connect" class="btn">Download</a></td> |
|---|
| 206 | </tr> |
|---|
| 207 | <tr> |
|---|
| 208 | <td align="center"><img src="http://hybridauth.sourceforge.net/imgs/elgg.png" style="border:0; margin0; padding:0;" /></td> |
|---|
| 209 | <td><b>Elgg</b></td> |
|---|
| 210 | <td>Social Login for Elgg 1.8</td> |
|---|
| 211 | <td align="center"><span class="label success">Open Source</span></td> |
|---|
| 212 | <td align="center"><a target="_blank" href="http://community.elgg.org/pg/plugins/project/822077/developer/miled/social-login-for-elgg-18" class="btn">Download</a></td> |
|---|
| 213 | </tr> |
|---|
| 214 | <tr> |
|---|
| 215 | <td align="center"><img src="http://hybridauth.sourceforge.net/imgs/drupal.png" style="border:0; margin0; padding:0;" /></td> |
|---|
| 216 | <td><b>Drupal</b></td> |
|---|
| 217 | <td>HybridAuth Social Sign-on</td> |
|---|
| 218 | <td align="center"><span class="label success">Open Source</span></td> |
|---|
| 219 | <td align="center"><a target="_blank" href="http://drupal.org/project/hybridauth" class="btn">Download</a></td> |
|---|
| 220 | </tr> |
|---|
| 221 | <tr> |
|---|
| 222 | <td align="center"><img src="http://hybridauth.sourceforge.net/imgs/opencart.png" style="border:0; margin0; padding:0;" /></td> |
|---|
| 223 | <td><b>Opencart</b></td> |
|---|
| 224 | <td>Third-Party Login / Sing in</td> |
|---|
| 225 | <td align="center"><span class="label important">Commercial</span></td> |
|---|
| 226 | <td align="center"><a target="_blank" href="http://www.opencart.com/index.php?route=extension/extension/info&extension_id=4131" class="btn">Download</a></td> |
|---|
| 227 | </tr> |
|---|
| 228 | <tr> |
|---|
| 229 | <td align="center"><img src="http://hybridauth.sourceforge.net/imgs/joomla.png" style="border:0; margin0; padding:0;" /></td> |
|---|
| 230 | <td><b>Joomla</b></td> |
|---|
| 231 | <td>HybridAuth Extension</td> |
|---|
| 232 | <td align="center"><span class="label important">Commercial</span></td> |
|---|
| 233 | <td align="center"><a target="_blank" href="https://extensions.joomla.org/extensions/access-a-security/site-access/authentication-cloud-based/21006" class="btn">Download</a></td> |
|---|
| 234 | </tr> |
|---|
| 235 | <tr> |
|---|
| 236 | <td align="center"><img src="http://hybridauth.sourceforge.net/imgs/c5.png" style="border:0; margin0; padding:0;" /></td> |
|---|
| 237 | <td><b>Concrete5</b></td> |
|---|
| 238 | <td>Social Package</td> |
|---|
| 239 | <td><span class="label success">Open Source</span></td> |
|---|
| 240 | <td align="center"><a target="_blank" href="https://github.com/spadin/social" class="btn">Download</a></td> |
|---|
| 241 | </tr> |
|---|
| 242 | <tr> |
|---|
| 243 | <td align="center"><img src="http://hybridauth.sourceforge.net/imgs/c5.png" style="border:0; margin0; padding:0;" /></td> |
|---|
| 244 | <td><b>Concrete5</b></td> |
|---|
| 245 | <td>Social Login</td> |
|---|
| 246 | <td align="center"><span class="label important">Commercial</span></td> |
|---|
| 247 | <td align="center"><a target="_blank" href="http://www.concrete5.org/marketplace/addons/social-login/" class="btn">Download</a></td> |
|---|
| 248 | </tr> |
|---|
| 249 | <tr> |
|---|
| 250 | <td align="center"><img src="http://hybridauth.sourceforge.net/imgs/ee.png" style="border:0; margin0; padding:0;" /></td> |
|---|
| 251 | <td><b>Expression Engine</b></td> |
|---|
| 252 | <td>Social Sign On</td> |
|---|
| 253 | <td align="center"><span class="label important">Commercial</span></td> |
|---|
| 254 | <td align="center"><a target="_blank" href="http://devot-ee.com/add-ons/social-sign-on" class="btn">Download</a></td> |
|---|
| 255 | </tr> |
|---|
| 256 | <tr> |
|---|
| 257 | <td align="center"><img src="http://hybridauth.sourceforge.net/imgs/babygekko.png" style="border:0; margin0; padding:0;" /></td> |
|---|
| 258 | <td><b>BabyGekko</b></td> |
|---|
| 259 | <td>OpenUsers Plugin</td> |
|---|
| 260 | <td><span class="label success">FREE</span></td> |
|---|
| 261 | <td align="center"><a target="_blank" href="http://www.babygekko.com/site/extensions/administration/openusers_facebook_google_yahoo_live_linkedin_.html" class="btn">Download</a></td> |
|---|
| 262 | </tr> |
|---|
| 263 | <tr> |
|---|
| 264 | <td align="center"><img src="http://hybridauth.sourceforge.net/imgs/eccube.jpeg" style="border:0; margin0; padding:0;" /></td> |
|---|
| 265 | <td><b>EC-Cube</b></td> |
|---|
| 266 | <td>Social Login</td> |
|---|
| 267 | <td><span class="label success">Open Source</span></td> |
|---|
| 268 | <td align="center"><a target="_blank" href="https://www.ec-cube.net/products/detail.php?product_id=416" class="btn">Download</a></td> |
|---|
| 269 | </tr> |
|---|
| 270 | <tr> |
|---|
| 271 | <td align="center"><img src="http://hybridauth.sourceforge.net/imgs/modx.jpg" style="border:0; margin0; padding:0;" /></td> |
|---|
| 272 | <td><b>MODX</b></td> |
|---|
| 273 | <td>HybridAuth</td> |
|---|
| 274 | <td><span class="label success">Open Source</span></td> |
|---|
| 275 | <td align="center"><a target="_blank" href="http://modx.com/extras/package/hybridauth" class="btn">Download</a></td> |
|---|
| 276 | </tr> |
|---|
| 277 | <tr> |
|---|
| 278 | <td align="center"><img src="http://hybridauth.sourceforge.net/imgs/cotonti.png" style="border:0; margin0; padding:0;" /></td> |
|---|
| 279 | <td><b>Cotonti</b></td> |
|---|
| 280 | <td>HybridAuth Extension</td> |
|---|
| 281 | <td><span class="label success">Open Source</span></td> |
|---|
| 282 | <td align="center"><a target="_blank" href="http://www.cotonti.com/extensions/security-authentication/hybridauth" class="btn">Download</a></td> |
|---|
| 283 | </tr> |
|---|
| 284 | </tbody> |
|---|
| 285 | </table> |
|---|
| 286 | </center> |
|---|
| 287 | |
|---|
| 288 | <hr /> |
|---|
| 289 | |
|---|
| 290 | <h3>Help and support</h3> |
|---|
| 291 | <p><strong>To get help and support</strong>, join us and participate in the hybridauth discussion group at <a href="http://hybridauth.sourceforge.net/support.html"></a><a href="http://hybridauth.sourceforge.net/support.html">http://hybridauth.sourceforge.net/support.html</a></p> |
|---|
| 292 | </div> |
|---|
| 293 | </div> |
|---|
| 294 | |
|---|
| 295 | <script type="text/javascript"> |
|---|
| 296 | var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); |
|---|
| 297 | document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); |
|---|
| 298 | </script> |
|---|
| 299 | <script type="text/javascript"> |
|---|
| 300 | try { |
|---|
| 301 | var pageTracker = _gat._getTracker("UA-11037160-1"); |
|---|
| 302 | pageTracker._trackPageview(); |
|---|
| 303 | } catch(err) {}</script> |
|---|
| 304 | <script type="text/javascript"> var sc_project=7312365; var sc_invisible=1; var sc_security="30da00f3"; </script> |
|---|
| 305 | <script type="text/javascript" src="http://www.statcounter.com/counter/counter.js"></script> |
|---|
| 306 | |
|---|
| 307 | </body> |
|---|
| 308 | </html> |
|---|
