用 4 个步骤构建 Node.js 登录页面
用 4 个步骤构建 Node.js 登录页面
原文:https://medium.com/hackernoon/build-a-node-js-landing-page-in-4-steps-d63796cd6448

在这篇博客中,我将向你展示如何利用现有的代码库例子来构建你自己的漂亮的 Node.js 登陆页面。这个单页网站登陆页面是使用 Node.js 和一个来自 Start Bootstrap 的最小主题构建的。从你的宇宙 JS 桶仪表板安装,部署和编辑这个登陆页面网站的每个部分。

对于这个示例应用程序,我将使用 Cosmic JS 。Cosmic JS 是一个 API 优先的 CMS ,它使得管理和构建网站和应用程序更加快速和直观。通过将内容从代码中分离出来,Cosmic JS 增强了开发人员的灵活性,同时确保内容编辑人员能够以最适合他们的方式规划和部署内容。我们将使用 Cosmic JS 来安装我们的示例应用程序,部署和更新来自基于云的内容管理平台的内容。

如果你还没有,那就从报名参加宇宙 JS 开始吧。下面提供了有用的资源来简化您的开发操作。
1.创建新的存储桶

您的 bucket 的名称是您正在构建的网站、项目、客户端或 web 应用程序的名称。为了保持示例博客的简洁,我将我的应用程序命名为“登录页面应用程序”。
2.安装 Cosmic JS 登陆页 App

一旦你注册并命名了你的桶,你将被提示从头开始或者“查看一些应用”。对于这个博客,我简单地点击了右键“查看一些应用程序”,这样我就可以开始安装 Cosmic JS 登录页面应用程序。
应用程序安装选项

Cosmic JS 让你能够在编程语言之间进行过滤,比如 Node.js 、 PHP 、 React 、 AngularJS 等等。

只需点击登陆页面图标下方的“安装”即可开始,或者访问宇宙 JS 应用页面。

3.部署到 Web

我点击了“部署到 Web”。然后,我可以在部署 web 应用程序时编辑对象。您将收到一封电子邮件,确认您的 web 应用程序的部署。如果您在部署过程中遇到任何问题,您可能会被转到 Cosmic JS 故障排除页面。
确认部署位置和分支

部署分支机构确认模式

我从一个回购中提取,我的分支被澄清,我有一个与我在步骤 1 中创建的 slug / bucket 名称相匹配的部署位置。
展开,展开

给你一点保证,让你很快就能在网上活得好好的。:)
4.编辑全局对象

编辑是在宇宙 JS 仪表盘中实现的梦想。要了解更多关于如何在考虑编辑内容的情况下构建 Cosmic JS 的信息,请阅读在考虑内容编辑器的情况下构建。
应用部署确认

就像注册、创建新的存储桶、安装 web 应用程序、编辑对象和部署一样简单!我收到了访问我的 web 应用程序的确认电子邮件,还看到了我的桶升级选项,如自定义域、一键式 SSL、webhooks 和本地化。
Cosmic JS 是一个 API 第一的基于云的内容管理平台,使管理应用程序和内容变得容易。如果你有关于 Cosmic JS API 的问题,请在 Twitter 或 Slack 上联系创始人。
卡森·吉本斯是 Cosmic JS 的联合创始人和 CMO,这是一个 API 第一的基于云的内容管理平台,它将内容与代码分离,允许开发人员用他们想要的任何编程语言构建流畅的应用程序和网站。



