Angular でウィンドウズアプリ(EXE)を起動する方法

Angular でウィンドウズアプリ(EXE)を起動する方法

コンポーネントからnotepad.exeなどのexeファイルを起動する方法です。(IE11でのみ確認)

IEでAngularを実行するには、src配下のpolyfills.tsを編集する必要があります。

上記のコメントをすべて外す必要があります。その他にもweb-animations-jsをIEで使用したい場合は、その個所のimport文を有効にしておく必要があります。

Angular 6でnotepad.exeを起動する

ではnotepad.exeを起動してみます。

app.component.ts

import { Component } from '@angular/core';
interface ActiveXObject {
  new(s: string): any;
}
declare const ActiveXObject: ActiveXObject;
@Component({
  selector: 'app-root',
  template:
  `
  <button (click)='onClick()'<ボタン>/button>
  `,
  styleUrls: ['./app.component.styl']
})
export class AppComponent {
  public onClick(){
    const app = new ActiveXObject('WScript.Shell');
    app.Run('notepad.exe');
  }
}

IE11のローカルイントラネットの設定を以下のように変更します。

これでng serve --openを実行し、IE11を起動します。

ボタンを押下すると、notepadが起動することができます。

Angular でウィンドウズアプリ(EXE)を起動する方法

高橋

KHI入社して退社。今はCONFRAGEで正社員です。関西で140-170/80～120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくは、我に七難八苦を与えたまえ」です^^