资讯专栏INFORMATION COLUMN

express中间层搭建前端项目1

stefanieliang / 1502人阅读

摘要:从前端小白到精通首先需要自行下载安装安装地址我的版本是,安装之后,需要安装依赖以及生成调试工具,亲测对版本比较敏感,只兼容低版本的所以调试可以用或者用软件进行调试安装调试链接,下载包,忘记了模板引擎用的是,喜欢用其实一样,只是语法有

从前端小白到精通express

首先需要自行下载安装nodejs nodejs安装地址//我的版本是4.7.0,

安装nodejs之后,需要npm init 安装依赖以及生成package.json

调试工具node-inspector,亲测node-inspector对node版本比较敏感,只兼容低版本的所以调试可以用4.7.0或者用vscode软件进行调试安装调试node-inspector链接,

下载express包 npm install express -S ,忘记了模板引擎用的是ejs,喜欢用jade其实一样,只是语法有些不同

准备工作做好了下面开始搭建一个全面的项目

用nodejs搭建服务
//文件名称bin/www 启动服务用node ./bin/www 即可

</>复制代码

  1. `bin/www
  2. var app = require("../app");//引入express入口文件
  3. var debug = require("debug")("mydebug:http");
  4. var http = require("http");//引入http中间件,创建服务
  5. var port = normalizePort("3002");//端口号3002
  6. app.set("port", port);
  7. // Create HTTP server
  8. var server = http.createServer(app);
  9. // Listen on provided port, on all network interfaces.
  10. server.listen(port);
  11. server.on("error", onError);
  12. server.on("listening", onListening);
  13. // Normalize a port into a number, string, or false.
  14. function normalizePort(val) {
  15. var port = parseInt(val, 10);
  16. if (isNaN(port)) {
  17. // named pipe
  18. return val;
  19. }
  20. if (port >= 0) {
  21. // port number
  22. return port;
  23. }
  24. return false;
  25. }
  26. // Event listener for HTTP server "error" event.
  27. function onError(error) {
  28. if (error.syscall !== "listen") {
  29. throw error;
  30. }
  31. var bind = typeof port === "string" ? "Pipe " + port: "Port " + port;
  32. // handle specific listen errors with friendly messages
  33. switch (error.code) {
  34. case "EACCES":
  35. console.error(bind + " requires elevated privileges");
  36. process.exit(1);
  37. break;
  38. case "EADDRINUSE":
  39. console.error(bind + " is already in use");
  40. process.exit(1);
  41. break;
  42. default:
  43. throw error;
  44. }
  45. }`

app.js里面放入express以及相关的中间件

引入express //我的版本是4.10.0

</>复制代码

  1. `app.js
  2. var express = require("express");
  3. var app = express();
  4. app.get("/", function(req, res){
  5. res.send("hello world");
  6. console.log("hello world");
  7. });
  8. module.exports = app;
  9. `

10.启动服务node ./bin/www,网址localhost:3002 网页出现hello world构建大型项目后面更新

这里是我的github账号相关文件github账号
下一篇文章express中间层搭建前端项目2

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/95446.html

相关文章

  • express间层搭建前端项目3

    摘要:中间层搭建前端项目创建路由文件名称以及路径获取路由中间件来处理异常监听的错误事件模板辅助方法创建文件路径这里的点主要有两方面请求中间件流程控制中间件,有兴趣可以自行读取的引入全局变量全局变量文件路径全局变量本地创建文件文件路径以上接口 express中间层搭建前端项目2 创建路由 文件名称以及路径 routes/index.js //获取路由中间件 var getMoreMethod ...

    yzzz 评论0 收藏0
  • express间层搭建前端项目2

    摘要:上面一片文章已经介绍怎样创建服务端服务,这篇将搭建路由第一章搭建服务配置引入相关中间件文件读取压缩处理异常设置模板引擎使用相关中间件日志请求体解析中间对传入的进行解析后赋值给引入文件里面的静态资源包括引入路由文件路由文件读取抓取错误信 上面一片文章已经介绍怎样创建nodejs服务端服务,这篇将express搭建路由第一章搭建nodejs服务 配置app.js引入相关中间件 var ex...

    tianhang 评论0 收藏0
  • Node间层实践(二)——搭建项目框架

    摘要:项目地址脚手架使用过,的同学都清楚,官方推荐的安装方式是通过专用的来快速搭建一个由编译打包的项目框架。用在层的模块化,在中间层实现了模块化。这样,从中间层到前端都实现了热加载。 版权声明:更多文章请访问我的个人站Keyon Y,转载请注明出处。 项目地址:https://github.com/KeyonY/NodeMiddle 脚手架? 使用过angular2,vue2的同学都清楚,官...

    DrizzleX 评论0 收藏0
  • Express 搭建服务器

    摘要:指定需要处理的路由回调函数,即请求此路由的处理函数,它可以接收两个参数三个参数,四个参数。如果匹配到自定义的路由,立即执行回调函数,如果处理函数中没有则不再往下执行,如果执行了会继续向下匹配。 简介 Node.js® is a JavaScript runtime built on Chromes V8 JavaScript engine. Node.js uses an event-...

    CrazyCodes 评论0 收藏0
  • 如何打造一个令人愉悦的前端开发环境(三)

    摘要:的最后一个大招就是替换一些传统的服务端语言,例如,,等,在业务层上面使用来开发服务端完全不成问题。更多的的使用细节和技巧建议关注美团博客大搜车论坛下一篇我们开启如何结合和搭建一个开发环境和项目目录 往期回顾 前面2期都讲得是浏览器端的东西比较多,包括Webpack,虽然是Node处理的,但是还是浏览器端用的多,对于现在的前端开发来说,不懂一点服务端的东西,简直没办法活,一般的招聘要求都...

    cgh1999520 评论0 收藏0

发表评论

0条评论

stefanieliang

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<