介绍 在使用入门项目或 Angular CLI 等工具之前，您可能已经使用过 TypeScript。在本教程中，您将学习如何在没有初学者帮助的情况下设置 TypeScript 项目。您还将了解如何在 TypeScript 中进行编译以及如何在 TypeScript 项目中使用 linter。 先决条件 要完成本教程，您将需要以下内容： 您的机器上安装了最新版本的 Node。您可以按照如何安装 Node.js 和创建本地开发环境教程来完成此操作。 熟悉npm. npm带有节点。要了解有关使用 的更多信息npm，请查看如何使用 Node.js 模块npm和package.json教程。 第 1 步 – 启动 TypeScript 项目 要开始您的 TypeScript 项目，您需要为您的项目创建一个目录： mkdir typescript-project 现在切换到您的项目目录： cd typescript-project 设置好项目目录后，您可以安装 TypeScript： npm i typescript –save-dev 包含该–save-dev标志很重要，因为它将 TypeScript 保存为开发依赖项。这意味着 TypeScript 对于您的项目的开发是绝对必要的。 安装 TypeScript 后，您可以使用以下命令初始化您的 TypeScript 项目： ..
Category : 教程系列
介绍 在上一教程中，您为发票应用程序构建了后端服务器。在本教程中，您将构建用户将与之交互的应用程序部分，即用户界面。 注意：这是 3 部分系列的第 2 部分。第一个教程是How To Build a Lightweight Invoicing App with Node: Database and API。第三个教程是如何使用 Vue 和 Node 构建轻量级发票应用：JWT 身份验证和发送发票。 本教程中的用户界面将使用Vue构建，并允许用户登录以查看和创建发票。 先决条件 要完成本教程，您需要： Node.js 安装在本地，您可以按照如何安装 Node.js 和创建本地开发环境来完成。 本教程已通过 Node v16.1.0、npmv7.12.1、Vue v2.6.11、Vue Router v3.2.0、axiosv0.21.1 和 Bootstrap v5.0.1验证。 步骤 1 — 设置项目 您可以使用@vue/cli来创建一个新的 Vue.js 项目。 注意：您应该能够将此新项目目录放置invoicing-app在您在上一教程中创建的目录旁边。这引入了分离server和的常见做法client。 在终端窗口中，使用以下命令： npx @vue/cli create –inlinePreset='{ “useConfigFiles”: false, “plugins”: ..
介绍 在本指南中，您将在 Ubuntu 18.04 上使用 Flask 微框架构建 Python 应用程序。本文的大部分内容将是关于如何设置uWSGI 应用程序服务器以及如何启动应用程序和配置Nginx作为前端反向代理。 先决条件 在开始本指南之前，您应该： 安装了 Ubuntu 18.04 的服务器和具有 sudo 权限的非 root 用户。按照我们的初始服务器设置指南获取指导。 按照如何在 Ubuntu 18.04 上安装 Nginx 的步骤 1 和 2安装 Nginx。 配置为指向您的服务器的域名。你可以购买一个Namecheap或免费获得一个上Freenom。您可以按照有关域和 DNS的相关文档了解如何将域指向 DigitalOcean 。请务必创建以下 DNS 记录： your_domain指向您服务器的公共 IP 地址的 A 记录。 指向您服务器的公共 IP 地址的 A 记录。www.your_domain 熟悉 uWSGI、我们的应用服务器和 WSGI 规范。对定义和概念的讨论详细介绍了两者。 步骤 1 — 从 Ubuntu ..
SELinux的代表小号ecurity é nhanced的Linux，这是建立在Linux内核中的访问控制系统。它用于强制执行定义用户、程序和服务对系统的访问级别的资源策略。 在默认的强制模式下，SELinux 将拒绝并记录任何未经授权的访问任何资源的尝试。这种方法通常称为最小特权原则，意味着必须明确授予用户或程序访问文件、目录、套接字和其他服务的权限。 要了解有关如何使用 SELinux 的更多信息，请阅读我们的文章“ CentOS 7 上的 SELinux 简介”。 有关如何定义和使用 SELinux 策略的更深入描述，请访问 SELinux 上的CentOS Wiki..
介绍 使用Visual Studio Code等编辑器编写 JavaScript 时，有多种方法可以确保您的代码在语法上正确并符合当前的最佳实践。您可以使用 linter 来执行此操作。Linter 检查您的代码是否存在语法错误并突出显示错误，以确保您可以快速找到并修复它们。ESLint是一个linter，您可以将其集成到 Visual Studio Code 设置中以确保代码完整性。 ESLint 既可以格式化您的代码，也可以对其进行分析以提出改进建议。它也是可配置的。这意味着您可以自定义评估代码的方式。 在本教程中，您将在 Visual Studio Code 上设置 ESLint 并实现自定义配置来处理调试中的日志语句。您还将配置 ESLint 以在保存文件时自动修复语法错误。 先决条件 要完成本教程，您将需要以下内容： 安装在你的机器上的最新版本的Visual Studio Code。本教程使用 Visual Studio Code 1.43.0 版。 您的机器上安装了最新版本的Node。您可以按照如何安装 Node.js 并为您的机器创建本地开发环境来完成此操作。 第 1 步 – 创建 JavaScript 入门代码 您需要从演示项目开始。使用以下命令为您的项目创建一个目录： mkdir linting 现在您的项目文件夹已创建，切换到linting目录： cd linting 在linting目录中，创建一个名为 的 JavaScript 文件app.js： touch ..
介绍 React 允许您直接使用style属性设置组件样式。对于大多数情况，使用styleprop 传递 CSS 属性的对象就足够了。 但是，对于需要更苛刻的样式功能的情况，emotion可以提供解决方案。emotion是一个灵活且高性能的 CSS-in-JS 库。它接受字符串和对象，支持默认和扩展变量，并且通过额外的 Babel 插件甚至支持内联子选择器。 在本文中，您将构建一个使用@emotion/react和@emotion/styled包进行样式设置的 React 应用程序。 先决条件 要完成本教程，您需要： Node.js 的本地开发环境。遵循如何安装 Node.js 并创建本地开发环境。 注意：本文之前推荐了emotion和react-emotion包。现在几个版本之后，@emotion/react和@emotion/styled是现代的方法。 本教程已通过 Node v15.3.0、npmv7.4.0、reactv17.0.1、@emotion/reactv11.1.4 和@emotion/styledv11.0.0 验证。 步骤 1 — 设置项目 从使用create-react-app生成 React App 开始，然后安装依赖项： npx create-react-app react-emotion-example 切换到新的项目目录： cd react-emotion-example 接下来，安装@emotion/react并@emotion/styled通过npm： npm install @[email protected] @emotion/[email protected] 此时，您将拥有一个带有@emotion/react. 第 2 步 – 使用css道具 emotion提供了一个css可以接受嵌套选择器和媒体查询的prop。它可以支持一个对象或一个标记的模板文字。 App.js在代码编辑器中打开文件并修改它以将<div>s 与cssprop一起使用： 源代码/App.js ..
作者选择了COVID-19 救济基金来接受捐赠，作为Write for DOnations计划的一部分。 介绍 大多数Let’s Encrypt证书是使用 HTTP 验证颁发的，它允许在单个服务器上安装证书。但是，HTTP 验证并不总是适合颁发用于负载平衡网站的证书，您也不能使用此验证来颁发通配符证书。 DNS 验证允许使用 DNS 记录来验证证书颁发请求，而不是通过 HTTP 提供内容。这意味着可以同时为在负载均衡器后面运行的 Web 服务器集群或无法通过 Internet 直接访问的系统颁发证书。 在本教程中，您将使用Certbot 的 certbot-dns-digitalocean挂钩通过 DigitalOcean API 使用 DNS 验证颁发 Let’s Encrypt 证书。 您可以使用 certbot-dns-digitalocean 工具将 Certbot 与 DigitalOcean 的 DNS 管理 API 集成，从而允许在您请求证书时即时自动配置证书验证记录。 certbot-dns-digitalocean 的另一个主要好处是，您可以使用它为可能在负载均衡器后面运行或无法通过 HTTP 直接访问的单个服务器颁发证书。在这些情况下，您不能使用传统的 HTTP 证书验证，除非您在每台服务器上设置验证文件，这会很不方便。如果您想为无法通过 Internet 访问的服务器（例如内部系统或临时环境）颁发证书，则 certbot-dns-digitalocean 工具也很有用。 certbot-dns-digitalocean 还完全支持通配符证书，只能使用 DNS ..
介绍 Redis是一种开源的内存数据结构存储，擅长缓存。作为一个非关系型数据库，Redis 以其灵活性、性能、可扩展性和广泛的语言支持而闻名。 Redis 旨在供受信任环境中受信任的客户端使用，并且自身没有强大的安全功能。但是，Redis 确实具有一些安全功能，包括基本的未加密密码以及命令重命名和禁用。本教程提供了有关如何配置这些安全功能的说明，还介绍了一些其他设置，可以提高 CentOS 7 上独立 Redis 安装的安全性。 请注意，本指南不涉及 Redis 服务器和客户端应用程序位于不同主机或不同数据中心的情况。Redis 流量必须穿越不安全或不受信任的网络的安装将需要一组不同的配置，例如在 Redis 机器之间设置 SSL 代理或VPN。 先决条件 要学习本教程，您需要： 使用我们的 CentOS 7 初始服务器设置配置的一个 CentOS 7 Droplet 。 使用本指南安装和配置 Firewalld ，直至并包括“打开防火墙”步骤。 有了这些先决条件，我们就可以安装 Redis 并执行一些初始配置任务。 第 1 步 – 安装 Redis 在我们安装 Redis 之前，我们必须首先将Extra Packages for Enterprise Linux (EPEL) 存储库添加到服务器的软件包列表中。EPEL 是一个包含许多开源附加软件包的软件包存储库，其中大部分由 Fedora 项目维护。 我们可以使用yum以下方法安装 EPEL ..
今天我们将介绍vue-i18n国际化插件 (i18n)如何提供多种格式选项。我们还将介绍如何在没有可用于语言环境的字符串时处理回退。我们将使用Kazuya Kawaguchi编写的vue-i18n 插件，这篇文章是在上一篇文章的基础上构建的，它介绍了在 Vue.js 应用程序中使用vue-i18n进行国际化 (i18n)。 vue-i18n提供了多种格式化应用字符串的方法。如果您不喜欢默认样式，我们甚至可以定义自定义格式化程序。当我们缺少给定语言环境的字符串时，我们还可以提供有用的回退。 应用程序设置 我们首先假设您已经创建了一个简单的Vue应用程序。现在我们将使用您喜欢的方法添加vue-i18n插件： # Yarn $ yarn add vue-i18n # npm $ npm install vue-i18n # Vue CLI 3.x+ $ vue add i18n 我们将继续我们在上一篇文章中离开的地方。我将跳过<SelectLocale />那篇文章中组件的代码，因为它不会改变，但如果你从上次开始关注它，请随意包含它🐊！ 主文件 import Vue from ‘vue’; import VueI18n from ‘vue-i18n’; import App from ‘./App.vue’; Vue.use(VueI18n); const messages = { en: { message: { hello: ..
本教程的早期版本由Melissa Anderson编写。 介绍 MongoDB，也称为Mongo，是许多现代 Web 应用程序中使用的开源文档数据库。默认情况下，它只允许源自安装它的同一服务器上的连接。如果要远程管理 MongoDB 或将其连接到单独的应用程序服务器，则需要对默认配置进行一些更改。 在本教程中，您将配置 MongoDB 安装以安全地允许从受信任的远程计算机进行访问。为此，您将更新防火墙规则以提供对 MongoDB 侦听连接的端口的远程计算机访问，然后更新 Mongo 的配置文件以更改其 IP 绑定设置。然后，作为最后一步，您将测试远程计算机是否能够成功连接到数据库。 先决条件 要完成本教程，您需要： 运行 CentOS 8 的服务器。该服务器应具有非 root 管理用户和配置了firewalld. 按照我们针对 CentOS 8 的初始服务器设置指南进行设置。 MongoDB 安装在您的服务器上。本教程假设您已安装MongoDB 4.4或更新版本。您可以按照我们关于如何在 CentOS 8 上安装 MongoDB 的教程来安装此版本。 用于访问 MongoDB 实例的第二台计算机。为简单起见，本教程假设这台机器是另一台 CentOS 8 服务器。就像你的 MongoDB 服务器一样，这台机器应该有一个非 root 管理用户和一个防火墙，firewalld如我们的 CentOS 8 初始服务器设置指南中所述。但是，步骤 1 和 2 描述了在数据库服务器上启用远程连接的实际过程，无论远程机器运行的是什么操作系统，它们都将起作用。 最后，虽然不需要完成本教程，但我们强烈建议您通过为数据库创建管理用户帐户并启用身份验证来保护您的 ..