• 2020年8月31日 17:33

    先看一下Greg的个人网站:
    Dappy网址:betanetwork/lgm

    1.png

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

    切换到测试网

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

    2.png

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

    3.png

    然后点击try to retrieve IP and certificate
    然后点击Add node

    导入个人钱包账户

    4.png

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

    向链上传图片

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

    5.png

    查看上传之后的图片

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

    6.png

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

    7.png

    在网页中插入链接

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

    现在我已经有了图片的链接:betanetwork/fggshayygw8tdfj9k3bz1uuz4xfre6j97yjzufaq9fqwj6hwtjdafn.index
    和另一个提前生成的网页的链接:
    betanetwork/c3nuprpqfizb71cjhwc8sgo6ebc658adokkkaxw3prtn1655i19ndc.index

    我们开始部署主页,点击Deploy,在predefined dapps中选择page, 然后点击next page。
    这一页有很多信息,包括可以选用的javascript库、CSS库以及可以自定义的js代码、CSS代码和html代码等,我们可以先忽略这些细节。

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

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

    8.png

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

    9.png

    点击navigate to dapp

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

    11.png

    我们输入包括图片链接和网页链接的markdown文本,然后点击Save text and create page
    支付完phlo费用,点击Send transaction.

    提示信息如下 :

    12.png

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

    注册域名

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

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

    13.png

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

    14.png

    14.png

    PNG, 153.8 KB, 被 Dimworm上传于2020年8月31日

    13.png

    PNG, 51.7 KB, 被 Dimworm上传于2020年8月31日

    12.png

    PNG, 18.9 KB, 被 Dimworm上传于2020年8月31日

    11.png

    PNG, 109.5 KB, 被 Dimworm上传于2020年8月31日

    10.png

    PNG, 61.6 KB, 被 Dimworm上传于2020年8月31日

    9.png

    PNG, 13.6 KB, 被 Dimworm上传于2020年8月31日

    8.png

    PNG, 21.7 KB, 被 Dimworm上传于2020年8月31日

    7.png

    PNG, 39.4 KB, 被 Dimworm上传于2020年8月31日

    6.png

    PNG, 53.0 KB, 被 Dimworm上传于2020年8月31日

    5.png

    PNG, 95.8 KB, 被 Dimworm上传于2020年8月31日

    4.png

    PNG, 65.1 KB, 被 Dimworm上传于2020年8月31日

    3.png

    PNG, 19.9 KB, 被 Dimworm上传于2020年8月31日

    2.png

    PNG, 92.6 KB, 被 Dimworm上传于2020年8月31日

    1.png

    PNG, 321.7 KB, 被 Dimworm上传于2020年8月31日