madfish-solutions/templewallet-extension
GitHub: madfish-solutions/templewallet-extension
一款支持 Tezos 和 EVM 区块链的浏览器扩展加密货币钱包,提供代币、NFT 管理及 dApp 交互功能。
Stars: 203 | Forks: 74
# Temple Wallet
作为浏览器 Web 扩展的 [Tezos blockchain](https://tezos.com) 和 EVM 区块链加密货币钱包。
提供管理 NFT、代币以及与 dApp 交互的能力。 
## ▶️ 安装 您现在就可以安装 Temple Wallet:https://templewallet.com/download。 ## 浏览器支持 | [](https://chrome.google.com/webstore/detail/temple-tezos-wallet-ex-th/ookjlbkiijinhpmnjffcofjonbfbgaoc) | [](https://addons.mozilla.org/en-US/firefox/addon/temple-wallet/) | [](https://chrome.google.com/webstore/detail/temple-tezos-wallet-ex-th/ookjlbkiijinhpmnjffcofjonbfbgaoc) | [](https://chrome.google.com/webstore/detail/temple-tezos-wallet-ex-th/ookjlbkiijinhpmnjffcofjonbfbgaoc) | [](https://chrome.google.com/webstore/detail/temple-tezos-wallet-ex-th/ookjlbkiijinhpmnjffcofjonbfbgaoc) | | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | 110 及以上 ✔ | 115 及以上 ✔ | 最新版 ✔ | 96 及以上 ✔ | 110 及以上 ✔ | ## 🚀 快速开始 请确保您具备以下条件: - 已安装 [Node.js](https://nodejs.org) 20 或更高版本 - 已安装 [Yarn](https://yarnpkg.com) v1 或 v2 然后执行以下操作: ### 1) 克隆仓库 ``` git clone https://github.com/madfish-solutions/templewallet-extension && cd templewallet-extension ``` ### 2) 安装依赖 ``` yarn ``` ### 3) 创建 `.env` 文件 复制 `.env.dist` 文件,并根据需要进行修改。 ### 4) 构建 为生产环境构建扩展,输出到 `dist` 文件夹。
它将以生产模式正确打包,并优化构建以获得最佳性能。 ``` # 默认针对 Chrome yarn build:core ``` 针对不同浏览器的可选操作: ``` # 直接针对 Chrome yarn build:chrome:core # 直接针对 Firefox yarn build:firefox:core # 直接针对 Opera yarn build:opera:core # 一次性针对所有 yarn build-all ``` ### 5) 将扩展加载到您的浏览器中  ## 🧱 开发 ``` yarn start:core ``` 以开发模式运行针对 Chrome 目标的扩展。
建议使用 Chrome 进行开发。 ### 调试 - 要在开发过程中启用 Redux DevTools,请在运行 `yarn start` 之前在 `.env` 文件中指定一个端口,如下所示: ``` REDUX_DEVTOOLS_PORT=8000 ``` 全局安装 [`@redux-devtools/cli`](https://github.com/reduxjs/redux-devtools): ``` yarn global add @redux-devtools/cli ``` 然后在之前指定的端口打开资源管理器: ``` redux-devtools --open --port=8000 ``` 进入设置再次指定端口。 - 要在开发过程中启用 React DevTools,请全局安装 [`react-devtools`](https://www.npmjs.com/package/react-devtools): ``` yarn global add react-devtools ``` 然后打开独立应用: ``` react-devtools --port=8097 ``` 然后运行: ``` yarn start:devtools ``` ### 关于国旗图片的说明 - 请不要使用 tinypng 压缩位于 `public/misc/country-flags/atlas_original.png` 的图集;压缩后的图像质量太差。 - 您可以使用如下脚本生成这样的图集: ``` const sharp = require('sharp'); const fsPromises = require('fs/promises'); const path = require('path'); (async () => { const imagesNames = await fsPromises.readdir(path.resolve('input')); const atlasRowSize = 7; const atlasRows = Math.ceil(imagesNames.length / atlasRowSize); // Each image has a size of 40x30 const atlas = sharp({ create: { width: 40 * atlasRowSize, height: 30 * atlasRows, channels: 4, background: { r: 0, g: 0, b: 0, alpha: 0 } } }).composite( imagesNames.map((imageName, index) => ({ input: path.resolve(`input/${imageName}`), left: 40 * (index % atlasRowSize), top: 30 * Math.floor(index / atlasRowSize) })) ); await atlas.png().toFile(path.resolve('output/atlas.png')); })(); ```
提供管理 NFT、代币以及与 dApp 交互的能力。 
## ▶️ 安装 您现在就可以安装 Temple Wallet:https://templewallet.com/download。 ## 浏览器支持 | [](https://chrome.google.com/webstore/detail/temple-tezos-wallet-ex-th/ookjlbkiijinhpmnjffcofjonbfbgaoc) | [](https://addons.mozilla.org/en-US/firefox/addon/temple-wallet/) | [](https://chrome.google.com/webstore/detail/temple-tezos-wallet-ex-th/ookjlbkiijinhpmnjffcofjonbfbgaoc) | [](https://chrome.google.com/webstore/detail/temple-tezos-wallet-ex-th/ookjlbkiijinhpmnjffcofjonbfbgaoc) | [](https://chrome.google.com/webstore/detail/temple-tezos-wallet-ex-th/ookjlbkiijinhpmnjffcofjonbfbgaoc) | | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | 110 及以上 ✔ | 115 及以上 ✔ | 最新版 ✔ | 96 及以上 ✔ | 110 及以上 ✔ | ## 🚀 快速开始 请确保您具备以下条件: - 已安装 [Node.js](https://nodejs.org) 20 或更高版本 - 已安装 [Yarn](https://yarnpkg.com) v1 或 v2 然后执行以下操作: ### 1) 克隆仓库 ``` git clone https://github.com/madfish-solutions/templewallet-extension && cd templewallet-extension ``` ### 2) 安装依赖 ``` yarn ``` ### 3) 创建 `.env` 文件 复制 `.env.dist` 文件,并根据需要进行修改。 ### 4) 构建 为生产环境构建扩展,输出到 `dist` 文件夹。
它将以生产模式正确打包,并优化构建以获得最佳性能。 ``` # 默认针对 Chrome yarn build:core ``` 针对不同浏览器的可选操作: ``` # 直接针对 Chrome yarn build:chrome:core # 直接针对 Firefox yarn build:firefox:core # 直接针对 Opera yarn build:opera:core # 一次性针对所有 yarn build-all ``` ### 5) 将扩展加载到您的浏览器中  ## 🧱 开发 ``` yarn start:core ``` 以开发模式运行针对 Chrome 目标的扩展。
建议使用 Chrome 进行开发。 ### 调试 - 要在开发过程中启用 Redux DevTools,请在运行 `yarn start` 之前在 `.env` 文件中指定一个端口,如下所示: ``` REDUX_DEVTOOLS_PORT=8000 ``` 全局安装 [`@redux-devtools/cli`](https://github.com/reduxjs/redux-devtools): ``` yarn global add @redux-devtools/cli ``` 然后在之前指定的端口打开资源管理器: ``` redux-devtools --open --port=8000 ``` 进入设置再次指定端口。 - 要在开发过程中启用 React DevTools,请全局安装 [`react-devtools`](https://www.npmjs.com/package/react-devtools): ``` yarn global add react-devtools ``` 然后打开独立应用: ``` react-devtools --port=8097 ``` 然后运行: ``` yarn start:devtools ``` ### 关于国旗图片的说明 - 请不要使用 tinypng 压缩位于 `public/misc/country-flags/atlas_original.png` 的图集;压缩后的图像质量太差。 - 您可以使用如下脚本生成这样的图集: ``` const sharp = require('sharp'); const fsPromises = require('fs/promises'); const path = require('path'); (async () => { const imagesNames = await fsPromises.readdir(path.resolve('input')); const atlasRowSize = 7; const atlasRows = Math.ceil(imagesNames.length / atlasRowSize); // Each image has a size of 40x30 const atlas = sharp({ create: { width: 40 * atlasRowSize, height: 30 * atlasRows, channels: 4, background: { r: 0, g: 0, b: 0, alpha: 0 } } }).composite( imagesNames.map((imageName, index) => ({ input: path.resolve(`input/${imageName}`), left: 40 * (index % atlasRowSize), top: 30 * Math.floor(index / atlasRowSize) })) ); await atlas.png().toFile(path.resolve('output/atlas.png')); })(); ```
标签:MITM代理, Tezos, 以太坊虚拟机(EVM), 加密货币钱包, 区块链, 去中心化应用, 浏览器扩展, 自动化攻击