首页
学习
活动
专区
圈层
工具
发布

环境变量:熟悉的陌生人

在代码中随意留下它们可能会导致所有开发人员都可以访问它们。如果不遵循适当的代码混淆方法,可以通过反向工程检索代码中的密钥。通过环境变量隔离这些密钥可以防止发生这种情况。 3....隔离它还可以帮助我们轻松地修改应用程序的域名,而无需在整个代码库中搜索其出现的位置。 API URL:我们的应用程序的每个环境也可以在不同的环境中部署API。 4....格式 .env 文件以「键值对的形式」存储应用程序密钥。 在 .env 文件中存储环境变量的常用格式是: Key1=Value1 为了使应用程序能够成功读取应用程序密钥,我们需要严格遵守此格式。...Node.js是用于构建后端应用程序的最广泛使用的JS框架之一。让我们看看如何在基于Node.js的应用程序中轻松处理环境变量。...如果你将用于应用程序中的付费 API 服务的密钥存储在 env 文件中,除非有必要让整个开发团队都能访问它,否则你不希望与他们分享。

1.5K10

如何在 Windows 上安装 Angular:Angular CLI、Node.js 和构建工具指南

如何在 Windows 上安装 Angular:Angular CLI、Node.js 和构建工具指南 本文翻译自How to Install Angular on Windows: A Guide to...什么是 Angular CLI? Angular CLI 是用于初始化和使用 Angular 项目的官方工具。它使您免于复杂配置和构建工具(如 TypeScript、Webpack 等)的麻烦。...与当今大多数现代前端工具一样,Angular CLI 构建在 Node.js 之上。 Node.js 是一种服务器技术,允许您在服务器上运行 JavaScript 并构建服务器端 Web 应用程序。...查看 MEAN 堆栈——它是一个包含 MongoDB、Express(构建在 Node.js 之上的 Web 服务器和 REST API 框架)和 Angular 的架构。...lint (l): 在给定项目文件夹中的 Angular 应用程序代码上运行 linting 工具。 new (n): 创建一个新的工作区和一个初始的 Angular 应用程序。

