用 4 个步骤构建 Node.js 单页网站

用 4 个步骤构建 Node.js 单页网站

原文:https://medium.com/hackernoon/build-a-node-js-single-page-website-in-4-steps-12951bac3212

在这篇博客中,我将向你展示如何选取一个现有的代码库示例,并将其缩减为你自己的、使用 Node.js 和 Cosmic JS 构建的漂亮的单页网站。这个 Stellar Cosmic JS App 是由 @ajlknHTML5 UP 前端搭建在 light Node.js 服务器上的单页网站。我将使用 Cosmic JS (一种 API 优先的 CMS,使管理和构建网站和应用程序更快、更直观)来安装、编辑内容、部署和更新基于 web 的 CMS 。

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

恒星应用页面

恒星应用程序演示

GitHub 上的恒星应用代码库

1.创建新的存储桶

您的 bucket 的名称是您正在构建的网站、项目、客户端或 web 应用程序的名称。我将我的博客命名为“Node.js 单页网站”,以保持示例博客的简洁。

2.安装 Node.js 单页“Stellar”App

一旦你注册并命名了你的桶,你将被提示从头开始或者“查看一些应用”。在这篇博客中,我简单地点击了右键“查看一些应用程序”,这样我就可以开始安装 Node.js 单页 Stellar 应用程序了。

应用程序安装选项

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 第一的基于云的内容管理平台,它将内容与代码分离,允许开发人员用他们想要的任何编程语言构建流畅的应用程序和网站。

黑客中午是黑客如何开始他们的下午。我们是 @AMI 家庭的一员。我们现在接受投稿,并乐意讨论广告&赞助机会。

如果你喜欢这个故事,我们推荐你阅读我们的最新科技故事趋势科技故事。直到下一次,不要把世界的现实想当然!


本站为非盈利网站,作品由网友提供上传,如无意中有侵犯您的版权,请联系删除