If you wanted to make a custom button with id googleLoginButton for the Google OAuth login flow for example you would do
Template.myTemplate.events({
'click #googleLoginButton': function() {
Meteor.loginWithGoogle();
}
});
if you want to add scopes
Meteor.loginWithGoogle({ requestPermissions: ['email', 'profile'] });
Note: you will still need to do the initial configuration where you add the clientId and clientSecret.
What I do is have a helper to check if the service is configured and if not display {{> loginButtons}}
Template.myTemplate.helpers({
google_configured: function() {
return ServiceConfiguration.configurations.findOne({service: 'google'});
}
});
You could use that ServiceConfiguration collection to query all OAuth services you have configured and make custom login buttons for them all