Vue Vite と ArcBlock の ABT ノードをデプロイする

既製の Vue Vite Blocklet と ABT Node を使用して Vue をデプロイする方法のウォークスルー。

はじめに

このデモでは、既製の Blocklet と ABT ノードを使用して Vue Vite を迅速にデプロイする方法を示します。他の Blocklet と同様に、ABT Node は適応性のある開発者プラットフォームであり、開発者は ReactJS、Express、そしてもちろん Vue などの好みのフレームワークを使用してプロジェクトを簡単に構築できます。 Vue Vite Blocklet には、decentralized identity, blockchainsなどを簡単に追加できる統合ツールを備えた Vue を使用して、迅速にデプロイしてコーディングを開始するために必要なものがすべて含まれています。

Vue Vite とは

知らない人のために説明すると、Vue はユーザー インターフェイスを簡単に構築するための進歩的なフレームワークであり、(必要なものにBlockletを追加するのと同様に) 段階的に採用されるように設計されています。このデモでは、インスタント ホット モジュールと真のオンデマンド コンパイルを提供する超高速コールド サーバーである Vue と Vite を組み合わせました。 Vite はバンドラーなしの開発セットアップを提供しており、開発中にバンドルを行わずに単一ファイル コンポーネントを使用して Vue アプリを開発できます。興味深いことに、Vite は VueJS で動作するだけでなく、ReactJS などの他のライブラリでも使用できます。

Vue + Vite を ABT ノードにデプロイする

Vue Vite と ABT ノードの使用を開始するには、Blocklet Github ページ -https://www.github.com/blocklet- にアクセスし、Vue + Vite Blocklet を選択するだけです。

「Gitpod で開く」をクリックします

[Open in Gitpod] オプションを選択して Cloud IDE を起動し、ABT ノードで Vue Vite Blocklet を起動します。注: 当社は Gitpod と提携し、開発者が ArcBlock の ABT ノードを使用して完全にクラウドでアプリケーションとプロジェクトのコーディング、構築、デバッグを迅速に開始できるようにしました。

Vue と ABT ノードを自動的にデプロイします

スクリーンショットが示すように、ABT ノード デーモンが起動し、ABT ノードをデバッグ モードでデプロイするため、すぐにコードの操作を開始できるほか、ABT ノードのダッシュボードや Web 上の Vue のプレビューにアクセスできます。

ABT ノードが実行中です

開発サーバーがクラウド内でローカルに実行されており、NGINX などのサービスが自動的にデプロイされていることがわかります。

リンクをクリックします

ABT ノード ダッシュボードとブラウザーの Vue にアクセスするためのリンクを含む、アクセス可能な URL が利用できるようになりました。

Vue Vite をプレビューしてコーディングを開始する

この時点で、Vue はクラウドの ABT ノード上で実行されており、開発者はソース ファイルにアクセスしてプロジェクトのコードの編集を開始できます。

今すぐ Vue + Vite をお試しください

さあ、あなたが始める番です。Click on this linkクラウド IDE を開始するには、ABT ノードで Vue Blockletを起動します。

ABT ノードにデプロイ

あなたが開発者で、ABT ノード環境で Vue を使い始める準備ができている場合は、Github and you can select Install on ABT Nodeに戻って、Blockletを開発環境に直接インストールしてください。手順に従うだけでインストールが完了します。