ホーム>JSPソースコード>その他のカテゴリー
ダウンロード

webvf

これは、展開されたWebSVFページhttps://svf-tools.github.io/websvf/にリダイレクトするための静的webvf github ioを強調するWebVFリポジトリです。

サブモジュールがhttps://git-scm.com/book/en/v2/git-tools-submodulesでサブモジュールの詳細については、このリポジトリのキャップストーンプロジェクトはこのリポジトリ内にあります。

WebSVF 4.0であるCodeGPTパネルの最新の追加をすばやく紹介するには、このビデオをご覧ください：https：//www.youtube.com/watch？v = gf6vayzolj0新機能により、ユーザーはOpenAIのGPT 3.5ターボエンジンと通信し、サイトに存在するファイルを添付してください。

WebVF 5.0の新機能を確認するには、このビデオをご覧ください。

WebVF 5.0最終ビデオ

完全なビデオ：https：//youtu.be/egwzpohquzm

スライド：https：//www.canva.com/design/dagvjakbxys/msxloiyfyhyo_qh1qxgcra/edit?utm_content=dagvjakbxys&utm_campaign = designshare&utm_medium = link2&utm_source = sharebutton

thesiscdemo.mp4

WebVF 5.0の中期ビデオ

完全なビデオ：https：//youtu.be/0xt0wgafv5m

スライド：https：//www.canva.com/design/dagnpdivvze/ccezxwfi-c7vx7ttsfeaza/edit?utm_content=dagnpdivvze&utm_campaigle=designshare&utm = link2&utm_source = sharebutton

Thesisbdemo.mp4

WebVF 5.0のインストール

注、WebVF 5.0は、以前のWebVFからSVF-Ex実行可能ファイルを使用してグラフを作成します。実行可能ファイルは、X86アーキテクチャでのみ実行できます（ARM64ではなく）。最良の結果を得るには、Linuxにインストールを完了する必要があります。

Linuxでdotnet 8をダウンロードします

このウェブサイトにアクセスしてください

 https://dotnet.microsoft.com/en-us/download/dotnet/8.0

dotnet 8.0のSDKをダウンロードします。 X64アーキテクチャを使用する場合は、バイナリについてはX64をクリックしてください。 MシリーズMacBookで実行されている場合は、ARM64をクリックします。これにより、バイナリをTARファイルとして自動的にダウンロードする必要があります。 

 cd Downloads

ダウンロードに移動して、次のコマンドを実行します。 （これらのコマンドはダウンロードページから取得されました） 

 mkdir -p $HOME/dotnet && tar zxf dotnet-sdk-8.0.402-linux-x64.tar.gz -C $HOME/dotnet
export DOTNET_ROOT=$HOME/dotnet
export PATH=$PATH:$HOME/dotnet

新しい端末セッションを開くたびに2つのエクスポートコマンドを実行します。シェルプロファイルを編集して、コマンドを永続的に追加することもできます。

フロントエンドのノードマネージャーのダウンロード

次のコマンドを実行して、ノードバージョンマネージャー（NVM）をインストールします

 curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.0/install.sh | bash

次のコマンドを実行して、ノードバージョン20をインストールします

 nvm install 20

次のコマンドを実行して、ノードバージョンを確認できます。 V20と言うべきです。 。 

 node -v

フロントエンドを実行する方法

フロントエンドフォルダーに移動します

 cd frontend

次のコマンドを使用して、フロントエンドを実行するために必要なノードパッケージをインストールします。 

 npm install

npm run devを実行します

 npm run dev

バックエンドの展開

バックエンドは現在、fly.ioを使用して展開されています。

フロントエンドの展開

フロントエンドは現在、Vercelを使用して展開されています。

APIキー

CodeGPTのAPIキーを変更する場合、またはエラーに遭遇した場合、「Apikey」は存在しません。

Frontendフォルダー内およびSRCの外側の.env.shファイルにApikeyを追加します。 ENVファイルに以下を追加します。 

 VITE_OPENAI_API_KEY='YOUR_API_KEY'

APIキーを生成するには、次のことが必要です。

  1. Openaiでアカウントを作成します。
  2. ログインした後、「API」を選択します。
  3. 左上隅のGPTアイコンをクリックして、サイドバーを展開します
  4. APIキーを選択します。ここでは、キーを生成し、Apikey変数に値として追加できます。

