• Stars
    star
    305
  • Rank 132,901 (Top 3 %)
  • Language
    CoffeeScript
  • License
    MIT License
  • Created over 10 years ago
  • Updated over 7 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Meteor sign up and sign in pages

#UNMAINTAINED Due to the adoption of React by the Meteor community and the continual updating of Meteor's own Account UI this project is no longer maintained.

The last version of Meteor this package supports is 1.1.0.3

If you are looking for similar packages, take a look at useraccounts:iron-routing


Stories in Ready

Meteor accounts-entry Build Status

accounts-entry is a meteor package that relies on Iron Router and provides an alternative interface to accounts-ui, with whole pages for sign up and sign in.

Getting started

Run:

meteor add joshowens:accounts-entry

You can install the accounts-ui package, as it is still used for OAuth setup.

We wanted something to work with that used Iron Router, Bootstrap 3, and didn't require the forcing of the dropdown box that didn't seem to be easily styled. But we love the ease of adding more packages like accounts-facebook or accounts-twitter, so we fully support the OAuth packages by adding buttons to let people sign-up/sign-in with those services if you add them. By default, accounts-entry doesn't offer email/password login functionality. If you meteor add accounts-password, accounts-entry will offer your users the option to sign-up/sign-in with a username and password.

Example

Examples of the package in action (check out the sign up or sign in links):

Changelog

Compatibility

accounts-entry is presently compatible with Iron Router 1.0.3 and above.

Provided routes

You will get routes and the necessary templates for:

/sign-in
/sign-out
/sign-up
/forgot-password
/verification-pending

You can then either add links to those directly, or use the {{ special }} helper we provide to give you the apppropriate links for signed-in/signed-out users. The {{ special }} helper will display a sign-out link and the user's email address when they are signed-in.

Ensuring signed in users for routes

Simply add the following line of code: AccountsEntry.signInRequired(this); to require users be signed in for a route and to redirect the user to the included sign-in page and stop any rendering. Accounts-entry also tracks where the user was trying to go and will route them back after sign in.

Here is an Iron-Router route example:

  this.route('userProfile', {
    path: '/profile',
    template: 'profile',
    onBeforeAction: function () {
      AccountsEntry.signInRequired(this);
    }
  });

Setting up password login

Use mrt add accounts-password if you want to have email/username login authentication options. This is now optional and will only display if installed. You need to configure an OAuth option if you choose not to have password logins.

Setting up OAuth/social integrations

Use accounts-ui to configure your social/OAuth integrations (or manually create records in your database, if you have those skills). We don't have the nice instructions on how to configure the services built into this package, but if you choose to use {{ loginButtons }} elsewhere in your application (even temporarily), you can configure OAuth logins there.

Configuration

Signup codes

We have added support for a signupCode in case you want to have a special code to handout to keep signups at a pace you want. This code is checked if you turn on the client and server side options listed below.

The signup code is only checked for accounts-password logins, so know that OAuth logins will still allow people in.

In CLIENT code only

Since this is a young package, we are maintaining compatibility with accounts-ui (so if in a pinch accounts-entry is broken for you, you could easily switch to accounts-ui). We also use the UI for oauth configs from accounts-ui.

  Meteor.startup(function () {
    AccountsEntry.config({
      logo: 'logo.png'                  // if set displays logo above sign-in options
      privacyUrl: '/privacy-policy'     // if set adds link to privacy policy and 'you agree to ...' on sign-up page
      termsUrl: '/terms-of-use'         // if set adds link to terms  'you agree to ...' on sign-up page
      homeRoute: '/'                    // mandatory - path to redirect to after sign-out
      dashboardRoute: '/dashboard'      // mandatory - path to redirect to after successful sign-in
      profileRoute: 'profile'
      passwordSignupFields: 'EMAIL_ONLY'
      showSignupCode: true
      showOtherLoginServices: true      // Set to false to hide oauth login buttons on the signin/signup pages. Useful if you are using something like accounts-meld or want to oauth for api access
      extraSignUpFields: [{             // Add extra signup fields on the signup page
        field: "name",                           // The database property you want to store the data in
        name: "This Will Be The Initial Value",  // An initial value for the field, if you want one
        label: "Full Name",                      // The html lable for the field
        placeholder: "John Doe",                 // A placeholder for the field
        type: "text",                            // The type of field you want
        required: true                           // Adds html 5 required property if true
       }]
       fluidLayout: false               // Set to true to use bootstrap3 container-fluid and row-fluid classes.
       useContainer: true               // Set to false to use an unstyled "accounts-entry-container" class instead of a bootstrap3 "container" or "container-fluid" class. 
       signInAfterRegistration: true    // Set to false to avoid prevent users being automatically signed up upon sign-up e.g. to wait until their email has been verified. 
       emailVerificationPendingRoute: '/verification-pending' // The route to which users should be directed after sign-up. Only relevant if signInAfterRegistration is false.
       showSpinner: true                // Show the spinner when the client is talking to the server (spin.js)
       spinnerOptions: { color: "#000", top: "80%" } // options as per [spin.js](http://fgnass.github.io/spin.js/)

    });
  });

