宁波市奉化区建设局网站,怀化网站优化加徽信xiala5效果好,2345软件大全,怎样学网络推广目录 步骤一#xff1a;安装开发工具步骤二#xff1a;安装插件步骤三#xff1a;安装nodejs步骤四#xff1a;搭建启动入口文件步骤五#xff1a;启动服务器总结 在日常工作中#xff0c;有很多重复和繁琐的事务是可以利用软件进行提效的。但每个行业又有自己的特点安装开发工具步骤二安装插件步骤三安装nodejs步骤四搭建启动入口文件步骤五启动服务器总结 在日常工作中有很多重复和繁琐的事务是可以利用软件进行提效的。但每个行业又有自己的特点很难选购一款完全符合自己需求的软件。利用现有的技术结合自己的业务特点独立架构一套属于自己的软件无疑是最佳的方案。 要想架构软件就需要选择技术栈选配必要的前后端技术。架构软件首先选择的是语言我们本次的搭建过程是选择的javascript作为开发语言。因为javascript属于脚本语言没有太多复杂的语法而且编写马上就可以看到运行的结果而且前后端都有优秀的框架。
我们本次架构前端的语言是javascript选用vue3tdesign作为前端框架。后端我们使用nodejsexpressmysql。有了这个基本的架构思路就可以开工干了先看一下我们本次的架构图
步骤一安装开发工具
后端服务我们先安装vscode用来我们后端代码的编写下载地址
https://code.visualstudio.com/打开页面后点击download for windows 下载到本地之后点击安装包双击安装 点击同意协议 保持默认也可以勾选上创建桌面快捷方式也行勾选之后你每次打开工具可以从桌面找到图标就可以双击打开 然后点击安装等待进度条走完
步骤二安装插件
默认空白安装后我们需要一些插件来辅助我们的开发点击侧边栏的extensions输入Express Snippets然后点击install来安装插件 插件安装好之后我们可以测试一下他的命令现在你的硬盘里创建一个项目的文件夹比如backend 然后打开我们的vscode点击file-open folder 选择我们刚刚创建的文件夹backend 一般express有一个启动的入口文件我们点击创建文件的图标 输入app.js启动文件就创建好了 我们不知道该写点啥代码在光标的位置输入apptab键他就帮我们生成了一个代码的模板 这个模板虽然有一定的作用但是需要经过一定的改造才可以使用。
步骤三安装nodejs
在express应用开发的过程中我们需要安装很多第三方提供的包就必须先安装Nodejs然后使用npm命令来安装第三方包nodejs下载地址
https://nodejs.org/en然后点击下载最新的版本 这里的LTS表示长期支持的意思意味着你后续会基于该版本得到更新因为开源软件一个是会改进功能另外是有安全更新。功能改进意味着有长久的生命力安全更新可以进行系统加固。
下载完成后双击我们的安装包 点击Next进行下一步的安装 勾选I accept复选框同意用户协议 选择默认的安装路径也可以自己修改 剩下就一路next直到安装完成 为了验证我们的开发环境是否搭建成功可以按住键盘的winR键在弹出的窗口输入cmd 依次输入如下命令
node -v
npm -v能看到版本号表示我们的开发环境搭建成功了
步骤四搭建启动入口文件
我们在上边讲解了用插件去快捷的创建入口文件但是他的代码不是太好使我们需要自己写一下启动的代码。
首先要初始化一下项目的配置文件在vscode里点击Terminal-New Terminal 在命令行窗口里输入如下命令
npm init它会提示你各种信息你一路按回车键直到在根目录创建了一个package.json文件 这个就是我们工程的依赖文件如果我们用npm install安装了各种包都会记录到这个文件里别人得到你的源码后直接再执行一遍 npm install就把依赖环境搭建好了
我们要使用express框架先需要安装它在命令行里输入
npm install express执行完毕后会在根目录多一个node_modules文件夹里边就有了我们依赖的express框架 可以看到除了express还有很多其他的因为依赖是层次展开的需要一层层的都安装好然后可以打开package.json里看到我们最新的依赖 在app.js里替换一下代码贴入如下代码
// 引入express模块
const express require(express);
const app express();
const PORT process.env.PORT || 3000; // 设置端口号环境变量PORT有值则使用否则默认为3000 // 设置中间件处理跨域请求可选
app.use((req, res, next) { res.header(Access-Control-Allow-Origin, *); res.header(Access-Control-Allow-Headers, Origin, X-Requested-With, Content-Type, Accept); next();
}); // 路由示例当访问根路径时返回Hello World!
app.get(/, (req, res) { res.send(Hello World!);
}); // 启动服务器
app.listen(PORT, () { console.log(Server is running on port ${PORT});
});步骤五启动服务器
不像Java一样还得打包部署到tomcat里express直接用命令启动就可以在命令行里输入
node app.js命令行会打印服务器在3000端口启动成功 然后你在浏览器里输入http://localhost:3000可以看到hello,world表示我们后端服务就搭建成功了
总结
我们本篇带着大家从0开始搭建了express的后端服务涉及到开发工具的下载安装、开发环境的搭建以及启动服务器。有了这些基础知识后续我们就可以按照自己的需要开发后端接口了感兴趣的同学自己搭建一下吧。
