当前位置: 首页 > 软件库 > Web应用开发 > Web框架 >

auth-flow-spa-node-react

授权协议 MIT License
开发语言 JavaScript
所属分类 Web应用开发、 Web框架
软件类型 开源软件
地区 不详
投 递 者 上官恩
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

auth-flow-spa-node-react

User authentication in SPA, built with Node.js and React (Koa, Passport, Redux, Redux-Saga, React Router). Local authentication, where users can log in using a username and passport and authentication through Facebook.

Authenticating Users in SPA using Node, Passport, React and Redux

Preview

Demo

auth-flow-in-spa.herokuapp.com

Configuration

If you want to use authentication with facebook, you need to create a new facebook app, enable OAuth Login in Settings -> Facebook Login and add Valid OAuth Redirect URIs. Then you need to copy Client Token and App Id into .env file in root of project folder.

Install and Run

  1. Install Redis

  2. Install npm dependencies

# install dependencies
$ npm i
# run project

# run redis
$ redis-server

# run webpack server to serve front-end code
$ npm run webpack

# run node.js server
$ npm run api

License

MIT © Andrej Gajdos

  • 今天是 520,这是本系列最后一篇文章,主要涵盖 React 状态管理的相关方案。 前几篇文章在掘金首发基本石沉大海, 没什么阅读量. 可能是文章篇幅太长了?掘金值太低了? 还是错别字太多了? 后面静下心来想想,写作对我来说是一种学习和积累的过程, 让我学习更全面更系统性去描述一个事物. 但是写作确实是一件非常耗时的事情, 文章的每句话都要细细推敲, 还要避免主观性太强避免误导了别人. 所以模仿<

 相关资料
  • 本文向大家介绍使用node+vue.js实现SPA应用,包括了使用node+vue.js实现SPA应用的使用技巧和注意事项,需要的朋友参考一下 业务需求 最近公司要求开发web版的app,由于app是偏向内容方面,而且带了一个聊天模块,所以一般的多页开发不是很适合,而且主要是手机浏览,对加载速度或者用户体验来说都比较苛刻。调研了很多框架和模式,最后自己东拼西凑搞出来了这么一个玩意。 服务端 毫无疑

  • SPA

    概述 SPA是为构建WebApp设计的路由控制和视图转换框架 SPA专注于解决构建WebApp时遇到的共性问题,尤其适用于构建MobileApp, 我们和jQuery Mobile、Sencha Touch等框架不同, 并不是一个构建移动端应用的前端整体解决方案,所以我们不包含UI组件,如果你不想自己设计界面, 可以用Bootstrap、Topcoat等UI Components框架配合SPA,

  • React Flow 是一个用于构建基于节点图形的库。可以很容易地实现自定义的节点类型,而且它还带有迷你地图和图形控件等组件。 React Flow 最初是为数据块创建的。一个基于节点的编辑器,用于转换、分析和可视化数据。 安装 npm install react-flow-renderer 快速开始 这是如何使用 React Flow 的一个基本例子。您可以在网站上找到更多高级示例: impor

  • If you come to JavaScript from other programming languages you are familiar with types. You have types in JavaScript too, but you do not have to specify these types when declaring variables, receiving

  • Flow 是 Facebook 出品的一个用于 JavaScript 代码的静态类型检查工具。用于找出 JavaScript 代码中的类型错误。Flow 采用 OCaml 语言开发。

  • ANTD-SPA React+Antd后台管理系统 效果图 快速开始 1.克隆项目 git clone git@github.com:zhaoyu69/antd-spa.git 2.安装客户端依赖 cd clientnpm i 3.运行客户端 npm run start 4.安装服务端依赖 cd ../servernpm i 5.运行服务端 npm run start