https://w3er.zero2hero.tech/categories/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/ 技术分享 - 分类 - 外部山人 Hugo -- gohugo.iozh-CNhicoldcat@foxmail.com (李留白) hicoldcat@foxmail.com (李留白)Thu, 14 Jul 2022 12:00:10 +0000 https://w3er.zero2hero.tech/posts/tech-blog/metamask-inject-inpage/ Thu, 14 Jul 2022 12:00:10 +0000 李留白 https://w3er.zero2hero.tech/posts/tech-blog/metamask-inject-inpage/ 背景 最近想制作一个浏览器新标签页导航器(类似于infinitytab)的chrome插件，其中，希望在插件中调用MetaMask来作为账户登录。 在开发插件时，遇到了一个致命的问题！我们都知道，如果浏览器安装了MetaMask插件， 那么会默认在浏览器window环境上注入window.ethereum，如下图所示 这个是MetaMask提供的默认Provider，可以访问以太坊账户的信息。 但是，在新标签页，MetaMask是不注入这个变量的，也就是在chrome-extension://这个地址下面，是没有注入Provider的。 这就导致了当我们自己开发了一个新标签工具，想要直接调用MetaMask的账户登录时，是没什么反应的。 怎么解决？ window.ethereum 如何注入浏览器的？ 首先想到的解决方法，试看一下MetaMask是怎么注入到浏览器中这个window.ethereum变量的。因此，我找到了 MetaMask浏]]> https://w3er.zero2hero.tech/posts/tech-blog/back-end-architecture/ Sun, 26 Jun 2022 03:47:38 +0000 李留白 https://w3er.zero2hero.tech/posts/tech-blog/back-end-architecture/ 原文：https://www.codecademy.com/article/back-end-architecture 翻译：李留白 本文概述了服务器、数据库、路由，以及在客户端发出请求和收到响应之间发生的任何其他事情。 软件工程师似乎总是在讨论他们应用程序的前端和后端。但这到底是什么意思？ 前端是在客户端执行的代码。这些代码（通常是HTML、CSS和JavaScript）在用户的浏览器中运行并创建用户界面。 后端是在服务器上运行的代码，它接收来自客户端的请求，并包含将适当的数据送回给客户端的逻辑。后端还包括数据库，它将持久地存储应用程序的所有数据。本文重点介绍服务器端的硬件和软件，使之成为可能。 如果你想复习一下这些话题，可以回顾一下HTTP和REST。这些是为客户和服务器之间的请求-响应循环提供结构的主要约定。 让我们先回顾一下客户端和服务器的关系，然后我们就可以开始把所有的碎片放在一起了 什么是客户]]> https://w3er.zero2hero.tech/posts/tech-blog/frontend-development-the-essentials/ Sat, 25 Jun 2022 11:02:38 +0000 李留白 https://w3er.zero2hero.tech/posts/tech-blog/frontend-development-the-essentials/ 原文：https://betterprogramming.pub/frontend-development-the-essentials-1c1290b43590 翻译：李留白 这是一篇为任何想开始前端开发而没有编程背景的人写的文章。最终目标是帮助爱好者了解软件开发的蓬勃世界，并使他们能够在这个拥挤的生态系统中找到自己的方向。其结果是一个开始学习过程的路线图。 介绍 前段时间，有几个朋友问我如何成为一名前端开发人员。我向他们介绍了要走的路，还给了他们一些关键字，例如Git、HTML、CSS等。但后来我发现，对于没有任何编程背景的人来说，进入这个行业是有障碍的。他们应该首先熟悉生态系统。 他们很快就会被大量的教育材料所淹没，对于每个关键字，谷歌都会返回大量的结果。就像你想买你的第一辆车，有很多不同的车型，有不同的选择，价格相同。如果你没有得到任何关于你的目标规格的建议，你很快就会感到困惑，要么选择坏的]]> https://w3er.zero2hero.tech/posts/tech-blog/acl-rbac-abab/ Fri, 22 Apr 2022 06:13:52 +0000 李留白 https://w3er.zero2hero.tech/posts/tech-blog/acl-rbac-abab/ 权限管理系统设计模式：ACL, DAC, MAC, RBAC, ABAC ACL 访问控制表(Access Control List) 明确哪些资源(res)可以被哪些主体(obj)进行哪些操作(act) 场景：功能控制 适用资源：数据页面、管理页面 ACL权限模型中，权限管理是围绕资源(res)来设定的。针对不同的部门，需要分配不同的页面访问权限。配置形式如下： 1 2 3 4 5 6 7 8 9 10 11 12 ACL配置表 资源: 数据页面 主体: 数据部门 操作：增删改查 主体: CE0（用户） 操作: 增删改查 资源: 管理页面 主体: CEO（用户） 操作: 增删改查 其中主体表示一类人的集合，可以是单个用户，也可以是一个组。 对于没有特别复杂权限配置要求的情况下，还是比较容易配置和维护的。 但是如果资源很多，每个资源都需要去给每个人分配一个权限，会产生巨大的工作量，而且很难去维护。所以，需要从这些权限配置的规则中提取抽象规则。但如果这些规则没有什么规律，比如就是需要为某个具体的主体，配置一些具体的资源，那ACL是]]>