3

このリンクに表示されている Eventedmind のカスタム ログイン チュートリアルを順を追って説明しています。

https://www.eventedmind.com/posts/meteor-customizing-login

そのため、Github で新しいアプリを作成してコーディングしましたが、Meteor の実行中にまだエラーが発生し、何も表示されません。サーバー側からエラーが発生したことは知っていますが、それが何であるかはわかりません。コードが正しく記述されていないか、ログインを呼び出す方法が適切ではない可能性があります。これが私がやったことです（チュートリアルと同じだと思います）

client/index.html

<head>
    <title>App</title>
</head>

<body>
 {{> header}}
</body>

<template name="header">
    <div class="navbar navbar-inverse">
        <div class="navbar-inner">
            <div class="container">
                <a class="brand" href="#">NewApp</a>
            <form class="navbar-search pull-left">
                <input type="text" class="search-query" placeholder="Search">
            </form>
            <div class="nav pull_right">
                {{> user_info}}
            </div>
            </div>
        </div>
    </div>
</template>

<template name="user_info">
  <ul class="nav pull-right">
    {{#if currentUser}}
        {{> user_loggedin}}
    {{else}}
        {{> user_loggedout}}
    {{/if}}
  </ul>  
</template>


<template name="user_loggedin">
    {{#if loggingIn}}
        <li><a href="">Loggin in...</a></li>
    {{else}}
        <li>
            <img src="{{currentUser.profile.avatar_url}}" class="img-rounded" style="height: 32px; margin-top: 4px;">
        </li>
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                {{currentUser.profile.login}}
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="">Accounts Settings</a></li>
                <li class="divider"></li>
                <li><a id="logout">logout</a></li>
            </ul>
        </li>
    {{/if}}
</template>


<template name="user_loggedout">
  <li><a id="login">Login with Github</a></li>
</template>

client/index.js

Template.user_loggedout.events({
  'click #login': function (e, tmpl) {
    Meteor.loginWithGithub({
      requestPermissions: ['user', 'public_repo']
    }, function (err) {
      if (err) {
        // error handling
      } else {
        // show alert
      }
    });
  }
});

Template.user_loggedin.events({
  'click #logout': function (e, tmpl) {
    Meteor.logout(function (e, tmpl) {
      if (err) {
        // show err message
      } else{
        // show alert that says logged out
      }
    });
  }
});

サーバー/config.js

Accounts.loginServiceConfiguration.remove({
    service: "github"
});

Accounts.loginServiceConfiguration.insert({
    service: "github",
    clientId: "NUMBER",
    secret: "SECRET_NUMBER"
});

サーバー/accounts.js

Accounts.onCreateUser(function (options, user) {
    var accessToken = user.services.github.accessToken,
        result,
        profile;
    result = Meteor.http.get("https://api.github.com/user", {
        params: {
            access_token: accessToken
        }
    });
    if (result.error)
        throw result.error;

    profile = _.pick(result.data,
        "login",
        "name",
        "avatar_url",
        "url",
        "company",
        "blog",
        "location",
        "email",
        "bio",
        "html_url");

    user.profile = profile;

    return user;
});
4

2 に答える 2

0

ページに何もレンダリングされていない場合は...

client/index.js に追加してみてください

if (Meteor.isClient) {
    Meteor.Router.add({
      '/': 'index'  
    });
}

meteor は初めてですが、/client/ ディレクトリ構造に何かを配置するときは、そこにルーティングする必要があると思います。

私は間違っているかもしれませんが、すべてをルートフォルダーに入れてクライアント側のものをラップすることもできます

if(Meteor.isClient)

そしてサーバーのもの

if(Meteor.isServer)

ページに何もレンダリングされていないと言っているのか、ログインした後にのみレンダリングされているのか、私には本当にわかりません。

于 2013-11-05T21:29:58.393 に答える