Dfinity入门——配置环境并部署一个简易的网站

环境

我的环境是Mac,如果是win或者Linux可以看官网的部署文档。

1.安装SDK
打开shll终端

#安装SDK
sh -ci "$(curl -fsSL https://smartcontracts.org/install.sh)"
#安装指定版本
DFX_VERSION=0.7.2 sh -ci "$(curl -sSL https://internetcomputer.org/install.sh)"
#查看安装目录
which dfx
#把安装目录加到系统路径
export PATH=/usr/local/bin:$PATH

慢的话可以试试终端代理:

export ALL_PROXY=socks5://127.0.0.1:xxx #端口号
curl -L cip.cc #验证是否成功

2.创建项目

dfx new web_demo

在这里插入图片描述

2.启动项目
先cd到项目根路径,然后启动项目

#启动服务
dfx start 
#在后台启动服务
#dfx start --backgrouns

在这里插入图片描述
启动完成之后,让它一直在这个界面停留,之后打开另一个终端,开始编码。

停止服务

#停止服务
dfx stop

3.在本地部署项目
再打一个终端,cd到项目根目录,部署项目

dfx deploy

在这里插入图片描述
访问前端

http://ryjl3-tyaaa-aaaaa-aaaba-cai.localhost:8000

或者,然后点击输出的地址,,就可以访问了。

echo "http://localhost:8000/?canisterId=$(dfx canister id web_demo_assets)" 

在这里插入图片描述
这样就算在本地部署完成。

4.在主网部署项目
要在主网上部署项目,首先要在Dfinity官网领取cycles,官方给每个开发者提供了一个20美元的cycles,首先你要有一个常用的github账号,然后按官方给的文档领取就可以了。(这一步我先留着,到时候找个新的github账号再演示下,或者大家看后面贴出的视频教程跟着做)
ID

dfx identity get-principal

把本地身份连接到主网

dfx identity --network ic set-wallet --force xxxx

钱包

dfx wallet --network=ic balance

在这里插入图片描述

把网站部署到主网

dfx deploy --network=ic

在这里插入图片描述
在网络里面访问
在ic加上ic0.app

https://zmcul-jyaaa-aaaai-qfi2q-cai.ic0.app/

在这里插入图片描述

5.安装node.js

https://nodejs.org/en/
npm -v 
node -v 

验证
创建一个nodeTest.js文件

var http = require("http");
 
http.createServer(function(request, response) {
    response.writeHead(200, {
        "Content-Type" : "text/plain"
    });
    response.write("Welcome to Nodejs");
    response.end();
}).listen(8000, "127.0.0.1");
 
console.log("Creat server on http://127.0.0.1:8000/");

2.终端进入 nodetest.js 所在目录, 输入 node nodeTest
3.打开浏览器,输入c, 如果无法打开,可以输入输入http://localhost:8000/。
在这里插入图片描述

5.视频教程地址:https://www.bilibili.com/video/BV1SR4y1M7FM?spm_id_from=333.999.0.0

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

知来者逆

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值