文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Web 应用开发进化论

如果你在笔记本电脑或智能手机上的浏览器中导航到特定的 URL，浏览器会向负责该 URL 的 Web 服务器发出请求。...为了开发一个服务器，你也可以在本地计算机上拥有一个服务器（localhost）。 ---- Web 服务器和应用服务器有啥区别？...在传统网站中，对于每个不同的 URL，都会从客户端向 Web 服务器发出一个新请求。 对于每个 URL，都会将不同的 HTTP GET 方法发送到专用 Web 服务器来完成请求。...因此，我们必须从客户端向服务器（使用 JavaScript/Node.js 或其他编程语言编写的应用程序服务器）发出另一个请求，以请求这些缺失的的数据。...随着从传统网站到全栈应用程序的所有发展，你可能已经注意到从 X 到 Y 的转变常常使事情变得更加复杂......

4.2K10

为你的圣诞灯构建一个应用程序

最后，还有在我的iPhone上运行的React原生应用程序。 通常，我不会尝试为这么小的项目构建iPhone应用程序。...但Expo(https://expo.dev/)让在手机上运行代码成为了一种很棒的体验。它们通过应用程序和命令行自动构建并推送到您的手机上。...但是自从我构建应用程序以来已经有一段时间了，而且我一直在听说 React Native，所以我决定试一试。 我很惊讶能够在不到一个小时的时间内在我的手机上安装我的应用程序的构建版本。...当应用程序打开时，GET会向/state资源发出请求。它返回一个 JSON 对象，其中包含 Z-Wave 开关的当前状态。如果打开，则认为是网络ON。 从这里，我们可以按下一个按钮来翻转状态。...这会POST向/state资源发出请求，并具有所需的新状态。 我可以通过expo build:ios. 完成后，我可以打开 Expo 应用程序并控制我的圣诞灯饰。 任务完成！ 代码在哪里？

1.8K40
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    【译】我是如何学习任意前端框架的

    端点API示例： Github API OMDb API Spotify Web API wunderground API reddit API 你将学到： 使用HTTP客户端向端点API发起请求 使用键盘事件监听器...你将学到： 路由守卫：某些页面只允许通过身份验证的用户（访问） 如何发送并保存JWT(JSON Web令牌)以发出需要经过身份验证的用户请求 3.CRUD App 增删查改的应用程序是本节中最受欢迎的前端应用程序...，你可以使用本地存储或者使用在线服务（如Firebase）来构建此应用程序，甚至将它与后端框架集成在一起。...项目实例： 书签应用 To-Do App 你将学到： 验证用户的表单输入，如果用户输入错误就提示错误信息 如何创建put、delete、post和get的HTTP请求 将你的应用程序和任意后端框架集成...你将学到： 学习如何使用管理状态解决方案，如redux for react, ngrx for angular 2+ 或 vuex for vuejs以及如何将其与客户端应用程序集成 使你的应用更灵活

    3.6K10

    如何在Ubuntu上使用Webhooks和Slack部署React

    在本地计算机上，将create-react-app节点模块添加到全局存储库，并使得create-react-app在shell环境中使命令可用： sudo npm install -g create-react-app...它运行一个为服务器提供服务的HTTP服务器。 build：此脚本负责制作应用程序的生产版本。您将在服务器上使用此脚本。 test：此脚本运行与项目关联的默认测试。...这将使应用程序保留在我们的主目录中，同时使Nginx可以从/var/www目录中提供： sudo ln -s ~/do-react-example-app /var/www/do-react-example-app...pass-arguments-to-command：从HTTP请求传递给脚本的参数。我们将从HTTP请求的有效负载传递提交消息，推送器名称和提交ID。这些相同的信息也将包含在您的Slack消息中。...我们现在将使用curl向Slack webhook服务器发出POST HTTP请求的调用替换它们。Slack钩子需要JSON主体，然后它将解析，在通道中显示相应的通知。 用以下curl替换!!

    8.7K20

    使用 .NET 的 Dev Proxy 构建和测试弹性应用

    连接到 API 的难点 如今，很难想象一个应用程序没有连接到 API。我们将 API 用于所有事情：从获取数据到执行操作。但是，使用 API 不仅仅是发出请求并获得响应。...一直以来，您的应用程序都认为它已连接到真正的 API！Dev Proxy 允许你确保应用在连接到的 API 中断时不会惨遭失败。愤怒的客户或客户经理不再打来电话，要求你放下一切来灭火。...Dev Proxy 是如何工作的？ Dev Proxy 是在开发计算机上本地运行的 Web 代理。在启动它之前，您可以将其配置为监视对特定 URL 的请求。...让我们使用 Dev Proxy 模拟不同的 API 行为来测试默认应用的配置，并提高应用的弹性。 让我们从启动应用程序开始，找出产品目录 API 的 URL。...虽然该应用程序内置了弹性功能，但它还是并行发出多个请求，这使得它看起来不遵循后退并导致 Dev Proxy 使请求失败。在几次尝试调用 API 失败后，应用放弃并在浏览器中显示原始堆栈跟踪。

    13910

    第一章 Electron介绍 | Electron in Action(中译)

    您可以像任何本机桌面应用程序或服务器端Node进程那样自由地访问文件系统。您还可以自由地向第三方api发出请求，而不需要经过Node服务器，因为您可以访问与任何其他Node进程相同的特权和功能。...图1.7 Electron应用程序可以使用Node.js第三方api发出请求。...甚至使用任何流行的客户端框架的高级web应用程序 与Ember、React或Angular一样，通常需要连接到远程服务器来进行数据交换。 Electron应用程序已经下载到用户的计算机上。...通常，它们加载本地存储的HTML文件。在那里，如果连接可用，他们可以请求远程数据和页面。Electron甚至提供了api，允许您检测连接是否可用。...主过程也负责与本机操作系统接口通信。如果你想要显示对话框去打开或者保存文件，可以从主进程中执行。

    3.6K30

    Rxjs 响应式编程-第六章 使用Cycle.js的响应式Web应用程序

    在尝试更快地开发Web应用程序时，开发人员意识到特定领域是瓶颈，使Web应用程序不像其本地应用程序那样快速和强大。...在我们的程序中，我们应该以任何方式修改状态。驱动程序采用从我们的应用程序发出数据的Observable，它们返回另一个导致副作用的Observable。...我们不会经常创建驱动程序 - 只有当我们需要副作用时，例如修改DOM，从其他接口读取和写入（例如，本地存储）或发出请求。...在大多数应用程序中，我们只需要DOM驱动程序（呈现网页）和HTTP驱动程序（我们可以使用它来发出HTTP请求）。 在这个例子中，我们将使用另一个JSONP驱动程序。...我们使用JSONP而不是HTTP来更容易在本地计算机上运行此示例，因为使用HTTP从不同的域检索数据会导致某些浏览器因为安全原因阻止这些请求。

    3.2K30

    每个程序员都应该知道的50个Web开发术语

    本质上，这样的开发人员知道制作整个Web应用程序所需要的一切。 云 在云计算只是指一些远程计算机（不是本地计算机）上运行的软件和服务，包括它的整个基础设施。...它为Web和移动应用程序提供了一组强大的功能，并且可以在特定的URL处理多个不同的HTTP请求。 APIs 应用程序可编程接口（API）只是一组规则，用于指导两个计算机程序如何相互交互以获取数据。...打开浏览器，然后输入您喜欢的网站的URL，随即会显示该网页。实际发生的是您的浏览器API（客户端）向服务器API发出了请求（已通信），并且由于后端进行了编码（指示），服务器响应了请求的页面/信息。...这类似于IDE的操作。 运行引擎 这些是某些应用程序在计算机上运行所依赖的软件。运行时引擎必须在计算机中运行，以便应用程序执行。...DevTool对于调试Web应用程序非常有用。您可以在控制台上查看日志，监视网站的速度和性能，检查组成页面的元素，查看请求和响应标头以及存储在本地存储中的信息。

    1.5K20

    「技术架构」5分钟把前端应用程序部署到NGINX

    如果你: 希望将您的Angular/React/Vue或任何其他基于前端的框架应用程序放在Nginx上; 希望将Nginx上的客户端与后端连接(如Node.js或Java app); 要将域调用委托给内部...连接后端 使用Angular/Vue/React，你可能正在开发服务器上工作，它会在更改后重新加载你的代码，并将你的请求代理到后端。现在，Nginx配置中必须提供类似的代理配置。...让我们假设所有从客户端到后端执行的请求都有/api前缀，例如get('/api/myWallet')正在对本地主机8888/api/myWallet后端服务器执行请求。...您的配置可能不同，但通常情况下是这样工作的。 现在我们要做的就是将nginx设置为代理每个domain.com/api/*请求到本地主机:8888。...这是配置: location /api { proxy_pass http://localhost:8888/api; } 将此配置粘贴到server{}部分(您在上面定义的)。

    2.7K30

    IntelliJ IDEA 2023.2 最新变化

    更新了Services（服务）工具窗口中 _Run/Debug_（运行/调试） 微件的 UI 我们重做了 _Services_（服务）工具窗口中运行和调试操作的 UI，使工具栏外观与主 _Run/Debug...在 HTTP 客户端中使用 TLS 发送 gRPC 请求 Ultimate 您现在可以在 HTTP 客户端中通过传输层安全 (TLS) 发送 gRPC 请求。...通过 Redocly 集成，您可以从 IntelliJ IDEA 中访问 Try it 控制台，使用它设置参数并向 API 发送请求。...HTTP 客户端 CLI 中对 GraphQL 和 WebSocket 的支持 Ultimate 您现在可以在 IntelliJ IDEA 中使用 HTTP 客户端 CLI 与 GraphQL API...现在，您的错误和警告将以可读性更高的方式格式化，使代码中的问题更易发现。 这适用于所有 TypeScript 和一些最常见的 JavaScript 错误，甚至包括本地化后的错误。

    73720

    前端Js框架汇总

    RESTful API 　　这是NodeJS最理想的应用场景，可以处理数万条连接，本身没有太多的逻辑，只需要请求API，组织数据进行返回即可。它本质上只是从某个数据库中查找一些值并将它们组成一个响应。...由于响应是少量文本，入站请求也是少量的文本，因此流量不高，一台机器甚至也可以处理最繁忙的公司的API需求。 2....JQuery Mobile 地址：http://www.w3school.com.cn/jquerymobile/ (中文网) 描述：Query Mobile是jQuery 在手机上和平板设备上的版本。...移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。 用途：jQuery Mobile 是创建移动 web 应用程序的框架。...很多人认为 React 是 MVC 中的 V（视图）。我们创造 React 是为了解决一个问题：构建随着时间数据不断变化的大规模应用程序。为了达到这个目标，React 采用下面两个主要的思想。

    6.5K30

    IntelliJ IDEA 2023.2 主要更新了什么？(图文版)

    更新了 Services（服务）工具窗口中 Run/Debug（运行/调试）微件的 UI 我们重做了 Services（服务）工具窗口中运行和调试操作的 UI，使工具栏外观与主 Run/Debug（运行...在 HTTP 客户端中使用 TLS 发送 gRPC 请求 Ultimate 您现在可以在 HTTP 客户端中通过传输层安全 (TLS) 发送 gRPC 请求。...通过 Redocly 集成，您可以从 IntelliJ IDEA 中访问 Try it 控制台，使用它设置参数并向 API 发送请求。...现在，您的错误和警告将以可读性更高的方式格式化，使代码中的问题更易发现。 这适用于所有 TypeScript 和一些最常见的 JavaScript 错误，甚至包括本地化后的错误。...此外，对用户体验、Java、运行/调试、版本控制系统、Docker和数据库工具等方面的改进，进一步增强了IDE的功能和易用性，使开发者能够更轻松地构建优质的应用程序。

    55910

    React 设计模式 0x6：数据获取

    学习如何轻松构建可伸缩的 React 应用程序：数据获取 # React 中服务端数据获取的方式 在大多数 React 应用程序中，应用程序需要来自 API 或服务器的数据才能正常运行。...也会将数据从应用程序提交到服务器以接收某种响应。有几种方法可以将此数据发送/获取到 API 或服务器，可以使用内置的 API 或外部 npm 包来实现。...# fetch 这是 JavaScript 和 React 应用程序中常用的 API。Fetch 提供了 Request 和 Response 对象（以及其他与网络请求相关的内容）。...GraphQL 提供了 API 中数据的完整且易于理解的描述，使客户端能够精确地请求所需的数据，避免了不必要的数据传输，使得 API 能够随着时间的推移更容易地发展，并提供了强大的开发者工具。...应用程序中，通常需要计算数据或从 API 获取数据。

    1.2K20

    使用 OAuth 实现大型网站现代化的 5 个步骤

    这可以用在很多安全设计模式中，对于拆分网站也很有效。 在下图中，从示例保险业务领域中选择了一个不太复杂的业务领域（营销）。营销应用程序已拆分为自己的网站。...因此，团队和企业主可能同意将在上一步中模块化的营销网站更新为单页应用程序 (SPA) 架构。一个主要工作领域将涉及将数据逻辑从 Web 后端的 Ajax 端点迁移到 API。...它还使您能够为不同的用户组改变身份验证，例如使用较新的无密码设备登录某些应用程序。 在此示例中，我们可以看到熟悉的营销应用程序和主网站。...您必须确保每个应用程序只在 API 请求中发送自己的 cookies，而不能发送属于其他应用程序的 cookies。...您可以在开发计算机上端到端地运行这些，以在您的现代化之旅的早期评估设计。

    11110

    使用Spring Boot，Spring Cloud，Docker和一些Netflix的开源工具建立微服务架构。

    在这个项目中，我使用  native profile，它只是从本地类路径加载配置文件。你可以在Config服务资源中查看 share 目录  。...从客户端来看，一切都与传统的基于会话的授权完全相同。你可以从Principal 请求中检索  对象，使用基于表达式的访问控制和@PreAuthorize 注释检查用户角色和其他内容  。...在现实世界的系统中，这个数字可以非常快速地增长，并且整个系统的复杂性也会增加。实际上，渲染一个复杂的网页可能涉及数百种服务。 理论上，客户端可以直接向每个微服务发出请求。...但显然这个选项存在挑战和局限，例如必须知道所有端点地址，分别对每个信息和平执行http请求，在客户端合并结果。另一个问题是非网络友好协议，可能在后端使用。 通常，更好的方法是使用API​​网关。...请记住，你要启动8个Spring Boot应用程序，4个MongoDB实例和RabbitMq。确保4 Gb 的计算机上有  RAM。

    89500

    微服务框架相关技术整理

    接口） 微服务应用开发 API Gateway API Gateway:网关,统一应用请求接口.API 网关在微服务们的最前端,让 API 网关变成由应用所发起的每个请求的入口，简化客户端实现和微服务应用程序间的沟通方式...，而不需要了解底层网络技术的协议.也就是 客户端在不知道调用细节的情况下，调用存在于远程计算机上的某个对象，就像调用本地应用程序中的对象一样 RPC是协议: 协议就是一套规范,目前典型的RPC实现包括:...Dubbo,Thrift,GRPC,Hetty等.从目前技术的发展趋势来看,实现了RPC协议的应用工具往往都会附加其他重要功能 网络协议和网络IO模型对其透明: 既然RPC的客户端认为自己是在调用本地对象...既然网络协议对其透明，那么调用过程中，使用的是哪一种网络IO模型调用者也不需要关心 信息格式对其透明: 我们知道在本地应用程序中，对于某个对象的调用需要传递一些参数，并且会返回一个调用结果。...,POST,PUT,DELETE)描述操作 RESTful API就是一套协议来规范多种形式的前端和同一个后台的交互方式.由SERVER来提供前端来调用,前端调用API向后台发起HTTP请求,后台响应请求将处理结果反馈给前端

    1.9K10

    从零开始Kubernetes Operator

    在 Kubernetes 中，有一组内置的 Controller 在主节点中的 controller-manager 内部运行。...运行 KinD 集群 在本地计算机上执行上述脚本后，我们就有了一个功能齐全的 Kubernetes 集群。另外，集群的每个节点都有一个已安装的目录，以备将来需要创建持久卷时使用。...我们要先在本地计算机上安装 Operator-SDK、Go-lang 和 Git。...Ace 应用程序 Java 应用程序 K8sMeetup 配置 Admission Webhook Admission Webhook 是一种用于接收准入请求并对其进行处理的 HTTP 回调机制。...Validating webhook 可用于执行超出 OpenAPI 架构验证功能的验证，例如确保字段在常见后是不可变的，或者对向 API Server 发出请求的用户进行更高级别的权限检查。

    2.4K20
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券