五基于conflux-插件钱包的应用

第一讲 conflux-portal 的装置与应用

区块链利用的模式次要以网页端、DAPP 端为大部分场景，以及大量服务端场景。本节课程将教会大家如何 Google Chrome 浏览器上创立一个在 conflux 公链上的钱包。须要大家进行下载插件、装置插件、通过助记词创立钱包，而后失去属于你集体的钱包的过程。

一、下载插件

1、conflux-portal 下载地址：https://github.com/Conflux-Ch…

2、大家关上地址后进入到下载地址页面是下图的样子，如图：

大家不难发现本教程中最高的能够应用的版本是 0.2.2 那么我将会为大家演示如何装置并应用 conflux-portal-chrome-0.2.2.zip 版本的插件钱包。

3、点击 conflux-portal-chrome-0.2.2.zip 将会下载谷歌的 chrome 的插件版本。

4、下载好当前放在电脑的任何一个中央都能够，不倡议放在系统盘，本教程放在 D 盘目录下了。

二、装置插件

1、咱们将压缩包进行解压（情谊提醒：大家不要间接解压本目录上面，须要指定一个目录解压，因为这个压缩包外面没有包裹一层，心愿不要被坑，我是解压到 conflux-portal-chrome-0.2.2 目录上面了），上面关上大家的 Google Chrome，依照下图的三部关上扩大程序面板，如图：

2、大家的扩大程序面板可能不是开发者模式，因而须要关上开发者模式，点击开发这模式旁边的按钮即可。

3、关上当前的面板外面将会有‘加载已解压扩大程序’等栏目，咱们持续点击这个栏目

4、找到咱们解压的目录，点击确定。装置步骤实现。

5、下面的步骤实现后会主动跳转到如图的页面阐明咱们装置插件胜利能够应用了，如图：

三、创立钱包

1、接着下面步骤中的开始，咱们点击‘开始应用’进入到 conflux-portal 应用页面，如图：

2、上图中有两个抉择，咱们能够导入之前曾经创立的钱包，也能够创立一个新的钱包。置信浏览本教程的小伙伴大部分都没有本人的钱包呢，我将会先创立钱包，在进行导入钱包，形式进行解说，有钱包的小伙伴能够间接跳到导入钱包教程。创立钱包会跳入上面页面，没啥好犹豫的间接‘I agree’批准就好了。如图：

4、点击批准后会进入到上面页面，这里咱们要输出明码两次，并且勾选批准协定按钮，肯定要记住你的明码，不然失落后，可是找不回来的。如图：

5、点击‘创立’后跳转到助记词页面，这个助记词肯定要记住，记不住哪个小本本记起来。如图：

6、点击显示密语，记下来就好了，本教程应用的是轻易创立的一个钱包因而公布出来助记词也没关系，大家的助记词千万别泄露了，不然你的钱包要小心了。

able peanut rate myself menu funny logic focus hedgehog arrest real box

7、上面还有一步就是将助记词残缺的填入确认页面，这一步真的是多余的，我自己很不喜爱，然而没方法，谁叫咱们是使用者呢，填写吧。如图：

8、输出正确的程序后，也就创立胜利了，如图：

9、点击‘全副实现’进入钱包页面。如图：

10、领有一个本人的钱包是不是很简略，小伙伴们能够动起手来搞一个本人的钱包玩玩了。这个是本教程的公钥地址“0x12Ea0fa7d2aCaA4ef52Ee7650bd16f56d60B51dC”公钥地址是能够给任何人看的。密钥地址肯定要自己收好。

四、导入钱包

咱们创立完了钱包当前，助记词以及明码肯定要记住，这样咱们就能够在任何一个能够应用助记词登录的利用上登录账户了。上面咱们将应用本教程中创立的钱包演示如何导入钱包。

1、插件钱包导入入口有两个一个是刚刚装置后呈现的导入入口，还有能够通过插件的程序角标的入口，咱们先以角标形式导入，上面页面是我将插件敞开后在关上后呈现的，有一个“应用账户助记词导入”，如图：

2、点击这个“应用账户助记词导入”，进入上面页面，如图：

3、咱们应用下面的助记词，填入，明码从新输出也能够，也能够应用咱们之前的明码，都能够的。填写实现后咱们进行点击复原，就发现进入到下面创立胜利后进入的页面了。

4、是不是很神奇，“0x12Ea0fa7d2aCaA4ef52Ee7650bd16f56d60B51dC”失去的公钥地址是一样的。

五、明码解锁

置信很多小伙伴有个纳闷下面咱们设置的明码是干什么用的，对吧！实际上这个明码是你在你本次应用的浏览器上应用的，比方你将浏览器敞开了，在关上那么将会让你输出明码解锁，如图：

咱们能够将下面输出的明码输出进去而后解锁。如果明码遗记，那么将应用助记词找回你的钱包，在从新设置明码。也就是反复下面第四步。

第二讲 js-conflux-sdk 调用

1、检测 conflux-portal 插件

        async function checkConflux() {if (window.conflux === 'undefined') {if(confirm('检测到您的浏览器中并未装置 conflux 钱包插件，点击确定返回下载。\n\n 注：如果没有跳转看下是不是被浏览器拦挡了')){window.open("https://github.com/Conflux-Chain/conflux-portal/releases")
                }


                var body = document.getElementById("body");
                body.innerHTML = "本网址须要装置 conflux 钱包插件，请 <a href='https://github.com/Conflux-Chain/conflux-portal/releases'> 返回下载 </a> conflux 钱包插件";
                return false;
            }


            accounts = await conflux.enable();
            return true;
        }

2、获取 contract 合约

        var contract;
        function buildContract() {
            contract = confluxJS.Contract({
                abi: abiJson,
                address: "0x8067244e0b629610eb24cc9da4fe8b023fc02fd9",
            });
        }

3、call 调用

            let result = await contract.likeSupply();
            console.log(result.toString());

4、send 调用

            await contract.startUp()
                .sendTransaction({from: accounts[0] })
                .confirmed();

我的项目下载地址

https://attachments-cdn.shimo…