README

这是一个使用 Proton 提供身份验证上下文功能的 Laravel 软件包。它允许您轻松地将 Proton 登录功能集成到您的 Laravel 应用程序中。

安装

运行以下命令来安装软件包

composer require home-bloks/proton-auth-context:dev-main

运行 Proton 身份验证命令
```
php artisan proton:auth
```
安装所需的 npm 软件包
```
npm install
```
编译资源
```
npm run dev
```

VITE 配置

更新您的 vite.config.js 文件，添加以下代码

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import react from "@vitejs/plugin-react";

export default defineConfig({
    plugins: [
        laravel({
            input: ['resources/css/app.css', 'resources/js/app.js'],
            refresh: true,
        }),
        react(),
    ],
});

更新您的根 JavaScript 文件（例如，App.jsx、app.jsx、Main.jsx）以下代码

import ReactDOM from "react-dom/client";
import ProtonLoginButton from "./components/ProtonLoginButton";
import { AuthContextProvider } from "./store/auth.context.jsx";

ReactDOM.createRoot(document.getElementById("root")).render(
  <>
    <AuthContextProvider>
      <ProtonLoginButton />
    </AuthContextProvider>
  </>
);

将以下代码添加到根模板的头部，在关闭 </head> 标签之前（默认为 welcome.blade.php）
```
@viteReactRefresh
@vite(['resources/js/app.jsx'])
```
注意：请确保 @vite('resources/js/app.jsx') 文件与您更新的根 JavaScript 文件匹配。
将以下代码放置在您想添加 ProtonLoginButton 组件的位置
```
<div id="root"></div>
```
您可以根据根 JavaScript 文件中的设置更改 id 属性。
更新您的 .env 文件，添加以下变量

   VITE_MAINNET_ACCOUNT=account_name
   VITE_MAINNET_CHAIN_NETWORK_ENDPOINTS=https://protontestnet.greymass.com
   VITE_MAINNET_CHAIN_ID=71ee83bcf52142d61019d95f9cc5427ba6a0d7ff8accd9e2088ae2abeaf3d3dd

webspero / proton-auth-context

维护者

详细信息

README

安装

VITE 配置