Adding Google Sign-in And Others

Introduction

    The purpose of this post is to show how to add any Oauth login to your site, but mostly Google Plus because of my current applications (Penguins Rising!). In my quest to achieve this I found it to be really simple with Google Plus and the only real trouble I had was with the Client Id. I setup my Google API service account years ago but never really tried anything until now. What I did was just recreate a client id and everything worked!

My Website Oauth Choices 

     This next part is a little of my opinion and about what I think is the best strategy for Oauth integration. For me when it comes to social medias and integrating user logins I like to go the route of making sure I have all three of the major. The major hitter in my book are Twitter, Google Plus, and of course Facebook. However I know a lot of sites differ on the importance these three . Still personally I like seeing Google Plus being available and I think any site that has the other two but not Google Plus is really just lazy. That or doesn't see the benefit of adding it. Right now if I would have to look at all three of these social sites and why I would add all of them, I describe it like so. ..
  • Facebook
    • A community of close friends/family members. Sometimes acquaintances...
  • Google Plus
    • The opposite of Facebook, A community of anyone with similar interests.
  • Twitter 
    • The combination of the two but without any real profiling to the users. A way speak to a larger audience without the drama. So its really helpful if you have game coming out (hint.. October 1st.)
    All three have a different community to add, Twitter being the backbone really of both communities in my opinion. Still I've been looking at other sites that have add all three and found that a lot of them have custom icons to unify them together which I think sends a message. This is a message I also believe in which is when it comes to an application it really doesn't matter which ones clients use just along as they get enjoy the application sooner. So including all three makes it easier for people to enjoy the application because they can more easily access or connect to the app.

CNN Options

//Example like so...
   <button class="g-signin"
        data-scope="https://www.googleapis.com/auth/games"
        data-requestvisibleactions="http://schemas.google.com/AddActivity"
        data-clientId="YourClientIDhere"
        data-callback="onSignInCallback"
        data-theme="dark"
        data-cookiepolicy="single_host_origin">
    </button>
       
 c# - Great for an MVC application, however there is an easier way find that I found.
The other way I found allows you to add all three in an MVC app with little or not work.
The Article: Using OAuth Providers with MVC4 is really easy and requires very little extra
work if you just start a new application. I also found this tutorial that goes in depth for twitter and facebook but did not get a change yet to go through it. 

That's It!?

Like I said earlier its just lazy if you don't include this, but still I know I didn't show how to do it in other languages beside C# or Javascript but this post was only to show how I included them in my applications, like Penguins Rising or The Rust Spot. When I get a chance will go back through and try to explain other platforms and languages.



Popular posts from this blog

Aspetcore: NLog with Postgresql

This Article is base ASP.Net Core 2 and the latest version of Nlog. 1. Install NLog and the Postgresql Package Using NuGet to install the package into your ASP.NET Core project: PM > Install-Package NLog.Web.AspNetCore PM > Install-Package Npgsql 3. Register NLog Add in your Startup.cs  public void Configure ( IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory ) { ... env.ConfigureNLog( "nlog.config" ); ... // make sure Chinese chars don't fk up Encoding.RegisterProvider(CodePagesEncodingProvider.Instance); //add NLog to ASP.NET Core loggerFactory.AddNLog(); //add NLog.Web app.AddNLogWeb(); } 4. Add to Your Controller Add a logger object to your Controller. private readonly ILogger<YourController> _logger; Modify the constructor to use it public YourController ( ILogger<YourController> logger = null ) { if ( null != logger) { _logger = logger; ...
Read more

Mongodb Cheatsheet

This cheat sheet is based on the latest version of mongodb, which initial had setup and didn't encounter any problems. However that all changed when I was working remote and forgot I disabled the port no my network, rather than with the server. So I went pointing around where I didn't need to and ended up messing things up. The Best tutorial out there is of course on digital ocean for my setup on ubuntu 16.04 , this articles isn't so much about getting setup. I just wanted to include it because I found myself looking back at it to see if I missed a step. Bugs/Problems Now comes all the messed up things I found and had to deal with. firewall - Port seems to be open, but connection refused try using 0.0.0.0 in the bin_ip for the /etc/mongo.conf try sudo ufw disable and check to see if it works without the firewall (probably still wont but worth a shot), then just sudo ufw enable. Make sure port 27017 is open. Then check this  linux - Connection refused to MongoDB e...
Read more

Installing Windows on Acer chromebook 15 cb3-532

Much of my notes are just small problems I faced (what's new!) haha. Either way this was a really fun project to do for a friend and I got excited once I research all the information. You can find instruction videos but what helped me the most was the coolstar website. Sadly they don't have parameters in the url so I can link the machine I used in this article. -  https://coolstar.org/chromebook/windows-install.html Scared of messing with the bios? Don't be!    So you need to first remove the screw to put a legacy bios on the machine. Its easy to backup the chrome os one and with the same steps to change it. You can go back in and revert to the chrome version bios. Its that last part that had me worried and its very easy to do.  Problems getting into Developer Mode?   Follow the instructions to the letter, during the step to disable the OS verification, press Ctrl-D to boot into os. If you hear two beeps I would go back to set one. I got in a loo...
Read more