問題タブ [angular-universal]

Heroku でAngular Universal Starterのサンプルをデプロイしようとしています。

npm startts-node を認識しないため、タスクは失敗します。

ts-node を使用して Heroku にデプロイする方法はありますか?

私は ASP.NET Web サイトを持っており、いくつかの Angular 2 コンテンツをそれに取り込もうとしています。Web サイトにはさまざまなページがあり、多くの静的コンテンツが含まれています。特定のページでは、Angular 2 アプリケーションとしてレンダリングされる動的コンテンツをレンダリングする必要があります。

これは、クライアント側では問題ではありません。既にプレースホルダー要素 (data-dynamic-appそれらの属性によって識別される) を反復処理し、それぞれに適切な Angular アプリケーションをブートストラップすることができたからです。簡単です。

ただし、SEO の理由から、クライアント側のコードに到達する前にページの Angular 部分がレンダリングされるように、サーバー側のレンダリングを追加する必要があります。課題は、IIS を介して提供される ASP.NET Web サイト用の既存の Visual Studio ソリューションにこれを構築しようとしていることですが、それを行う方法がわかりません。

私は頭の中でアイデアを実行してきましたが、Angular Universal の経験がないフロントエンドに焦点を当てた開発者として、どのアイデアがクレイジーで、実際にどこかに行き着く可能性があるかどうかを判断できません。ここに私の頭をよぎったいくつかのことがあります：

• Angular Universal を介して ASP.NET アプリケーションの HTML 出力全体をプロキシし、動的部分を事前にレンダリングします。
• ASP.NET Core で実行され、AngularUniversal が組み込まれているAngular2Spaアプリケーションを使用して、何らかの形で既存の ASP.NET サイトからコンテンツを取得します。

上記はまったく意味をなさないかもしれませんし、それらの「もし」または「どのように」もわかりません。私は、ASP.NET、IIS、さらには Angular Universal についてもほとんど知りません。したがって、上記を明確化/改善するためのアイデア、またはまったく異なるより良いアイデアをいただければ幸いです。

Universal-starter (webpack バージョン) のクローンを作成し、指示に従ってローカル マシンnpm startで起動して実行しましたnpm run watch

github統合を介してAzure（およびGoogle Cloud）にデプロイしようとした後、スタックしnpm run buildました-動作するように設定する方法がわかりません。

Express.js を使用して webpack バンドル ファイルを外部ホストで起動する方法について、レシピを知っている人はいますか? CI 統合を介してコマンドを実行する必要がありますか? のファイルは/dist、自立していないようです。

angular-universalのスターターデモを使用しています。このテンプレートには、/home と /about の 2 つのボタンに 2 つのルートがあります。この 2 つのページでは、API から異なるデータを要求しています。問題は、コンポーネントのコンストラクターがデータを要求する他のボタン ( /about ) をクリックしたときですが、コンポーネントを初期化しないことです。だから私はウェブ上のデータを見ることができません。しかし、ボタンをダブルクリックすると、init が呼び出されてデータが表示されます。

何が悪いの？私の英語でごめんなさい！ありがとう

編集:解決しました。index.html から次の行を削除すると、問題は修正されます。

www.myweb.com/something にアクセスすると、Web に次のメッセージが表示されます。

ここに私の app.routes があります:

私はAngular Universalを使用しているので、server.tsと呼ばれる別のファイルがあります。このコードは次のとおりです。

問題はどこだ？ありがとう！

Angular Universal を使用してサーバー側でレンダリングする (facebook、twiter、およびその他のメタタグで認識される) Angular 2 の SEO またはメタタグに関する完全に機能する例を検索していますが、成功しませんでした..

複数の記事を見つけましたが、不完全 (すべてのソース コードが利用可能ではない) または最も古い (最新バージョンでコンパイルされていない) ものがあります。

a) blog.devcross.net/2016/04/17/angular-2-universal-seo-friendly-website/ 注: ソース コード付きの優れた投稿ですが、機能していません。

b) builtvisible.com/universal-angular-2-server-side-rendering-seo-crawl-friendliness/ 注: 非常に便利ですが、完全なソース コードはありません..

c) https://gist.github.com/kaaboeld/851bc3190eec67f6723c6054751ee2dc

注: 完全に機能する例ではありません。最善のアプローチかもしれません..

d) https://github.com/angular/universal/issues/454 注: これは c オプションのバリアントであり、いくつかの修正が加えられています...

完全に機能する例はありましたか??

前もって感謝します

AngularJS アプリケーションを Angular 2 Universal アプリケーションに変換しようとしています (サーバー側のレンダリングのため)。

https://github.com/angular/universal-starter

ここで、通常のAngular 2アプリケーションで簡単に実現できるグローバル変数を保存する必要があります(以下のリンクに従って)。

Angular 2 グローバル変数

Angular 2 - 認証トークンなどのグローバル変数を保存して、すべてのクラスがそれらにアクセスできるようにする最良の方法は何ですか?

通常の angular 2 アプリでこれを実現するために必要なことの 1 つは、グローバル サービスをブートストラップに渡すことです。

何か不足していない限り、Angular 2ユニバーサルアプリでそれを行うことはできないと思います。

ユーザーデータを保存し、アプリケーション全体で使用したい。asp.net のセッション データと同じです。さらに、これは親子コンポーネントを作成せずに行う必要があります

Angular 2 Universal App にグローバル変数を保存するにはどうすればよいですか?

ありがとうファハド・ムラジ

Angular Universal を数週間使用していますが、Angular Universal の多くのインスタンスのルート ディレクトリにserver.tsドキュメントがあることに気付きました。

このserver.tsファイルは、通常は /typings ディレクトリから入手できる複数の TypeScript インストールをインポートします。ただし、Atom IDE で編集すると常にエラーが発生し、ファイルのコンパイルが許可されず、出力のみが許可されるインポート ライブラリが 1 つあります。

これまでのところ、この「パス」ライブラリがどこから派生したのかを正確に把握していません。TypeScript自体を使用してインストールしようとしました：

次のエラーが表示されます。

この「パス」インポート参照と、それがどこから来ているのかを知っている人はいますか?

ありがとう。