WebVF 5.0のインストールの終わり

WebVF 4.0のインストールガイド

注：最良の結果を得るには、Linuxにインストールを完了する必要があります。

1。NodeJS15およびその他の依存関係をインストールします

 sudo apt install nodejs@15
sudo apt-get install clang cmake gcc g++ doxygen graphviz zlib1g-dev unzip libtinfo5

https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-ubuntu-20-04

2. Angularをインストールします

 cd ClientApp 
sudo npm install -g @angular/cli

https://angular.io/guide/setup-local

3。このレポをクローンします

 git clone https://github.com/Re-Tails/CapstoneProject.git

4. dotnetをインストールします

Microsoftパッケージ署名キーを追加します

 wget https://packages.microsoft.com/config/ubuntu/20.04/packages-microsoft-prod.deb -O packages-microsoft-prod.deb
sudo dpkg -i packages-microsoft-prod.deb
rm packages-microsoft-prod.deb

SDKをインストールします

 sudo apt-get update; 
  sudo apt-get install -y apt-transport-https && 
  sudo apt-get update && 
  sudo apt-get install -y dotnet-sdk-3.1

ランタイムをインストールします

 sudo apt-get update; 
  sudo apt-get install -y apt-transport-https && 
  sudo apt-get update && 
  sudo apt-get install -y aspnetcore-runtime-3.1

https://docs.microsoft.com/en-au/dotnet/core/install/linux-ubuntu#2004-

上記のコマンドが機能しない場合は、ここからDOTNET 3.1を手動でダウンロードできます

3.1バージョンのSDKである限り、任意のバージョンをダウンロードできます。

https://dotnet.microsoft.com/en-us/download/dotnet/3.1

ダウンロード後、ダウンロードフォルダーに移動して、次のコマンドを実行します。 

 cd
cd Downloads
mkdir -p $HOME/dotnet && tar zxf dotnet-sdk-3.1.302-win-x64.exe -C $HOME/dotnet
export DOTNET_ROOT=$HOME/dotnet
export PATH=$PATH:$HOME/dotnet

手動でダウンロードしている場合は、マシンが再起動するたびにこれらのコマンドを実行する必要があります（または、コンピューターが再起動するときにこのコマンドをコピーして貼り付けないように、これらのコマンドを適切なソースファイルに追加します） 

 export DOTNET_ROOT=$HOME/dotnet
export PATH=$PATH:$HOME/dotnet

7.アプリを更新します

 cd  ClientApp 
npm install 
npm run start //note: this will only run the Client App

6.アプリを実行します

CapstoneProject Repoフォルダーから次のコマンドを実行します。 

 dotnet run

メモ

依存関係をインストールします

必要に応じて、次の依存関係をインストールします

 npm i svf-lib

CapstoneProjectからサブモジュールを引っ張ります

このコマンドは、CapstoneProject内の最新のファイルまたは追加する他のレポを取得するために必要です。 

 git submodule update --init

カスタムWebVF AMIからEC2インスタンスを作成します

これらの指示は、公式AWSドキュメント（以下にリストされているソース）から採用されています。

AWS環境、特にAWS EC2に慣れていない場合は、情報源を詳細に読むことを強くお勧めします。

WebVF AMI： ami-06787f758a0b88e83

1a。 AWSアカウントにサインアップします

AWSアカウントがない場合は、次の手順を完了して作成します。

AWSアカウントにサインアップします

  1. https://portal.aws.amazon.com/billing/signupを開きます。

  2. オンラインの指示に従ってください。

サインアップ手順の一部には、電話を受け取り、電話キーパッドに確認コードを入力することが含まれます。

AWSアカウントにサインアップすると、AWSアカウントルートユーザーが作成されます。ルートユーザーは、アカウント内のすべてのAWSサービスとリソースにアクセスできます。セキュリティベストプラクティスとして、管理者ユーザーに管理アクセスを割り当て、ルートユーザーのみを使用して、ルートユーザーアクセスを必要とするタスクを実行します。

AWSは、サインアッププロセスが完了した後に確認メールを送信します。いつでも、https：//aws.amazon.com/にアクセスしてアカウントを選択して、現在のアカウントアクティビティを表示し、アカウントを管理できます。

1b。 AWSアカウントにログインします

AWS管理コンソールを介してAWSアカウントにログインします。