7.8K00
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Node.js-具有示例API的基于角色的授权教程

    使用Node.js构建的教程 其他可用版本: ASP.NET: ASP.NET Core 3.1, ASP.NET Core 2.2 在本教程中,我们将通过一个简单的示例介绍如何在JavaScript...更新历史: 2020年7月2日-更新至express-jwt版本6.0.0以修复安全漏洞 2020年5月15日-添加了有关使用Angular 9客户端应用程序运行Node.js api的说明 2018年...4通过从项目根文件夹中的命令行运行npm start来启动应用程序,这将启动显示Angular示例应用程序的浏览器,并且应与已经运行的基于Node.js基于角色的授权API挂钩。...4.通过从项目根文件夹中的命令行运行npm start来启动应用程序,这将启动一个显示React示例应用程序的浏览器,并且应该与已经运行的Node.js基于角色的授权API挂钩。...4.通过从项目根文件夹中的命令行运行npm start*来启动应用程序,这将启动显示Vue.js示例应用程序的浏览器,并且应与已经运行的基于Node.js基于角色的授权API挂钩。

    7.7K10

    从客户端Web应用程序访问Bluemix服务

    这些服务提供需要密钥的API。在Bluemix上托管的Cloud Foundry应用或Docker容器可以从环境变量中访问这些凭据从而调用Bluemix服务。...为了允许Web应用调用REST API,nginx充当了可以在您的nginx.conf文件中配置的代理身份。 我无法弄清楚如何配置/扩展nginx的代理来访问环境变量。...这就是为什么我用Node.js和Express框架构建的Web服务器取代了nginx。 Express可以使用各种代理服务器实现,或者您可以自己编写一个简单的代理服务器。...以下代码显示GET请求的代理,该代理读取Watson对话服务的凭据并将其添加到请求中。...使用/ credentials,Web应用将检查密钥是否存在,这是在将Watson Conversation服务绑定到Node.js应用程序时的情况。如果存在,用户名和密码的两个输入字段将被禁用。

    4.2K100

    分享10个NodeJS相关的专业级工具

    由Express.js的同一团队创建,Koa优先考虑增强代码可读性,并提供了一个简洁的API来构建Web应用程序。...它拥有高效的路由系统,使应用程序能够在不降低性能的情况下管理大量并发连接。值得注意的是,Express.js拥有庞大的用户群体,每周的NPM下载量超过2600万次,进一步突显了其广泛的采用和可靠性。...AdonisJS https://adonisjs.com/ AdonisJS是一个建立在Node.js上的功能丰富的Web应用程序框架,遵循MVC(模型-视图-控制器)架构模式。...FeathersJS https://feathersjs.com/ FeathersJS是一个建立在Node.js上的全栈Web框架,用于创建API和实时Web应用程序。...此外,许多构建在Node.js上的Web和API开发框架,如Express、HapiJS和FeatherJS,提供了各种模板和功能,以简化开发工作流程。

    2.5K20

    主流Node.js 框架推荐

    它或多或少是在Node.js上编写Web应用程序的事实上的API。 它是一组路由库,提供了一层薄薄的基本Web应用程序功能,添加到讨巧的现有Node.js功能中。...MEAN.io MEAN的全称是Mongo、Express、Angular(6)和Node,结合了一套开源技术,这些技术共同提供了一种从头开始构建动态Web应用程序的端到端框架。...Loopback.io LoopBack是一种高度可扩展的Node.js框架,让你在几乎不用编程的情况下就能创建动态的端到端REST API。...它旨在使开发人员能够在几分钟内轻松构建模型并创建REST API。 它支持轻松的身份验证和授权设置。它还随带模型关系支持、各种后端数据存储、即席查询和附加组件(第三方登录和存储服务)。 9....它结合了各种工具和架构,旨在从头开始轻松编写可扩展的REST API和实时Web应用程序。它也基于Express构建。 它可以在几分钟内快速构建应用程序原型,在几天内构建生产就绪的实时后端。

    7.7K20

    Node.js 简介

    为了使开发者做事变得容易又来劲,社区在 Node.js 上构建了数千个库。 久而久之,其中许多已成为受欢迎的选择。...hapi: 一个富框架,用于构建应用程序和服务,使开发者可以专注于编写可重用的应用程序逻辑,而不必花费时间来搭建基础架构。 koa: 由 Express 背后的同一个团队构建,旨在变得更简单更轻巧。...新项目的诞生是为了满足创建不兼容的更改而又不破坏现有社区。 Loopback.io: 使构建需要复杂集成的现代应用程序变得容易。...Meteor: 一个强大的全栈框架,以同构的方式使用 JavaScript 构建应用(在客户端和服务器上共享代码)。...Nx 有助于将开发工作从一个团队(构建一个应用程序)扩展到多个团队(在多个应用程序上进行协作)! Socket.io: 一个实时通信引擎,用于构建网络应用程序。

    2.7K30

    实现前后端分离开发:构建现代化Web应用

    前后端分离开发是一种通过将前端和后端的开发过程分离,让它们相对独立工作的开发方式。通常情况下,前端是指Web应用程序的用户界面部分,通常由HTML、CSS和JavaScript构建。...前后端分离开发有多个优点,使其成为现代Web应用程序开发的首选方式: 团队协作:前后端分离使前端和后端团队能够并行工作。前端团队可以专注于用户界面的设计和开发,而后端团队可以处理数据和业务逻辑。...技术多样性:前端和后端可以使用不同的技术栈。例如,前端可以使用React、Angular或Vue.js,而后端可以选择Java、Node.js或Python。...自动化构建和部署 前后端分离开发通常需要自动化的构建和部署流程。前端代码通常需要通过构建工具(如Webpack、Parcel或Rollup)进行打包,以减小文件大小并提高性能。...前端代码需要通过构建工具(如Webpack、Parcel或Rollup)进行打包和优化,以减小文件大小并提高性能。构建后的前端代码可以部署到Web服务器、CDN或云存储中,以提供稳定和快速的访问。

    3.3K10

    使用 Jenkins X、Kubernetes 和 Spring Boot 实现 CICD

    过去五年中的变化,如迁移到公有云以及从虚拟机向容器的转变,已经彻底改变了构建和部署软件的意义。 以 Kubernetes 为例。...即使我的应用程序使用了 Spring Boot,但是根目录中没有 pom.xml,所以 Jenkins X 认为它是一个 Node.js 应用程序。...保护你的 Spring Boot 应用程序并添加 Angular PWA 在过去的几个月里,我写了一系列有关使用 Ionic/Angular 和 Spring Boot 构建 PWA(渐进式 Web 应用程序...这是因为我更喜欢从环境变量中读取它,而不是签入源代码控制。你可能也想为你的客户密钥执行此操作,但我只是为了简洁而做一个属性。...你可以在 GitHub 上的此示例中找到已完成应用程序的源代码 。

    6.2K10

    Okta:身份和访问管理全解析

    它提供用户认证、授权和用户管理功能,使开发者能够专注于构建核心应用功能,而不必担心安全实现细节。...访问Okta开发者网站注册新账户(需要电子邮箱)激活账户并登录熟悉开发者控制台登录后,你会看到一个直观的仪表板,显示关键信息和快速访问链接。(第一次看到它时,我被它的简洁所震撼!)...这些凭证将用于应用程序代码中与Okta API通信。务必安全保存这些凭证!使用Okta SDK实现认证现在让我们看看如何在实际应用中实现Okta认证。...以下是使用Node.js的简化示例:```javascriptconst express = require('express');const { ExpressOIDC } = require('@okta...API资源定义细粒度范围定期审核权限 - 定期检查用户权限和组成员资格测试身份自动化 - 在生产环境前彻底测试自动化工作流常见陷阱CORS配置错误 - 确保正确配置跨域资源共享重定向URI不匹配 - 确保应用程序配置中的

    82110

    面向开发人员的十大 NodeJS 框架

    事件驱动的非阻塞 I/O 模型使 NodeJS 框架 能够开发极其轻便且高效的 Web 应用程序。...Express.JS Express.js 由核心 Node 项目团队的成员之一 TJ Holowaychuk 构建。大型社区支持此框架,因此具有不断更新和改革所有核心功能的优势。...这是一个极简主义的框架,用于构建 mobile 应用程序和 API。 ?...Express 是一种小巧且灵活的 Node.JS Web 应用框架,可提供强大的功能集 强大的 API 允许用户通过配置路由在 前端 和数据库(充当 HTTP 服务器框架)之间发送或接收请求。...让我们检查一些主要的NodeJS框架的优点: 实时工作环境 简单的编码经验 无缝数据流 在整个开发过程中使用相同的代码模式 方便易用的 最终分析 看完本文之后,我们当然可以理解,采用哪种框架完全取决于我们想要构建的网站和

    3.5K20

    过去10年最重要的10个 JavaScript 框架

    2Express ? 发布于 2010 年11月的Express 成了用 JavaScript 构建 Web API 和 服务器的事实上的标准框架(得益于 Node.js)。...在 React Native 之前,将应用发布到不同平台通常需要多个代码库,以及不同的技术栈、团队和流程。...尽管用这种方式开发的混合应用没有原生应用性能好,大部分情况下也基本够用了。React Native 发展迅速,有着大量的相关工作机会和庞大的社区。...它比其他框架如 Backbone 和 Ember 更难用,体积也更大,这就影响它在低端设备上的性能表现。加上它偏向于企业级应用开发,对新手来说更难入门。 这就是为什么又有了后来的 Angular。...它采用了一种不同的方法来构建 web 应用程序,主要用于生成静态站点,这些站点通常比 Angular 等传统框架更快、更容易访问和构建。

    1.3K21

    基于 ChatGPT 和 React 搭建 JSON 转 TS 的 Web 应用

    要做到这一点:通过运行以下代码安装 OpenAI API Node.js 库npm install openai在 此处 登录或创建 OpenAI 帐户单击导航栏上的 Personal 并从菜单栏中选择...GPT_API_KEY="的 GPT API 密钥>"在服务器上创建一个 POST 路由,它将接受来自前端的 JSON 代码并生成其等效的 Typescript// server/index.js...Loading 组件,直到请求成功,然后在代码编辑器上显示结果恭喜!...React 应用程序中添加高效的代码编辑器如何在 Node.js 中与 ChatGPT 通信如何在 React 中单击按钮时复制与删除内容本教程完成一个可以使用 ChatGPT API 构建的应用程序示例...通过 API,你还可以创建功能强大的应用程序,在各个领域都有用,例如翻译、问答、代码解释或生成等。

    2.4K10

    2020 年的 JavaScript 后起之秀

    主要功能包括: 默认情况下包括 TypeScript 编译器(但是开发者可以正常使用 JavaScript 编写代码) 没有集中的包管理器,可以从任何 URL 加载任何 JavaScript 依赖项 “...最初,它作为在服务器上呈现 React 应用程序的解决方案而闻名。现在,它是使用 React 构建全栈 Web 应用程序的出色解决方案。...它带有新的 Composition API,可解决 Vue.js 2 的几个问题: 很难通过组件内部的逻辑关注来组织代码 跨组件的代码重用更加容易(使用 Vue 2,mixins,mixing factory...与更传统的 CSS 框架(如 Bootstrap 或 Bulma)相比,它提供了命名约定,使开发人员可以通过编写类名来设置页面和组件的样式。...前端开发人员现在可以使用诸如 esbuild,Snowpack 和 Vite 之类的解决方案来更快,更简单地构建工具。 说到工具,NPM 的第 7 版提供了用于在单个存储库中处理多个软件包的工作区。

    2.9K20

    2022 年十大 JavaScript 框架

    JavaScript 框架使 JavaScript 工作更加顺畅更加容易。不仅如此,程序员使用 JavaScript 框架还可以很容易地设计应用程序在不同设备上的反应。...Express Express 或 Express.js 是个开放的、快速的、极简的后台框架,针对用于 Web 应用程序开发的 node.js。...它是作为免费开源软件发布的,旨在简化 API 和 Web 应用程序开发。Express 使基于 Node 的应用程序开发更容易。...中间件、模板、路由、调试和更快的服务器端开发这些特性使 Express.js 在开发人员中广受欢迎。 Angular Angular 是最高效的开源 JavaScript 框架之一。...Ember.js Ember.js 是一个使用组件服务模式的开源的、高效的 JavaScript 框架。它提供了构建富 UI(这些 UI 可以在任何设备上轻松工作)所需的一切。

    3.8K20

    React 设计模式 0x5:服务端渲染 SSR

    学习如何轻松构建可伸缩的 React 应用程序:服务端渲染 SSR # 什么是 SSR SSR(Server-Side Rendering,服务器端渲染)是指将 React、Vue、Angular 等客户端渲染的应用在服务器端执行一次...强大的社区支持 Next.js 有一个非常庞大的社区,因为这个框架仍在不断发展,日益受欢迎 快速刷新 在 Nex.js 应用程序上进行代码更改时,更改会在几秒钟内在浏览器上反映出来 快速显示 Next.js...零配置 优秀的开发者体验 使用 NextJS,我们花更多的时间编写功能,而不是在构建工具和 Webpack 上挣扎 自动路由 NextJS 将项目结构化为页面,并添加路由 数据获取 根据应用程序的用例以不同的方式呈现内容...和 Express.js 构建 SSR 使用 Node.js 和 Express.js 进行服务器端渲染是另一种从服务器端渲染 React 页面的方式。...Express.js 创建路由,我们可以使用该路由基于用户的请求指定页面。 可以参考这篇文章:使用 Node.js 和 Express.js 构建 SSR (opens new window)。

    5.5K10

    73个超棒且可提高生产力的 NPM 包

    在这里,我整理了一些我最喜欢的 NPM 包的列表。我也将它们分类,因此信息更加结构化,更易于浏览。 当然,你不必安装和学习所有这些工具。在大多数情况下,从每个类别中挑选一个就足够了。...8.Hapi[26] Hapi 最初用于 Express 框架。使用 Hapi,你可以以最小的开销和完全开箱即用的功能构建功能强大、拓展性强的应用程序。...译者注:看到官方不推荐再使用,而是推荐使 nanoid[60] 38.Uuid[61] 方便而且体积小的包,可以快速、轻松地生成更复杂的通用惟一标识符(UUIDs)。...CLI 和调试工具 58.Commander[81] 提供一个连贯的 API,用于定义 CLI 应用程序的各个方面,如命令、选项、别名和帮助。简化了命令行应用程序的创建。...在许多情况下这很有用,例如基于用户输入的任何自动化。 希望你找到了对你有用的有用 npm 包! 感谢你阅读,可以关注我[98]获取更多信息

    5.6K20
    领券