【NodeJs】使用Express框架快速搭建一个web网站

这篇具有很好参考价值的文章主要介绍了【NodeJs】使用Express框架快速搭建一个web网站。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

如果电脑有安装使用Nodejs,用得次数少的话,忘了怎么弄,可以看看这个文章,按照步骤,能快速搭建一个web网站服务器,

首先,你需要保证电脑系统有安装了Node.js,然后可以用VsCode开发工具,新建一个项目文件夹,

准备就绪

如果你是新手,应该知道,创建nodejs项目会依赖npm,

在项目根目录下,鼠标右键选择从终端打开,也可以是CMD,开始从里输入命令,

要检查npm是否已安装,就输入如下检查npm版本命令如下,查看

npm -v

若报错,表示没有安装npm,输入以下命令如下,查看

npm install or npm i

新建项目

创建一个依赖npm的项目,需要先执行一个初始化命令如下,查看

npm init

这时会提示输入项目配置信息,若懒得输入,一直按回车默认设置即可

直到初始化完成,会看到项目中多出来一个package.json文件,之前输入的项目配置信息就在这里面了(安装的依赖),

安装框架

接下来,输入一个命令,给项目安装Experss框架

npm install express --save

换国内镜像,安装很快

cnpm install express --save

如要运行web站点(服务器),输入以下命令即可

npm run start

输出信息如 listenPort: 3000,那访问本地站点地址就是http:localhost:3000

懒得手动打开浏览器输入地址的话,直接添加以下命令即可

var cp = require('child_process');

//...服务开始监听的地方
server.listen(port);
console.log('listenPort:', port)
//...添加在这里
cp.exec('start http://localhost:'+port);

这个是入口文件上修改,路径在/bin/www
开始运行的时候,会自动调用浏览器打开

项目结构

了解一下Express 框架项目结构

  • public – 文件夹,存放公开的静态资源
  • routes – 文件夹,路由,类似于服务,专门处理视图业务逻辑
  • views – 文件夹,视图,渲染模板视图
  • app.js – 文件,这是框架实例
  • package.json – 文件,项目属性文件
  • … 其它

如果你还对Express框架不够了解,建议先研究学习它,它就是用来快速搭建网站的,一些网站后台必须的功能都给封装好了可以拿来用

💡 小提示

  • 默认访问的public静态资源路径,如果是 /public/logo.png 访问不了,需要去掉/public就能访问
  • 点此了解 Node.js Express 框架

把自己做的网页文件,或者静态网页资源,都放在项目里的public文件夹路径下,

然后,运行在浏览器上就可以看到显示自己的网站页面了,

就到这里了,慢走,记得点赞。

【NodeJs】使用Express框架快速搭建一个web网站文章来源地址https://www.toymoban.com/news/detail-435335.html

