basic-login, 在Sails中,如何构建 login/signup/logout?

分享于 

6分钟阅读

GitHub

  繁體 雙語
How do I build login/signup/logout in Sails?
  • 源代码名称:basic-login
  • 源代码网址:http://www.github.com/sails101/basic-login
  • basic-login源代码文档
  • basic-login源代码下载
  • Git URL:
    git://www.github.com/sails101/basic-login.git
    Git Clone代码到本地:
    git clone http://www.github.com/sails101/basic-login
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/sails101/basic-login
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    基本登录

    一个训练容器,带有

    这是一个实现登录。注册和注销的简单设备不可知后端的示例。 它支持来自 cURL。AJAX。web sockets以及任何其他你可能想要抛出的请求的请求。 它包括一些传统的网页形式。

    步骤:克隆项目和内容

    $ git clone git@github.com:sails101/basic-login.git
    $ cd basic-login
    $ npm install

    步骤 2: 创建 User.jsUserController.js

    我们将添加存根 login()logout()signup() 操作。

    $ sails generate api user login logout signup

    现在让我们构建每个API操作。

    步骤 3: 登录

    TODO: 解释

    步骤 5: 注销

    TODO: 解释

    步骤 6: 注册

    TODO: 解释

    现在是

    所以我们准备开始尝试这个。

    我们现在可以使用cURL或者post来测试我们的API,但是在我们的应用程序中放置一些东西更有用。 那么我们该怎么做? 构建一个快速前端什么种类? 移动应用网站? AJAX或者 socket.io 或者 tradtional web窗体? 幸运的是,我们的登录后端并不关心它。

    我们只做一些简单的网页表单,以便熟悉/简单。

    步骤 7: 创建一些视图

    让我们在 views/user/ 处创建一个空目录,然后创建两个文件: user/login.ejsuser/signup.ejs 这将是我们的表单。

    步骤 8: 自定义 url

    接下来,让我们在 config/routes.js file: 中设置一些友好的url作为定制路由

    
    module.exports.routes = {
    
    
     '/': { view: 'homepage' },
    
    
     'get/login': { view: 'user/login' },
    
    
     'get/signup': { view: 'user/signup' },
    
    
     '/welcome': { view: 'user/welcome' },
    
    
     'post/login': 'UserController.login',
    
    
     'post/signup': 'UserController.signup',
    
    
     '/logout': 'UserController.logout'
    
    
    }
    
    
    
    

    现在我们已经把所有的东西都映射出来了,我们可以禁用blueprint路由,以便在我们的应用程序中只显示那些在我们的应用程序中公开的url,以及在 assets/ 目录。

    ( 注意,我在这里做的是明确的,并明确说明,没有神奇的)

    要禁用blueprint路由,请更改 config/blueprints.js 文件以如下所示:

    module.exports.blueprints= {
     actions:false,
     rest:false,
     shortcuts:false};

    步骤:让视图与后端进行对话

    现在我们有了一个好看路线的后端,我们的视图与它们连接起来,让我们设置这些HTML表单。 正如你可以能知道的,这可以能很容易完成w/AJAX或者 web。/socket.io ( 使用 sails.io. js )。

    登录表单

    user/login.ejs 应该将用户名和密码发送到 /login

    <h1>Login</h1>
    <formaction="/login"method="post">
     <labelfor="email">Your email address?</label>
     <inputname="email"type="text"/>
     <br/>
     <labelfor="password">Your safe word?</label>
     <inputname="password"type="password"/>
     <br/>
     <inputtype="submit"/>
    </form>
    注册表单

    user/signup.ejs 应该将用户名和密码发送到 /signup

    <h1>Signup</h1>
    <formaction="/signup"method="post">
     <labelfor="name">What's your name?</label>
     <inputname="name"type="text"/>
     <br/>
     <labelfor="email">What's your email?</label>
     <inputname="email"type="text"/>
     <br/>
     <labelfor="password">Choose a Password</label>
     <inputname="password"type="password"/>
     <br/>
     <inputtype="submit"/>
    </form>
    欢迎页面

    这真是 gravy,但作为最后一步,让我们为新注册的用户建立一个欢迎页面。 我们可以在这里放置任何我们想要的,但让我们一个链接回到主页和一个链接( 比如 )。 <a href="/logout">Log out</a> )。有关示例,请参见这里 repo 中的views/user/*.ejs 处的文件。


    构建  log  sails  
    相关文章