2。キーペアを作成します

  1. https://console.aws.amazon.com/ec2/でAmazon EC2コンソールを開きます。

  2. ナビゲーションペインで、 Key Pairsを選択します。

  3. Create key pair選択します。

  4. Nameについては、キーペアの説明名を入力します。 Amazon EC2は、公開鍵をキー名として指定した名前に関連付けます。

  5. キーペアタイプの場合、 RSAを選択します

  6. Private key file formatの場合は、秘密キーを保存する形式を選択します。

  7. Create key pair選択します。

  8. 秘密キーファイルは、ブラウザによって自動的にダウンロードされます。ベースファイル名は、キーペアの名前として指定した名前で、ファイル名拡張子は選択したファイル形式によって決定されます。秘密のキーファイルを安全な場所に保存します。

3. Amazon EC2にアクセスします

https://console.aws.amazon.com/ec2/でAmazon EC2コンソールを開きます

4. EC2インスタンスを起動します

  1. EC2コンソールダッシュボードから、 Launch instanceボックスで、 Launch instanceを選択し、表示されるオプションからLaunch instanceを選択します。

  2. Name and tagsの下で、 Nameについては、インスタンスの記述名を入力します。

  3. Application and OS Images (Amazon Machine Image)の下で、次のことを行います。

    • クイックスタートを選択し、Amazon Linuxを選択します。これは、インスタンスのオペレーティングシステム（OS）です。

    • Amazon Machine Image（AMI）から、より多くのAMIを参照して、完全なAMIカタログを閲覧することを選択します。

    • コミュニティAMISを選択してください

    • AMI ami-06787f758a0b88e83を検索します

    • それを選択します

  4. キーペア（ログイン）の下で、キーペア名の場合、セットアップ時に作成したキーペアを選択します。

  5. Summaryパネルのインスタンス構成の概要を確認し、準備が整ったらLaunch instanceを選択してください。

トラブルシューティング

使用可能なバージョンのlibSSLはエラーが見つかりませんでした

このエラーが発生した場合、次のコマンドを実行することでインストールできるLibSSL1.1_1.1.1.1.1-1-Buntu2.1〜18.04.21_AMD64.DEBがあるはずです。 

 sudo dpkg -i libssl1.1_1.1.1-1ubuntu2.1~18.04.21_amd64.deb

このlibSSLファイルがここにない場合、次のコマンドを実行できます

 wget https://www.openssl.org/source/openssl-1.1.1c.tar.gz
tar -xzvf openssl-1.1.1c.tar.gz
cd openssl-1.1.1c
./config
make
sudo make install (it puts it into /usr/local/lib so it doesn't mess with the rest of your system)

次に、このコマンドを実行して、LD_LIBRARY_PATHを介して一時的にこのコマンドをマッピングします。コンピューターが再起動するたびにこのコマンドを実行する必要があります。 

 export export LD_LIBRARY_PATH="/usr/local/lib"

libsslファイルがない場合、使用可能なlibsslのソース。 dotnet/core＃4749

APIキー

CodeGPTのAPIキーを変更する場合、またはエラーに遭遇した場合、「Apikey」は存在しません。

環境にapikeyを追加します。

APIキーを生成するには、次のことが必要です。

  1. Openaiでアカウントを作成します。
  2. ログインした後、「API」を選択します。
  3. 左上隅のGPTアイコンをクリックして、サイドバーを展開します
  4. APIキーを選択します。ここでは、キーを生成し、Apikey変数に値として追加できます。

別の方法は、DotenVファイルを使用することもできます。これについては、ここでドキュメントを見つけることができます。これにより、パブリックリポジトリでAPIキーを保護できます。 https://betterprogramming.pub/how-to-secure-angular-environment-variables-for-in-github-actions-39c07587d590

ソース

https://docs.aws.amazon.com/cli/latest/userguide/cli-services-ec2-instances.html

https://docs.aws.amazon.com/accounts/latest/reference/manage-acct-creating.html

https://docs.aws.amazon.com/awsec2/latest/userguide/get-set-por-amazon-ec2.html

https://docs.aws.amazon.com/awsec2/latest/userguide/ec2_getstarted.html

https://docs.aws.amazon.com/awsec2/latest/userguide/ec2-launch-instance-wizard.html

拡大する
追加情報
関連アプリ
おすすめ
関連情報 すべて