到了这里,关于【NodeJs】使用Express框架快速搭建一个web网站的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 快速入门 NodeJS 之『搭建Web服务器』(搭建个人博客相关)

    1.创建一个空文件夹,在vscode中打开 2.开启package文件,因为需要用到npm包           npm init -y  3.创建bin文件夹,也就是程序运行最开始访问的文件夹  4.www.js创建服务器        将回调函数单独抽离出来,放在根目录文件app.js  5.启动服务器        5.1启动前,将package.json中

    2024年02月05日
    浏览(32)
  • Node.js基本概念、特点、用途和常用模块,以及Express框架开发一个web应用

    目录 一、Node.js的基本概念和特点 二、Node.js的用途 三、Node.js的常用模块 四、使用Node.js进行Web开发 1. 安装Node.js 2. PyCharm配置Node.js 3. 使用http库编写一个web服务 4. 使用Express框架构建Web应用程序 5. 调试代码 6. 发布应用程序 参考文章  Node.js系列文章推荐阅读: JavaScript匿名函

    2024年02月07日
    浏览(66)
  • 本地使用IIS快速搭建一个属于自己的网站,并发布公网访问「无需购买云服务器」

    在网上各种教程和介绍中,搭建网页都会借助各种软件的帮助,比如网页运行的Apache和Nginx、数据库软件MySQL和MSSQL之类,为方便用户使用,还出现了XAMPP、PHPStudy、宝塔面板等等一系列集成服务,都是为了方便我们能快速建立网站。是不是不适用这些软件就无法建立网站了呢?

    2024年02月05日
    浏览(47)
  • Ubuntu本地快速搭建web小游戏网站,并使用内网穿透将其发布到公网上

    网:我们通常说的是互联网;站:可以理解成在互联网上的一个房子。把互联网看做一个城市,城市里面的每一个房子就是一个站点,房子里面放着你的资源,那如果有人想要访问你房子里面的东西怎么办? 在现实生活中,去别人家首先要知道别人的地址,某某区某某街道,

    2024年02月11日
    浏览(35)
  • 安全开发-JS应用&NodeJS指南&原型链污染&Express框架&功能实现&审计&WebPack打包器&第三方库JQuery&安装使用&安全检测

    Node.js是运行在服务端的JavaScript 文档参考:https://www.w3cschool.cn/nodejs/ Nodejs安装:https://nodejs.org/en 三方库安装 express:Express是一个简洁而灵活的node.js Web应用框架 body-parser:node.js中间件,用于处理 JSON, Raw, Text和URL编码的数据。 cookie-parser:这就是一个解析Cookie的工具。通过re

    2024年02月11日
    浏览(46)
  • 宝塔面板快速搭建贪吃蛇小游戏web网站 - 无需云服务器,网站发布上线

    转载自远程内网穿透的文章:Linux使用宝塔面板搭建网站,并内网穿透实现公网访问 宝塔面板作为简单好用的服务器运维管理面板,它支持Linux/Windows系统,我们可用它来一键配置LAMP/LNMP环境、网站、数据库、FTP等,通过Web端轻松管理服务器。 以下教程,我们将演示使用宝塔

    2024年02月05日
    浏览(41)
  • Linux -- Web服务器 快速搭建静态网站,替换默认网页目录

    先简单写个 页面          我们给网页写了一行内容 作为 静态网页的内容 ( 当然了,写的相当简单,您先理解着看)         可以看到的是,我们将内容 定向到了一个文件里,         这个文件的路径 (  /var/www/html  )熟悉不熟悉???         ===            

    2023年04月19日
    浏览(42)
  • Ubuntu本地快速搭建web小游戏网站,公网用户远程访问

    最近,我发现了一个超级强大的人工智能学习网站。它以通俗易懂的方式呈现复杂的概念,而且内容风趣幽默。我觉得它对大家可能会有所帮助,所以我在此分享。点击这里跳转到网站。 前言 网:我们通常说的是互联网;站:可以理解成在互联网上的一个房子。把互联网看

    2024年02月05日
    浏览(29)
  • 【cpolar】Ubuntu本地快速搭建web小游戏网站,公网用户远程访问

    🎥 个人主页:深鱼~ 🔥收录专栏:cpolar 🌄欢迎 👍点赞✍评论⭐收藏 目录 前言 1. 本地环境服务搭建 2. 局域网测试访问 3. 内网穿透 3.1 ubuntu本地安装cpolar 3.2 创建隧道 3.3 测试公网访问 4. 配置固定二级子域名 4.1 保留一个二级子域名 4.2 配置二级子域名 4.3 测试访问公网固定

    2024年02月05日
    浏览(40)
  • python轻量级web框架flask初探,搭建网站原来这么简单

    ✨✨ 欢迎大家来到景天科技苑✨✨ 🎈🎈 养成好习惯,先赞后看哦~🎈🎈 🏆 作者简介:景天科技苑 🏆《头衔》:大厂架构师,华为云开发者社区专家博主,阿里云开发者社区专家博主,CSDN新星创作者,掘金优秀博主,51CTO博客专家等。 🏆《博客》:Python全栈,前后端开

    2024年03月19日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包