原文来自Differential的Meteor Authentication from React Native,这是Meteor React Native系列的第二篇,第二部分的Repo会在稍后放出。...这篇文章是上篇「Meteor作为React Native实时后端」的后续。我们将讨论下一个你会接触到的东西,也就是用户认证系统。...我们会讨论如何通过用户名密码,email密码或通过一个恢复令牌(resume token)来进行登录。这里我们使用Meteor的用户认证系统和npm-ddp-client这个包来实现。...当在生产环境下时,用户传输的是他们的真实数据,请确保启用SSL(对于Meteor应用来说也是一样)。同样,我们也没有在客户端做密码的hash,所以密码是以明文的形式传输的。这同样对SSL提出了需求。
之前Spencer Carli曾发布了Meteor+React Native的项目模板,这个模板发布已经有3个多月了,并且有一些过时。...现在react-native-meteor有以下特征: react-native-meteor 作为npm扩展 更好的初始设计 跨平台的tabs 专门的路由 专门的文件结构 ?...项目地址:https://github.com/inProgress-team/react-native-meteor
文中讨论了Meteor与React开发Web App的优势所在,以及Meteor在现代Web开发中扮演的角色。...此外,本文还简要阐述了Meteor REST WebSocket,Flux概念,Relay和GraphQL等对于Meteor社区的影响。...Flux 主要由三部分: Dispatcher, Store 和 View (React Components) 组成。...这样可以为 React 带来很好的数据和逻辑状态的管理;反过来,React 也可以为 Meteor 带来前端模块化,单向数据流模式,使代码更少且更好维护;另外 React 的 Virtual Dom 机制也为会...上图就是一个典型的 React Meteor App。个人感觉 Flux 更多是面向 Chat Based App,所以没有涉及到 routing。
在这个视频中,我会教你如何创建一个Movies集合,创建一个分页列表来显示数据,同时还有表单来插入和编辑条目,所有的这些都几乎不需要写后端代码! ?...扩展包 React List Container: 用来订阅一个发布,然后向子组件传入记录 React Form Containers: 用来显示一个简单的新建和编辑记录表单 Smart Publications
需要注意 meteor不支持windows系统,需要在linux或mac ox下运行 meteor是基于nodejs的,所以系统中需安装好nodejs 我的服务器中已经装好nodejs,下面开始体验...meteor (1)安装环境 curl install.meteor.com | /bin/sh (2)创建应用(名称为testmeteor) meteor create testmeteor...(3)启动运行 cd testmeteor meteor 访问 http://localhost:3000/ 即可看到 至此 meteor的环境已经安装完成,并且成功创建并运行了一个空白项目,非常简单..., createdAt: new Date() }); > db.tasks.insert({ text: "Hi Meteor!"...对应登录用户的信息,也可以直接取到,例如用户ID和用户名 Meteor.userId() Meteor.user().username 点击 “阅读原文” 可以查看 “文章列表”
最近很多读者想要meteor+react的相关资料,尤其是针对Meteor 1.3版本的。Meteor 1.3引入了React作为Meteor的View部分,并且加入了许多ES2015的新特性。...《Meteor+React—A step by step guide to building a complete app》是我很久之前花39美刀买的Meteor+React的书籍,作者是Ken Rogers...这里我准备把一些Meteor 1.3的资料打包分享给大家,包括英文的和中文的资料,虽然大部分资料来源于网上,不过搜集整理翻译也是有一定的劳动附加价值的,所以就不免费分享了哈。...赞赏这篇文章,支付一杯咖啡的钱(10元),留下您的名称和邮箱,我将把我这里收集的Meteor 1.3资料打包发送。...由于Meteor+React这本书作者正在「大刀阔斧」的重(quan)写(qian),所以这里分(chu)享(zu)的只是目前售出的版本,相信作者今后也会更注重书籍内容,带来新的版本。
出(du)差(jia)归来,按时奉上之前提到的 Meteor React Native 三连发中译版!点击「阅读原文」查看完整文章! Parse最近宣布停止服务,许多公司会寻求它的替代品。...这次Parse的关门会让许多人不会首选BaaS产品,转而倾向于自行实现后端,比如说使用Meteor。 我们来谈谈如何将一个React Native的App连接到Meteor App(作为服务端)。...这篇教程假设你已经安装好了React Native和Meteor,并且能成功运行。如果你还没有配置好React Native环境的话,可以查看React Native中文文档。...现在你就有了一个功能完备的,简单明了的React Native作为前端,Meteor作为后端的应用。我希望这篇教程能让你开启编写React Native+Meteor混合应用的道路。...在下一篇文章中,我们会讲解如何将React Native应用连接到Meteor的用户系统。
这三篇Meteor React Native文章来自Differential,一个专注Meteor应用开发的工作室。...第一篇文章讲述了如何轻松地使用DDP连接一个React Native应用到Meteor服务器上,并且在React Native应用上进行实时交互。...第二篇文章更进一步,讲述了如何基于DDP搭建一个用户认证系统,包括使用用户名/email注册、使用用户名/email/token登录和用户登出的实现。...Meteor Authentication from React Native http://blog.differential.com/meteor-authentication-from-react-native...Password Hashing for Meteor React Native http://blog.differential.com/password-hashing-for-meteor-react-native
在 Meteor 项目中,经常会有客户端使用 Meteor.call 方法去调用服务端的一个方法,并等待该方法返回。...error) { console.log(“result :”, result); }; }); 上面的例子中,我们在客户端使用 Meteor.call 方法调用了一个服务端的函数,等待服务端的异步函数...var result = Meteor.call(“setWechatMenu”, appId, appSecret, json); 但结果告诉我,这样是不行的,后来在 Meteor 官方查询文档也说到...而这种同步的方法仅在服务端(On the server)是有效的: 图片 为了解决这种问题,Meteor 的 github issues 专门有一篇文章是介绍如何解决类似问题的:https://...console.log(‘Content: ‘ + result.content); }); // 将 response 传递给 fut 的成员对象 fut.return(response); }); // 等待
原文来自Meteor Forum,更多讨论点击「阅读原文」进行查看! Meteor是一套惊人的工具来高效地创建伟大的Web应用。我非常喜爱它。...这也是我半年前创建了一个能让Webpack集成进Meteor的扩展包。我觉得如果我们能有一个实时热重载,ES6模块,资源打包和代码分离,这会让Meteor更加酷,并且我们做到了!...但要说明的是,这个包还没有和Meteor 1.3 100%兼容。...现在你可以添加一行代码使用React的热重载: meteor add webpack:react 你可以通过添加一行代码require.ensure实现代码分离(Webpack 2给我们一个更好的语法)...我迫不及待想看到你们在Meteor项目中使用它了,让我知道你们的使用状况!
本教程将向你展示如何设置Meteor应用程序以用作Ðapp,并可能回答几个关于为什么应该使用Meteor的问题。...常问问题 Meteor不是一个完整的堆栈框架,它是如何适应Ðapp开发的 是的,Meteor是一个完整的堆栈框架,它的主要改进是实时Web应用程序,但Meteor也是第一个框架(我知道),它完全支持了单页...C#以太坊,主要讲解如何使用C#开发基于.Net的以太坊应用,包括账户管理、状态与交易、智能合约开发与交互、过滤器和交易等。...java比特币开发教程,本课程面向初学者,内容即涵盖比特币的核心概念,例如区块链存储、去中心化共识机制、密钥与脚本、交易与UTXO等,同时也详细讲解如何在Java代码中集成比特币支持功能,例如创建地址、...这里是原文如何使用Meteor开发以太坊Dapp
Meteor开发团队正在全力推进1.3版本的发布,Meteor 1.3将是有史以来最棒的Meteor版本,它将更加融入和拥抱整个JavaScript社区。...我们能够轻松地使用NPM包,集成React等前端框架,并且构建架构更加清晰的Meteor应用。...这个系列文章中,我们将以MeteoRain为例,讲解如何使用最新的Meteor1.3+React搭建一个新一代的Meteor应用。...在第一篇文章中,我们会讲述如何创建一个Meteor 1.3项目,如何通过NPM添加React和相应扩展包,并构建一个最简单的应用。...本文分为以下几个部分: 创建Meteor 1.3应用 创建NPM模块 添加React相关包 创建React组件 挂载组件 注意事项
~ cd meteor-pagination ~ git init 整理项目目录 默认创建的项目不是 react 结构的,我们需要删除掉无用的文件,并修改一下项目,使其支持 react,参考 Meteor...样式表,如下所示: import React from 'react' import { Meteor } from 'meteor/meteor' import { render } from 'react-dom...meteor add react-meteor-data 然后修改 /imports/ui/components/Links.js 文件,添加 ant design 的 Table 组件并订阅 links...代码如下所示: import React from 'react' import Table from 'antd/lib/table' import { withTracker } from 'meteor.../react-meteor-data' import { dateToString } from '../..
之前的一篇文章,如何Meteor中轻松使用Webpack中介绍了Meteor+Webpack的使用方式,这个包简化了Webpack在Meteor应用中的配置,能够使你轻松地使用一个json文件配置好Webpack...当你修改前端代码时,你的应用不再通过Meteor的构建工具链重新构建,而是直接反映在浏览器端。这对于我们的前端快速布局开发非常有帮助。 今天介绍另外一种「原生」的方式,支持React的热重载。...这里用到了meteor-react-hotloader这个扩展包。我们可以去项目的Github主页看一下介绍和原理。 ?
Lock wait timeout exceeded:后提交的事务等待前面处理的事务释放锁,但是在等待的时候超过了mysql的锁等待时间,就会引发这个异常。...innodb_lock_wait_timeout:innodb的dml操作的行级锁的等待时间 lock_wait_timeout:数据结构ddl操作的锁的等待时间 如何查看innodb_lock_wait_timeout...SHOW VARIABLES LIKE 'innodb_lock_wait_timeout' 如何修改innode lock wait timeout的值?...下面介绍在遇到这类问题该如何处理 问题现象 数据更新或新增后数据经常自动回滚。...trx_requested_lock_id:事务当前正在等待锁的标识,可以和 INNODB_LOCKS 表 JOIN 以得到更多详细信息。 trx_wait_started:事务开始等待的时间。
谈论了如何正确使用 FlowRouter 和 Blaze and React. 也显示了如何管理 subscriptions 和在视图实现 auth logic....为此, 你可以使用: Blaze Layout for Blaze React Layout for React 这样在一个route你可以从 action 的内部 method调用布局管理....它不用等待 subscription 完成. 这是如何注册一个 subscription....他展示了如何构建一个app: Fast Render FlowRouter 支持 Fast Render. meteor add meteorhacks:fast-render 把 router.js...即使有, FlowRouter 永远不要等待 subscriptions 和 view layer 来做.
在上篇文章中,我们基于Meteor1.3和React搭建了一个最简单的应用。我们学习了如何通过NPM包添加React还有如何使用FlowRouter和React Mounter挂载React组件。...这篇文章中,我们继续以MeteoRain为例,讲解如何集成React和Meteor的数据系统。也就是说,我们将讲解如何通过订阅获取数据然后基于数据渲染组件。...本文分为以下几个部分: React Container模式 创建Posts集合 添加虚拟数据 发布数据 UI组件 构建容器 渲染容器 在client目录下,我们主要有两个目录,分别是components...components目录下存放的是.jsx文件,也就是实际上的React UI组件,而containers目录下存放的是.js文件,是通过composer函数处理导入的UI组件,使之能够方便地处理传入数据的逻辑
本文介绍了Mantra的核心组件和它们如何共同发挥作用的。 关注客户端 Mantra非常关注客户端,因为那是你写大部分代码的地方。我们允许客户端缓存和连接器与服务端和远端数据层交互。...为了使用Mantra,你首先需要使用Meteor 1.3,它包含了一个ES2015模块系统的实现。 React 作为 UI 我们使用React作为Mantra的UI(表现层)。...我们有不同的方法来管理app的状态,其中包括: Meteor/MiniMongo (Remote State) Tracker/ReactiveDict (Local State) FlowRouter...它们包括: Meteor namespace Meteor Collections LocalState FlowRouter Any other Meteor package Redux Stores...这里有多种选择(例如,FlowRouter和React Router) 单一入口 在Mantra中,我们想要app变得可预测的。所以,你的app只有一个入口。通常这个文件会加载路由。
领取专属 10元无门槛券
手把手带您无忧上云