如何在RChain上发布个人网站?

  • A+
所属分类:RChain新闻

先看一下Greg的个人网站:

Dappy网址:betanetwork/lgm

如何在RChain上发布个人网站?

Greg个人网站的图片和文字全部都存在链上,不可篡改呦。通过Dappy浏览器可以浏览。今天我们就来手把手地创建一个个人网站。

切换到测试网

目前Dappy只支持部署在测试网上。首先,进入settings -->networks

如何在RChain上发布个人网站?

点击remove network, 把原有的b1.dappy.tech删除掉。因为b1.dappy.tech对应的是RChain主网,在部署个人网页时会失败。我们需要切换到测试网。

点击add a node, 输入t1.dappy.tech

如何在RChain上发布个人网站?

然后点击try to retrieve IP and certificate

然后点击Add node

导入个人钱包账户

如何在RChain上发布个人网站?

在测试网上传文件和部署智能合约都要消耗test REV,主网的REV是不管用的。所以大家可以向我索取test REV。

向链上传图片

现在我们已经连上了测试网,点击侧栏的Deploy, 进入部署页。

点击File 标签页,我们会看到File upload. 目前Dappy对上传的图片有限制,提示信息显示最大为256KB,但实际上这是文件转换之后的大小,而不是图片的真实尺寸。所以实际被允许的图片尺寸要小很多。以我上传的png格式图片为例,我把图片大小压缩到87K, 才能顺利上传。

如何在RChain上发布个人网站?

查看上传之后的图片

如果上传过程顺利,我们在Transaction 页面中能够看到:

如何在RChain上发布个人网站?

在Dappy浏览器的地址栏中输入:betanetwork/fggshayygw8tdfj9k3bz1uuz4xfre6j97yjzufaq9fqwj6hwtjdafn.index  看到已经上传的图片。图片以文件的形式显示,不过没关系,我们下一步会链接到这个图片,图片能够在网页中正确显示。

如何在RChain上发布个人网站?

在网页中插入链接

如果我们想在网页中插入链上网页的链接,需要提前生成该网页,因为Dappy网页的链接是unforgable name,是在部署的时候生成,之后不能更改。

现在已经有了图片的链接:betanetwork/fggshayygw8tdfj9k3bz1uuz4xfre6j97yjzufaq9fqwj6hwtjdafn.index

和另一个提前生成的网页的链接:

betanetwork/c3nuprpqfizb71cjhwc8sgo6ebc658adokkkaxw3prtn1655i19ndc.index

我们开始部署主页,点击Deploy,在predefined dapps中选择page, 然后点击next page。

这一页有很多信息,包括可以选用的javascript库、CSS库以及可以自定义的js代码、CSS代码和html代码等,我们可以先忽略这些细节。

直接到下一步,完成phlo费用支付设置后,然后点击Deploy dapp

只有在这一步顺利完成后,我们才有资格上传自己的网页信息。如果你看到这个提示信息,说明进展顺利,现在我们要等待链上返回成功信息。

如何在RChain上发布个人网站?

当窗口里自动弹出这个提示框时,表示我们可以进入页面编辑环节了:

如何在RChain上发布个人网站?

点击navigate to dapp

如何在RChain上发布个人网站?

在Dappy浏览器中,我们能看到网页编辑器,编辑器支持markdown格式,

如何在RChain上发布个人网站?

我们输入包括图片链接和网页链接的markdown文本,然后点击Save text and create page

支付完phlo费用,点击Send transaction.

提示信息如下 :

如何在RChain上发布个人网站?

然后等待。隔一段时间,刷新一下页面,就能看到成功上链的网页了。

注册域名

接下来,我们为这个主页注册一个好记的域名。先把网页的链接记下来:betanetwork/kta1o53tqiro3u79nbper5p5c7tm6qo8fa8cmg9iqzfnqo69dhixh8.index

点击 Settings --> Names --> Purchase name

如何在RChain上发布个人网站?

大功告成。最后,看看我上传的论持久战:betanetwork/chijiuzhan