IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> uniapp创建nodejs后端服务器流程 -> 正文阅读

[JavaScript知识库]uniapp创建nodejs后端服务器流程

?? ?//前提: 已安装node 、 express 、express-generator环境??
?环境安装,百度都有

? ?1.npm install express-generator -g ? ? ?使用应用生成器工具express-generator快速构建node后端项目
?? ?2. express myapp ?创建项目myapp
?? ?3. cd myapp?? ? 进入项目目录
?? ?4. npm install?? ?安装项目依赖
?? ?5. SET DEBUG=myapp:* & npm start?? ?启动项目

桌面新建一个文件夹 server

进入cmd窗口cd 到文件目录下

?输入?npm install express-generator -g?使用应用生成器工具express-generator快速构建node后端项目


输入 express ShopServer 创建了一个名为myapp的express骨架项目??ShopServer?是你的项目名字


? ?change directory:
? ? ?> cd ShopServer ? ? ?进入项目文件目录
? ?install dependencies:
? ? ?> npm install ? ? ? ? 安装npm依赖包
? ?run the app:
? ? ?> SET DEBUG=shopserver:* & npm start ? ?启动服务

?按上面提示输入命令

修改端口号:

打开bin目录下的www文件,找到这行代码(一般在15行)
?? ?var port = normalizePort(process.env.PORT || '3000');

改成1300

?var port = normalizePort(process.env.PORT || '1300');

然后启动服务?npm?start

接着打开浏览器地址输入http://localhost:1300/

?

出现上面截图就是成功了。

接着就是开发了?

SET DEBUG=myapp:* & npm start
或者 npm start (非debug模式启动)

运行成功,控制台输出服务运行端口 3000?
myapp:server Listening on port 3000 +0ms

通过浏览器访问 :http://localhost:3000


app.js 是项目的主文件(入口文件),相当于vue项目的main.js
bin: 启动目录 里面包含了一个启动文件
bin/www 一个启动文件,配置了项目运行的端口信息 默认监听端口是 3000
package.json 包描述文件 ?最重要的是 依赖的模板列表 dependencies
? ? ? ? ? ? ?依赖列表里面的所有模板 可以通过 npm i / cnpm i ?一次性全部安装
public: ?所有的前端静态资源 ?html css image ?js
views: 主要放置 ejs 后端模板文件
routes: ?放的是 路由 文件 (默认有两个),主要在这个目录下开发接口
? ? ? ? ?路由主要定义 url 和 资源 的映射关系 ( 一一对应关系 )
? ? ? ? ?主要用来接收前端发送的请求 响应数据给前端

打开bin目录下的www文件,找到这行代码(一般在15行)
?? ?var port = normalizePort(process.env.PORT || '3000');
这里我们还没有配置项目的环境变量,直接修改
例如:?? ?var port = normalizePort(process.env.PORT || '9800');?? ?//9800端口
修改后需要重启项目才能生效
?

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-10-22 21:06:34  更:2022-10-22 21:09:20 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/17 19:05:33-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码