csharpexpensecalculator
ASP.NET Web API、Angular / CLI、Entity Framework(Token Auth w / Token Auth)
マーカス・バーンズ
目的:これは、ユーザー認証やその他の費用データのためにデータベース内のテーブルを使用してエンティティフレームワークを使用するようにデモンストレーションするように設計されたデータベーステーブルを備えたシンプルなASP.NET Web APIプロジェクトです。 C#「COSSONAPI」(サーバー側)はVisual Studio 2017に記述され、VSコード(v1.41.1)で記述されたAngular /CLI「Cosonsclient」(クライアント側)が記述されました。
方向:
- Visual Studioコードでフォルダー「Cosonsclient」を開きます
- Microsoft Visual StudioでSLN Expnesesapiを開きます
- ターミナル/clに「 ng serve -o」を入力してクライアントを実行します
- VSでサーバーアプリを実行する(これはデータベースと通信するためにも実行されている必要があります)
実行に問題がある場合:- クライアントの実行中にこのエラーが発生した場合
- 未処理の例外が発生しました:からのモジュール「@angular-devkit/build-angular」を見つけることができませんでした…。
- 次に、これをCLで実行します
- npmインストール-save-dev @angular-devkit/build-angular
- データベースが入っていない場合
- 新しいローカルSQL Serverデータベースを作成します
- サーバーエクスプローラーを開きます
- データ接続を右クリックします
- [新しいSQL Serverデータベースの作成]をクリックします
- 「。」を入力しますまたはサーバー名の「(ローカル)」
- サーバー名のcosonsdbを入力します
- セットアップ後、DBをクリックしてF4を押します
- web.configに移動します
- 底部近くに、「接続ストリング」値を新しい値に置き換えます
- Cosonsapiソリューションをクリックし、F4を押してプロパティを表示し、URL Exをコピーします。 http:// localhost:49189/
- vs code> src> app> entry.service.tsに移動します
- ベースURL値をローカルホスト番号(例49189)に置き換え、最後に '/api/entries/'を残します。
- フォーマットは: 'http:// localhost:#####/api/entries/'
仕様:
- Microsoft AspNet Web API 2.2
- @angular/cliw
- nugetパッケージ(リストにいくつかのエキストラが含まれている可能性があります):
- MicrosoftによるEntityFramework
- aspnet.mvc
- aspnet.telemetrycorrelation
- aspnet.web.optimization
- aspnet.webapi.core
- aspnet.webapi.cors
- aspnet.webapi.helppage
- aspnet.webapi.webhost
- aspnet.webpages
- IDMODEL.JSONWEBTOKENS
- IDMODEL.LOGGING
- IDMODEL.TOKENS
- IDMODEL.TOKENS.jwt
特徴:
- ユーザー名とパスワードの作成は、ローカルデータベーステーブルにストレージに渡されます。
- トークンを使用してローカルストレージに配置され、データベースからユーザーのサインイン/サインアウト
- ユーザーがエントリ(費用または収入のいずれか)を追加、編集、削除できるようにします
- エントリを名前でフィルタリングします
有用な参照:- https://material.angular.io/guide/getting-started
他のスクリーンショット: