什么是 amorphic？
amorphic 是一个较为常用的 JavaScript 应用程序开发框架，它可以用来处理服务器端渲染、跨服务端和客户端的事件和数据传递等任务。此外，amorphic 还可以使用 JavaScript 对象映射来简化数据存储、使用 session 或者 cookie 时的麻烦。
安装 amorphic
我们可以通过执行以下命令来安装 amorphic：
npm install --save amorphic
使用 amorphic
为了使用 amorphic，我们需要引入库：
const amorphic = require("amorphic");
接下来，我们需要编写代码来定义一个 amorphic 应用程序。具体代码如下所示：
-- -------------------- ---- ------- -- ------ --- --------- ------------ ----- -------- - -------------------- -- --- ---------- -------- --- --- -------- -------- -------- ------------ - ----- --- - ------------------------------- -- ------ ---- ------ ---- ------ ---- - -- ------ --- -------- ----- --- --- ----------- -- ------------- --- ------- - -------------------------- -- -- - ------------------- ----------- --- - ---- - -------------- - ----------- -展开代码
此代码片段看起来很大程度上是简单的。它启动了一个新的 express.js 服务器，并使用 amorphic 来处理所有相关任务。
我们可以通过构建“layouts”来为我们的应用程序起始装入点添加一些基本布局和样式。例如，我们可以将头和脚的元素添加到 body 中。
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- --------- -------- ------------------- ----- ---------------- ------------------------------ ------- ------ ---- ------------ ------ -------- ---------------- ---- ------ ---------------------- ------ ------------------- ----------- ------ ----------------------- ----------- ----- ------ ---- ---------- --- ------- --- ------ ---- ------------ -- -------- ----------- ------- ------ ------- -------展开代码
接下来，我们可以编写路由器，实际的代码如下所示：
-- -------------------- ---- ------- ------------ ----- ---- -- - ----- -------- - -------------------------------- ----- ---- - ------------------------- - ------ ----------- -------- -------- -- -- ---------- --- --------------- --- ----------------- ----- ---- -- - ----- --------- - --------------------------------- ----- ---- - -------------------------- - ------ ------ ---- -------- --- --- --- ---- ------- ------ --- --------------- --- ------------------- ----- ---- -- - ----- ----------- - ----------------------------------- ----- ---- - ---------------------------- - ------ -------- ---- -------- ------- ------- -- --- -------- --- --------------- ---展开代码
如上所示，我们通过编写路由器，为不同的 URL 模式返回了我们渲染后的 HTML 页面。我们还可以使用不同的其他服务在 amorphic 应用程序中添加自定义代码。
结论
本文中，我们介绍了如何使用 amorphic 库来创建一个具有服务器端渲染、跨客户端和服务端的事件和数据传递等特性的全栈 JavaScript 应用程序。我们在代码中添加了路由和用于渲染的视图。此外，我们解释了如何使用 layouts 来设置应用程序的基本 HTML 结构和样式。
我们鼓励您尝试使用 amorphic 库来创建自己的全栈 JavaScript 应用程序，从而让您更好地管理您的项目、数据和代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/69810