In SERVER code only

Call AccountsEntry.config with a hash of optional configuration:

  Meteor.startup(function () {
    AccountsEntry.config({
      signupCode: 's3cr3t',         // only restricts username+password users, not OAuth
      defaultProfile:
          someDefault: 'default'
    });
  });

Note: only set a signupCode if you want to use that feature.

The default configuration includes:

  wrapLinks: true                   // wraps accounts-entry links in <li> for bootstrap compatability purposes
  homeRoute: '/'                    // MUST BE SET - redirect to this path after sign-out
  dashboardRoute: '/dashboard'      // MUST BE SET - redirect to this path after sign-in

Remember, you must provide a route for home (used when signing out) and dashboard (used after signing in).

Interested in building a quick meteor app that starts with Accounts-Entry?

We've created a meteor-boilerplate repo that you can clone as a starting point for an app. It follows all our standards that we use for building apps for our clients.

More Repositories

1

meteor-boilerplate

Boilerplate meteor app - starting point for meteor apps
Handlebars
875
star
2

meteor-mobile-cookbook

Helpful guides and tips for building Cordova apps in Meteor.
264
star
3

polymer-demo

Polymer & Meteor
CSS
164
star
4

meteor-workers

Spawn headless worker meteor processes to work on async jobs.
CoffeeScript
80
star
5

flexapp

Free mobile app website template
JavaScript
68
star
6

reststop2

Do RESTful APIs with Meteor 0.6.5 and up.
JavaScript
67
star
7

meteor-billing

Package for common billing functionality
CoffeeScript
52
star
8

meteor-voltage

Provides easy, editable, static pages in Meteor. Editable in Markdown.
JavaScript
44
star
9

meteor-profile

Gives you a basic, out-of-the-box user profile page
CoffeeScript
37
star
10

meteor-uploader

CoffeeScript
33
star
11

meteor-vulcanize

Vulcanize html imports in your meteor app.
JavaScript
32
star
12

meteor-comments

Meteor package to add comments to any document with optional notifications.
CoffeeScript
28
star
13

lister

App for easy public sharable lists. Our meteor playground.
JavaScript
24
star
14

todos-playground

Playing with components!
HTML
21
star
15

docs

Who we are and what we stand for.
21
star
16

meteor-boilerplate-lite

A training ground for new meteor developers
CSS
11
star
17

meteor-reapp

Meteor + Reapp!
JavaScript
7
star
18

timeago

Meteor package with helper for jquery timeago.
JavaScript
7
star
19

pages-template

Our open source github pages template that every gh-pages branch should start from.
CSS
7
star
20

differential.github.io

Organization Page
CSS
6
star
21

jumpstart

Base starting point for front-end dev
CSS
6
star
22

supporter

Open source Meteor app to support social communities in their effort to help each other resolve their needs.
CoffeeScript
6
star
23

voltage-example

This is an example project using the meteor-voltage Meteor package.
HTML
4
star
24

meteor-cluster

JavaScript
4
star
25

willow-creek

JavaScript
3
star
26

di-base

A starting point for Meteor Night School graduates
HTML
1
star
27

rivervalley-apollos

JavaScript
1
star
28

di-cli

Differential command line tool.
JavaScript
1
star
29

slides

JavaScript
1
star
30

react-native-activitykit

TypeScript
1
star