ASPTypeScriptSampleダウンロード - ASPTypeScriptSampleソースコードのダウンロード

ASPTypeScriptSample

その他のカテゴリー

1.0.0

ダウンロード

クラシック ASP + TypeScript サンプルアプリケーション

この投稿に触発されました。

これは、クラシック ASP と TypeScript で開発されたサンプルアプリケーションです。

しかし、なぜ

場合によっては、クラシック ASP で古いアプリケーションが実行されているだけで立ち往生することがあります。

TypeScript には、IntelliSense、リファクタリング、実際のクラスシステム、型システム、コンパイル時エラー、オートコンプリート、jsdocs などの開発に便利なツールが追加されています。

既存のアプリケーションで使用でき、コードとセッション状態を共有できます。

あと、やってて楽しかったです:)

プロジェクトを実行する

nuget から js および css パッケージを取得するには、パッケージマネージャーコンソールからコマンドUpdate-Package -Reinstallを実行します。

handlebars.TypeScript.DefinitelyTyped パッケージは 2 つの .d.ts ファイルをインストールします。バージョン 1.0.0 のファイルは削除する必要があります。

IIS Express 上で実行され、Visual Studio から (デバッグなしで) 直接実行できます。

スクリプトの実行順序

スクリプトは、クラシック ASP で次の順序で実行されます。

デフォルトの言語と一致しない<script runat="server">タグ。
デフォルトのスクリプト ( <% %>内);
デフォルト言語と一致する<script runat="server">タグ。

組み込まれたスクリプトの後にmain()関数を実行できるようにするために、現在のデフォルト言語はディレクティブ<%@ language="VBScript" %>を使用して VBScript として維持されました。

ASP で TypeScript を使用する 1 つのオプションは、コンテンツを ASP タグで囲み、拡張子を .asp に変更するステップをビルドプロセスに追加することです。

ソース

構成

クラシック ASP を対象とする場合の TypeScript の重要な構成をいくつか示します。

 {
    "compilerOptions" : {
        "target" : "es3" ,
        "lib" : [ "es5" , "scripthost" ] ,
        "module" : "none"
    }
}

ASP は、VBScript または Microsoft の JavaScript バージョンである JScript で実行でき、ECMAScript 3 仕様に準拠しています。

typescript が使用するデフォルトのタイプライブラリには、Request オブジェクトと Response オブジェクトを定義する新しいブラウザ API が含まれているため、ASP の API でこれらのオブジェクトを定義できるようにするには、使用するライブラリを定義する必要があります。

最後に、ASP は可能なモジュール出力を一切サポートしていません。

ASP ソースの非表示

生成されたサーバー側コードには .js 拡張子が付き、通常、IIS はこれをクライアントに送信します。 ASP のソースを非表示にするには、次の構成を追加します。

 <!-- IIS 7+ -->
< system .webServer>
< security >
  < requestFiltering >
    < hiddenSegments >
      < add segment = " src " />
    </ hiddenSegments >
  </ requestFiltering >
</ security >
</ system .webServer>

この構成は、IIS 6 以前では機能しません。

ルーティング

このアプリケーションでは、必要な js ソースを含むさまざまな .asp ファイルを使用する代わりに、QueryString パラメーターを使用してルーティングする単一のエントリポイント Default.asp を備えた mvc ワークフローが使用されました。

もう 1 つのオプションは、404 エラーを ASP ファイルにリダイレクトし、試行されたパスを読み取るルーティングを実行することです。

セッションとアプリケーションの状態

従来の ASP がセッションやアプリケーションの状態を設定するために使用する構文は、typescript ではサポートされていません。

 <%
Session("user_id") = 1
Application("connectionstring") = "some string"
%>

別の方法は、これらを設定する関数を定義し、typescript でインターフェイスを宣言することです。例えば：

 function setSession ( key , val ) {
    Session ( key ) = val ;
}

次に、タイプスクリプトで次のようにします。

 declare function setSession ( key : string , val : any ) : void ;

エラー処理

残念ながら、JScript の Error オブジェクトはスタックプロパティを定義していないため、オブジェクトのメソッドは typescript によって匿名関数として出力されるため、スタックトレースを構築する簡単な方法はありません。

サードパーティのライブラリ

このアプリケーションは、テンプレート化に Handlebars を使用し、日付の処理に Moment.js を使用します。どちらも UMD (Universal Module Definition) 構造を持っていますが、グローバルオブジェクトが存在しないため、クラシック ASP と互換性がありません。

従来の ASP JScript では、クロージャ内の変数が宣言されずに定義されている場合、その変数はグローバルスコープに「エクスポート」されます。例えば：

 ( function ( ) {
    var localFn = function ( ) {
        // ...
    } ;
    
    // classic asp export
    // this makes globalFn available in the global scope
    globalFn = localFn ;
} ) ;