remixd连接localhost，实现共享文件系统

参照官方文档：Remixd: Access your Local Filesystem — Remix - Ethereum IDE 1 documentation

remixd介绍

一句话概括就是，用来访问你本地文件系统，共享文件资源的一种工具。要让 Remix IDE（网络应用程序）访问您计算机上的文件夹，您需要使用 Remixd - 插件以及 remixd - cli/npm 模块。Remixd 插件可以从插件管理器或文件资源管理器中激活 - 请参见下图。连接到本地主机 - 将激活 Remixd 插件。

安装

这里我采用全局安装方式：

npm install -g @remix-project/remixd

或者通过局部安装在您选择的目录中：

npm install @remix-project/remixd

注意：npm下载地址以及remixd的github存储库已更改 - 它们都转移到remix-project 了。

Github address is:  remix-project/libs/remixd at master · ethereum/remix-project · GitHub

NPM address is: @remix-project/remixd - npm (npmjs.com)

 

查看版本号

命令行执行 remixd -v 或 remixd --version 命令将返回安装的remixd版本号。

如果此命令不起作用，则说明您的版本已过时！

 

更新版本

因为 remixd 创建了从浏览器到本地文件系统的桥梁，所以拥有最新版本的脚本很重要。对于从旧 npm地址安装 remixd 版本的用户或不知道从哪个npm地址安装的用户，请运行以下 2 条命令：

1. 卸载旧的： npm uninstall -g remixd

2. 安装新的： npm install -g @remix-project/remixd

 

启动命令

在终端输入命令：

 remixd -s <absolute-path-to-the-shared-folder> --remix-ide <your-remix-ide-URL-instance>

 remixd将开始让 Remix-IDE 共享本地给定的文件夹。

参数解释：

• -s ： 以绝对路径方式指定本地所要共享文件夹的位置。
• --remix-ide： 后面跟着remix-ide的URL实例（如 https://remix.ethereum.org）。

命令中的HTTP与HTTPS

如果您的浏览器在 https://remix.ethereum.org（安全 http）上，则在命令中使用 https：

remixd -s  ./  --remix-ide https://remix.ethereum.org/

或者，如果您在浏览器中使用 http，则在 remixd 命令中使用 http。

读/写权限和只读模式

该文件夹使用websocket来实现Remix-IDE 和remixd之间的连接共享，所以确保执行remixd的用户对该文件夹具有读/写权限。另外，有一个可选项可以在只读模式下运行 remixd（--read-only ）。

端口使用

通过在不同端口上与 Remix IDE 建立 websocket 连接来实现 remixd 功能。端口是根据特定目的定义的。端口使用详情参见上面文档链接。

注意：请确保您的系统足够安全，并且这些端口未打开或转发。

 =====

操作流程截图：

1、执行启动命令

 2、在remix界面，点击default_workspace，选择- connect to localhost -

 3、弹出提示框，点击Connect（有些版本更新警告，不碍事）

 4、出现localhost，连接成功！

使用remixd的好处呢，不止于此，它还可以帮助我们解决开发中引入第三方合约、库时，由于种种原因下载不下来，繁琐而苦闷的步骤。比如要导入OpenZeppelin的相关安全合约库，我们就可以在共享的本地文件夹下，执行git clone命令，将整个OpenZeppelin包都下载好，此时浏览器remix-ide中也就能轻松实现import工作了。