首页 > 前端开发 > 正文

web前端测试环境和开发环境 开发环境、生产环境、测试环境的区别

2023-10-16 06:28:50 | 我爱编程网

对于前端开发比较关注的小伙伴们一定非常关心web前端测试环境和开发环境 开发环境、生产环境、测试环境的区别,今天我爱编程网小编为大家整理了以下内容,下面一起来看看吧。

web前端测试环境和开发环境 开发环境、生产环境、测试环境的区别

怎样搭建web项目测试环境_测试环境的搭建

在开发中大型的JavaEE项目时,前后端分离的框架逐渐成为业界的主流,传统的单机部署前后端在同一个项目中的工程项目越来越少。这类JavaWeb项目的后端通常都采用微服务的架构,后端会被分解为诸多个小项目,然后使用bbozookeeper或者springCloud来构建微服务,前端则会是一个单独的项目,前台的请求通过微服务来调用。但是,不同与传统的web项目,这类前后端分离的项目如何在开发中部署和运行呢?

当前后端分离时,后端项目一定会被加载到tomcat的webapp目录下面,但是前端的资源院该如何被访问到呢?这里以tomcat这个中间件为例,探讨在开发这类项目的时候,如何让前后端分离的项目部署并且运行起来,即后端项目部署在tomcat之后如何在运行时访问静态资源(非上线部署)。

主要有两种方案:1.在本地通过Nginx来处理这些静态资源。2、将静态资源统一放入一个javaweb应用中,并将自动生成的war包随后端项目一期丢入tomcat。下面详细介绍

一、使用Nginx来访问静态资源。

在本地安装nginx并且修改nginx.conf,修改相关配置,将web访问的端口的资源进行更改,配置如下:

