所在的位置: js >> js前景 >> 如何使用SyncInc和React在Ai

如何使用SyncInc和React在Ai

北京中科白癜风医院圆白癜风抗白梦 http://nb.ifeng.com/a/20180507/6556417_0.shtml
Airtable是公司的绝佳项目管理工具。您可以将其设置为跟踪项目、团队成员可交付的成果。您可以在Airtable中创建指向视图的共享链接,但任何获得该链接的人都可以访问客户的数据。或者,您可以让客户直接访问您的Airtable网页。但由于Airtable缺乏访问控制,他们也可以查看所有其他客户的项目。最后,您可以使用无代码接口生成器。您将设置一个自定义应用程序,允许您的客户端安全登录,并仅访问您希望他们访问的数据。最后,您将了解如何使该应用程序具有交互性,以便您的客户端可以直接从门户网站导出项目。使用Airtable接下来我们将从AirtableProjectTracker模板开始。将此模板复制到您的Airtable账户并打开。包括三个部分:设计项目、任务和客户。任务仅供内部使用,因此,您将专注于项目和客户端。您将使用Cotter通过用户的电子邮件地址对其进行身份验证,但此模板不附带客户端电子邮件字段。因此,您需要向客户端表添加一个名为“电子邮件”的新列。为每个字段添加一些虚拟数据,但其中一个字段使用您自己的电子邮件地址。这将是您的测试客户端账户,以便您可以验证Web应用程序是否依旧运作。将SyncInc连接到Airtable虽然您可以构建一个直接查询AirtableAPI的客户端账户,但这有一些缺点,包括以下:·Airtable的API将您限制为每秒5个请求,因此它的扩展性不是很好。·使用AirtableAPI查询相关记录很麻烦,通常涉及多个API调用。这可以显著降低应用程序的性能,特别是当与上述API限制相结合时。·Postgres允许您编写比Airtable的API更强大的查询工具。使用账号登录后,单击右上角的“添加基础”按钮。添加您的AirtableAPI密钥,选择要复制的基数(默认情况下称为项目跟踪器),选择“同步此基数”中的所有表,并为复制的NewSyncInc数据库设定目的地。完成后,点击“创建”,几秒钟内,您将拥有Airtable数据的Postgres副本。请务必保存显示的Postgres连接字符串,因为您的Web应用程序需要它。创建新的Next.js应用程序Next.js是一个基于React的Web开发框架,旨在在Vercel上无缝运行。虽然您可以使用后端设置一个新的React应用程序,但Next.js使设置和配置过程变得更加简单,因此它是构建像这样的简单前端应用程序的一个很好的开始。假设您已安装最新版本的Node.js(建议使用10+版本),请使用“npx”从终端创建新应用程序:npxcreate-next-app出现提示时输入名称(我使用了项目跟踪器),然后将安装所需的基础包。该项目包括一个API端点和一个前端路由,您将在本教程稍后修改。现在,请导航到新的项目文件夹:cdproject-tracker并在您选择的文本编辑器或IDE中打开项目。使用Cotter登录在Airtable上构建自定义客户端门户。好了,本文到此结束。如果对编程、计算机、程序员方面感兴趣的话,欢迎私信联系我,随时交流!点个


转载请注明:http://www.aierlanlan.com/cyrz/8652.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了