在HTML区块链中添加连接钱包按钮
我正试图在Solana区块链上创建Django/Python应用程序。我一直试图弄清楚，我如何可以添加“连接钱包”按钮的HTML，就像在这个网站。在这里输入链接描述
如果有人能在这方面给我指点，我将不胜感激。
提前谢谢，问候你，沙山克
编辑：，我不知道如何在堆栈溢出页面下面使用信息。把Sollet /幻影钱包连接到我的网站-步骤？
我通过以下链接成功地使用saber页面复制了页面，但是整个页面是用JS而不是HTML创建的。而JS是超过20k线的。https://app.saber.so/static/js/2.40df4ba6.chunk.js https://app.saber.so/static/js/main.cc5b37d9.chunk.js
我还查找了下面的其他项目，以了解如何设置一个“连接按钮”。下面的示例连接元询问钱包。http://blog.adnansiddiqi.me/develop-your-first-decentralized-ecommerce-application-with-python-flask-and-metamask/
我也试着联系Fiverr上的少数人，如果有人能指路，但也没有运气的话。
我只想要一个按钮“连接钱包”，它的工作方式类似于saber.so网站。然后使用python读取钱包内容。
如果有人能指点我，我会非常感激的。
截图如下：
代码如下：
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet"/>
<style>#root{height:100%}</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA==" crossorigin="anonymous"/>
<link href="/static/assets/css/2.5e01e2e9.chunk.css" rel="stylesheet">
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<script>
!(function (e) {
function r(r) {
for (
var n, a, f = r[0], i = r[1], l = r[2], p = 0, s = [];
p < f.length;
p++
)
(a = f[p]),
Object.prototype.hasOwnProperty.call(o, a) && o[a] && s.push(o[a][0]),
(o[a] = 0);
for (n in i) Object.prototype.hasOwnProperty.call(i, n) && (e[n] = i[n]);
for (c && c(r); s.length; ) s.shift()();
return u.push.apply(u, l || []), t();
}
function t() {
for (var e, r = 0; r < u.length; r++) {
for (var t = u[r], n = !0, f = 1; f < t.length; f++) {
var i = t[f];
0 !== o[i] && (n = !1);
}
n && (u.splice(r--, 1), (e = a((a.s = t[0]))));
}
return e;
}
var n = {},
o = { 1: 0 },
u = [];
function a(r) {
if (n[r]) return n[r].exports;
var t = (n[r] = { i: r, l: !1, exports: {} });
return e[r].call(t.exports, t, t.exports, a), (t.l = !0), t.exports;
}
(a.m = e),
(a.c = n),
(a.d = function (e, r, t) {
a.o(e, r) || Object.defineProperty(e, r, { enumerable: !0, get: t });
}),
(a.r = function (e) {
"undefined" != typeof Symbol &&
Symbol.toStringTag &&
Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }),
Object.defineProperty(e, "__esModule", { value: !0 });
}),
(a.t = function (e, r) {
if ((1 & r && (e = a(e)), 8 & r)) return e;
if (4 & r && "object" == typeof e && e && e.__esModule) return e;
var t = Object.create(null);
if (
(a.r(t),
Object.defineProperty(t, "default", { enumerable: !0, value: e }),
2 & r && "string" != typeof e)
)
for (var n in e)
a.d(
t,
n,
function (r) {
return e[r];
}.bind(null, n)
);
return t;
}),
(a.n = function (e) {
var r =
e && e.__esModule
? function () {
return e.default;
}
: function () {
return e;
};
return a.d(r, "a", r), r;
}),
(a.o = function (e, r) {
return Object.prototype.hasOwnProperty.call(e, r);
}),
(a.p = "/");
var f = (this["webpackJsonp@saberhq/saber-interface"] =
this["webpackJsonp@saberhq/saber-interface"] || []),
i = f.push.bind(f);
(f.push = r), (f = f.slice());
for (var l = 0; l < f.length; l++) r(f[l]);
var c = i;
t();
})([]);
</script>
<script src="/static/assets/js/2.40df4ba6.chunk.js"></script>
<script src="/static/assets/js/main.cc5b37d9.chunk.js"></script>
<script
defer
src="https://static.cloudflareinsights.com/beacon.min.js"
data-cf-beacon='{"rayId":"69a4e8e24ec32e52","token":"42629c83ba6b4869b3a25113283e7fc0","version":"2021.9.0","si":100}'
></script>回答 2
Stack Overflow用户
发布于 2021-10-12 20:59:41
我终于找到了解决办法。上面来自Chase Barker的回复帮助我进一步了解了github。我找到了https://github.com/solana-labs/wallet-adapter#build-from-source。我在中等post下面看到React被用作Django的插件。这很有帮助。https://medium.com/analytics-vidhya/how-to-use-react-in-django-the-hard-way-6ef2bf8c5d6f
我必须编译钱包适配器，并将JS CSS和HTML提取到Django项目中。
现在按钮工作正常。唯一的问题是，我无法将数据返回到我的Views.py，为此我可能不得不尝试不同的东西。我将添加这个问题的进一步信息，以防其他人需要帮助。
Stack Overflow用户
发布于 2021-10-08 16:14:24
这将向您展示如何使用最佳实践进行操作。
https://stackoverflow.com/questions/69477873
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号