server{listen80;server_namelocalhost;charsetutf-8;#aess_loglogs/host.aess.logmain;

location/{proxy_passtomcat_pool;proxy_redirectoff;

proxy_set_headerHOST$host;

proxy_set_headerX-Real-IP$remote_addr;

proxy_set_headerX-Forwarded-For$proxy_add_x_forwarded_for;

client_max_body_size10m; 我爱编程网

client_body_buffer_size128k;

proxy_connect_timeout90;

proxy_send_timeout90;

proxy_read_timeout90;

proxy_buffer_size4k;

proxy_buffers432k;

proxy_busy_buffers_size64k;

proxy_temp_file_write_size64k;

}

location~.*.(html|htm|gif|jpg|jpeg|bmp|png|ico|txt|js|css|woff|woff2|ttf|eot|map)${

rootD:Workspacesesop-html;indexindex.html;

}

listen对象改为你本地的tomcat访问端口,最下面location中的root改为你前端项目中静态资源的位置,这样就可以实现只部署后端的项目就能访问前端的页面了。

二、将前端项目转换为动态的web项目,随后端项目一起丢入tomcat

这个方案省去了在本地安装和配置nginx,但是也只适用于开发阶段项目的部署运行和调试,真正在生产环境通常前后端项目会部署在不同的服务器。

如果是IntellijIdea,在导入前端项目之后,右键项目addframeworksupport-->webapplication,这时将会把前端项目转换为一个javaweb项目,然后将静态资源放在生成的web目录下即可。

如果是eclipse,可以新建一个javaweb项目然后将静态资源放入web或者webcontent目录下,或者直接先导入前端项目,然后通过projectfacts将项目转换为dynamicweb项目并勾选js等相关配置。

然后,运行项目时把后端的war包和前端的war包一同添加到deployment中运行即可。

web前端测试环境和开发环境 开发环境、生产环境、测试环境的区别

开发环境、生产环境、测试环境的区别

软件开发环境(Software Development Environment,SDE)是指在基本硬件和宿主软件的基础上,为支持系统软件和应用软件的工程化开发和维护而使用的一组软件,简称SDE。它由软件工具和环境集成机制构成,前者用以支持软件开发的相关过程、活动和任务,后者为工具集成和软件的开发、维护及管理提供统一的支持。

项目部署环境一般可分为三种:生产环境,测试环境,开发环境

开发环境:开发环境时程序猿们专门用于开发的服务器,配置可以比较随意,为了开发调试方便,一般打开全部错误报告和测试工具,是最基础的环境。开发环境的分支,一般是feature分支。

测试环境:一般是克隆一份生产环境的配置,一个程序在测试环境工作不正常,那么肯定不能把它发布到生产服务器上,是开发环境到生产环境的过度环境。测试环境的分支一般是develop分支,部署到公司私有的服务器或者局域网服务器上,主要用于测试是否存在bug,一般会不让用户和其他人看到,并且测试环境会尽量与生产环境相似。

生产环境: 生产环境是指正式提供对外服务的,一般会关掉错误报告,打开错误日志,是最重要的环境。部署分支一般为master分支。

三个环境也可以说是系统开发的三个阶段:开发->测试->上线,其中生产环境也就是通产说的真实的环境,最后交给用户的环境。

web前端测试环境和开发环境 开发环境、生产环境、测试环境的区别

web运行环境和开发环境区别?

Web 开发环境和运行环境是两个不同的概念。

Web 开发环境是指开发人员用于创建 Web 应用程序的软件工具和环境。这些工具通常包括文本编辑器、集成开发环境(IDE)、版本控制工具、调试器等。Web 开发环境的目的是提高开发人员的生产效率和代码质量,使他们能够更容易地编写、测试和维护 Web 应用程序。

Web 运行环境是指 Web 应用程序在服务器上运行的环境。Web 运行环境包括 Web 服务器、应用服务器、数据库服务器等。Web 运行环境的目的是提供稳定、高效的运行环境,以便用户可以通过 Web 浏览器访问和使用 Web 应用程序。

总的来说, Web 开发环境主要是面向开发人员,用于创建和维护 Web 应用程序,而 Web 运行环境主要是面向用户,用于提供稳定、高效的服务。 开发环境和运行环境是两个不同的概念,但在实际开发中,二者之间的区别常常会被忽略。

以上就是我爱编程网小编为大家带来的内容了,希望能够帮助到大家,了解更多前端开发资讯敬请关注我爱编程网。
与“web前端测试环境和开发环境 开发环境、生产环境、测试环境的区别”相关推荐
web前端开发实践环境 成熟的Web开发团队开发,测试,上线的环境和流程是怎样的
web前端开发实践环境 成熟的Web开发团队开发,测试,上线的环境和流程是怎样的

成熟的Web开发团队开发,测试,上线的环境和流程是怎样的总结一下:1,你需要一个可以模拟线上的开发环境。2,你需要一个可以模拟线上的测试环境。3,你需要一个可连调的测试环境。4,你需要一个自动化的上线系统。5,一个开发流程适合前后端的。1,本地反向代理线上真实环境开发即可。(apache,nginx,nodejs均可实现)2,模拟线上的测试环境,其实就是你需要

2023-09-18 20:30:31
php框架怎么搭测试环境 写网站需要用到php,怎样搭建php环境
php框架怎么搭测试环境 写网站需要用到php,怎样搭建php环境

php框架搭建方法?php框架搭建步骤:1.项目初始化首先我们在自己的web目录下创建我们的项目目录,我暂且把项目命名为hellovod,因此我的电脑目录就是:D:laragonwwwhellovod。在该目录下创建composer.json文件。2.添加入口文件初始化完毕后,我们来配置入口文件。在hellovod目录下新建一个public文件夹,并在该文件夹下创建

2023-09-25 19:13:43
web前端的开发环境 web前端开发环境都有什么
web前端的开发环境 web前端开发环境都有什么

web前端开发工具有哪些合理的利用Web前端开发工具,可以使开发效率大幅提升,事半功倍。常用的开发工具可以参考以下:1、Web应用框架,包括asp.net,JavaEE,WebObjects,web2py,OpenACS等;2、本地开发环境,包括MAMP,LARAGAN,XAMPP和Vagrant等;3、协作工具,如Slack,Trello,Asana,Jira等;4、前端框

2023-08-30 12:47:22
vscode配置web前端开发环境 vscode配置c/c++环境
vscode配置web前端开发环境 vscode配置c/c++环境

vscode配置文件的关系简单来说,vscode是一款文本编辑器,而不是ide。这就是说,vscode只提供编辑的环境而不提供编译的环境,如果想要用vscode来集成开发环境,则必须经过以下几步:安装必须的编译器(比如mingw,python,texlive等)配置相应编译环境(添加环境变量等)安装匹配的vscode的拓展插件通过拓展插件提供的“属性”将外部编译器链接到vsc

2023-09-23 12:50:17
学web前端开发环境 web前端开发环境都有什么
学web前端开发环境 web前端开发环境都有什么

自学Web前端真的很难找到工作嘛?不管你是自学还是培训,找工作主要看的是技术能力、相关工作经验、综合实力及沟通能力等。只是对于自学的小伙伴来说,不知道企业需要哪些技术,并且不知道需要达到什么样的技术水平才能就业?所以在学习过程中很迷茫,学了很久之后也可能达不到要求,因此找工作很难。蜗牛学院这里根据行业变化和企业需求整理了一份最新的web前端学习路线,都是企业招聘时所需的技术,希望对自学的小

2023-09-13 21:23:28
tp5.0框架要求php环境 开发php需要的环境
tp5.0框架要求php环境 开发php需要的环境

开发php需要的环境PHP能做任何事。PHP主要是用于服务端的脚本程序,因此您可以用PHP来完成任何其它的CGI程序能够完成的工作,例如收集表单数据,生成动态网页,或者发送/接收Cookies。但PHP的功能远不局限于此。PHP脚本主要用于以下三个领域。服务端脚本。这是PHP最传统,也是最主要的目标领域。开展这项工作您需要具备以下三点:PHP解析器(CGI或者服务器模块)、WEB服务

2023-10-03 02:05:11
web前端开发软件环境 web前端开发环境都有什么
web前端开发软件环境 web前端开发环境都有什么

前端主要要掌握那些框架才更好就业?这里整理了一份web前端的系统学习路线,包含的技术如下:第一阶段:专业核心基础阶段目标:1.熟练掌握HTML5、CSS3、Less、Sass、响应书布局、移动端开发。2.熟练运用HTML+CSS特性完成页面布局。4.熟练应用CSS3技术,动画、弹性盒模型设计。5.熟练完成移动端页面的设计。6.熟练运用所学知识仿制任

2023-08-29 01:02:41
web前端开发搭建环境 web前端开发环境都有什么
web前端开发搭建环境 web前端开发环境都有什么

web前端开发环境都有什么web前端开发环境都有什么具体的可以咨询千锋教育,该机构可以帮助更多迷茫的学生实现他们的梦想,非常不错。web前端是由前端开发的浏览器语言。它不需要很多逻辑思维能力,也不需要像应用程序那样进行审核。通常,只要您输入正确的代码,无论您键入什么代码,页都会显示哪些内容。当然,对于web前端开发人员来说,除了熟练掌握代码外,他们还需要一些ui编辑能力

2023-09-11 15:57:58